intelicoreact 1.4.1 → 1.4.2

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

@@ -72,7 +72,7 @@ const DropdownLiveSearch = _ref => {
 
     return (_options$find$label = options === null || options === void 0 ? void 0 : (_options$find = options.find(item => item.value === value)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : "";
   }, [value]);
-  const [searchValue, setSV] = (0, _react.useState)(null);
+  const [searchValue, setSV] = (0, _react.useState)("");
   const [isSearchValueChangedAfterOpen, setIsSearchValueChangedAfterOpen] = (0, _react.useState)(false);
   const dropdownLiveSearchRef = (0, _react.useRef)(null);
   const dropdownListBoxRef = (0, _react.useRef)(null);
@@ -99,17 +99,17 @@ const DropdownLiveSearch = _ref => {
     }
   }, [options]);
 
-  const setSearchValue = val => {
-    setIsSearchValueChangedAfterOpen(true);
-    setSV(val !== null && val !== void 0 ? val : "");
-    searchValueRef.current = val !== null && val !== void 0 ? val : "";
+  const setSearchValue = function (val) {
+    let isChanged = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    if (isChanged) setIsSearchValueChangedAfterOpen(true);
+    setSV(val);
+    searchValueRef.current = val;
   };
 
   const setIsOpen = v => {
     setIsOpenState(v);
-    setSV(v ? "" : null);
-    searchValueRef.current = v ? "" : null;
-    setIsValueDeleted(v);
+    setSearchValue("", false);
+    if (!v) setIsSearchValueChangedAfterOpen(false);
   };
 
   const getParentNode = () => {
@@ -199,7 +199,7 @@ const DropdownLiveSearch = _ref => {
     var _item$value, _item$value$toString, _item$value2, _item$value2$toString, _item$customMobileIco;
 
     const lowerLabel = item.label.toLowerCase();
-    const lowerSearchValue = searchValue.toLowerCase();
+    const lowerSearchValue = searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase();
     return /*#__PURE__*/_react.default.createElement("button", {
       "data-testid": "dropdown-live-search--button--key-".concat(optTestId || (item === null || item === void 0 ? void 0 : (_item$value = item.value) === null || _item$value === void 0 ? void 0 : (_item$value$toString = _item$value.toString()) === null || _item$value$toString === void 0 ? void 0 : _item$value$toString.replace(/\s/, "-")) || (item === null || item === void 0 ? void 0 : item.key) || "item", "--option"),
       key: (_item$value2 = item.value) === null || _item$value2 === void 0 ? void 0 : (_item$value2$toString = _item$value2.toString()) === null || _item$value2$toString === void 0 ? void 0 : _item$value2$toString.replace(/ /g, "_"),
@@ -327,10 +327,6 @@ const DropdownLiveSearch = _ref => {
     document.addEventListener("click", handleClickOutside, true);
     return () => document.removeEventListener("click", handleClickOutside, true);
   }, []);
-  (0, _react.useEffect)(() => {
-    if (!value) setSearchValue("");
-    setIsSearchValueChangedAfterOpen(false);
-  }, [value]);
   (0, _react.useEffect)(() => {
     if (options.length === 1 && searchValue === options[0].label) {
       setSearchValue(options[0].label);
@@ -338,8 +334,9 @@ const DropdownLiveSearch = _ref => {
     }
   }, [options]);
   (0, _react.useEffect)(() => {
-    if (isSearchable && debouncedSearchTerm || isValueDeleted) {
+    if (isSearchable && (debouncedSearchTerm || isValueDeleted)) {
       doRequest(debouncedSearchTerm);
+      if (isValueDeleted) setIsValueDeleted(false);
     }
   }, [debouncedSearchTerm, isValueDeleted]);
   (0, _react.useEffect)(() => {

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

@@ -85,7 +85,7 @@ const TagsDropdown = _ref => {
   } = (0, _useIsMobile.default)();
   const isMobile = isMobileProp && withMobileLogic && window.screen.width <= 768;
   const [dropdownId] = (0, _react.useState)(id || fieldKey || Math.random().toString(16).slice(2));
-  const [isOpen, setIsOpenState] = (0, _react.useState)(false);
+  const [isOpen, setIsOpen] = (0, _react.useState)(false);
   const [searchValue, setSearchValue] = (0, _react.useState)("");
   const dropdownRef = (0, _react.useRef)(null);
   const dropdownListRef = (0, _react.useRef)(null);
@@ -136,15 +136,10 @@ const TagsDropdown = _ref => {
 
   const setSearchValueInterceptor = value => {
     setSearchValue(value);
-    setIsValueDeleted(value === "");
+    setIsValueDeleted(searchValue !== value && value === "");
     searchValueRef.current = value;
   };
 
-  const setIsOpen = v => {
-    setIsOpenState(v);
-    setSearchValueInterceptor(v ? "" : null);
-  };
-
   const doScrollCallback = (0, _react.useCallback)(e => {
     if (doLiveSearchRequest && typeof doLiveSearchRequest === "function") {
       if (Math.round(e.target.clientHeight + e.target.scrollTop) == e.target.scrollHeight) {
@@ -165,7 +160,6 @@ const TagsDropdown = _ref => {
     /*  && !isTargetInParent(target) */
     ) {
       setIsOpen(false);
-      setSearchValueInterceptor(null);
     }
   };
 
@@ -652,10 +646,10 @@ const TagsDropdown = _ref => {
     };
   }, []);
   (0, _react.useEffect)(() => {
-    if (isSearchable && useLiveSearch && debouncedSearchTerm || isValueDeleted) {
+    if (isSearchable && useLiveSearch && (debouncedSearchTerm || isValueDeleted || isOpen)) {
       doLiveSearchRequest === null || doLiveSearchRequest === void 0 ? void 0 : doLiveSearchRequest(debouncedSearchTerm);
     }
-  }, [debouncedSearchTerm, isValueDeleted]);
+  }, [isOpen, debouncedSearchTerm, isValueDeleted]);
   (0, _react.useLayoutEffect)(() => {
     var _getListContainer5;
 

package/package.json

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