@monolith-forensics/monolith-ui 1.2.113 → 1.2.114

package/dist/SelectBox/SelectBox.js

@@ -310,14 +310,15 @@ DropDownProps = {}, debounceTime = 150, sort = false, disabled = false, }) => {
         const value = e.target.value;
         setInputValue(value || "");
         debouncedHandleChange(value);
-        setIsOpen(true);
+        if (!isOpen)
+            setIsOpen(true);
     };
     const debouncedHandleChange = useDebouncedCallback((value) => {
         if (searchFn) {
             searchFn(value);
         }
         else {
-            setSearchValue(value);
+            handleSearch(value);
         }
         if (allowCustomValue && value) {
             const existingItem = resolvedOptions.find((item) => item.value.toLowerCase() === value.toLowerCase());
@@ -358,6 +359,7 @@ DropDownProps = {}, debounceTime = 150, sort = false, disabled = false, }) => {
     };
     const handleChangeSelection = useCallback((option) => {
         !isControlled.current && setValueState(option);
+        setInputValue((option === null || option === void 0 ? void 0 : option.label) || "");
         onChange === null || onChange === void 0 ? void 0 : onChange(option === null || option === void 0 ? void 0 : option.value, option);
     }, [onChange]);
     const handleAddItem = useCallback((newItem) => {
@@ -398,6 +400,7 @@ DropDownProps = {}, debounceTime = 150, sort = false, disabled = false, }) => {
                 newItem = filteredItems[index + 1];
             }
             !isControlled.current && setValueState(newItem);
+            setInputValue(newItem.label || "");
             onChange === null || onChange === void 0 ? void 0 : onChange(newItem.value, newItem);
             return;
         }
@@ -419,6 +422,7 @@ DropDownProps = {}, debounceTime = 150, sort = false, disabled = false, }) => {
                 newItem = filteredItems[index - 1];
             }
             !isControlled.current && setValueState(newItem);
+            setInputValue(newItem.label || "");
             onChange === null || onChange === void 0 ? void 0 : onChange(newItem.value, newItem);
             return;
         }
@@ -442,6 +446,13 @@ DropDownProps = {}, debounceTime = 150, sort = false, disabled = false, }) => {
             setIsOpen(true);
         }
     };
+    const handleSearch = (value) => {
+        if (searchable) {
+            setSearchValue(value);
+            update();
+            onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchValue);
+        }
+    };
     const referenceEl = (_b = refs === null || refs === void 0 ? void 0 : refs.reference) === null || _b === void 0 ? void 0 : _b.current;
     const contentWidth = ((_e = (_d = (_c = referenceEl === null || referenceEl === void 0 ? void 0 : referenceEl.getClientRects) === null || _c === void 0 ? void 0 : _c.call(referenceEl)) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.width) || "100%";
     const scrollEl = scrollContainerRef === null || scrollContainerRef === void 0 ? void 0 : scrollContainerRef.current;
@@ -471,10 +482,6 @@ DropDownProps = {}, debounceTime = 150, sort = false, disabled = false, }) => {
         document.addEventListener("click", close);
         return () => document.removeEventListener("click", close);
     }, [refs.floating, refs.reference, handleBlur]);
-    // handle input value change
-    useEffect(() => {
-        setInputValue((_value === null || _value === void 0 ? void 0 : _value.label) || "");
-    }, [_value]);
     // handle scroll item into view
     useEffect(() => {
         var _a, _b;
@@ -483,13 +490,6 @@ DropDownProps = {}, debounceTime = 150, sort = false, disabled = false, }) => {
             item.scrollIntoView({ block: "nearest" });
         }
     }, [_value]);
-    // make calls to onSearch callback
-    useEffect(() => {
-        if (searchable) {
-            update();
-            onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchValue);
-        }
-    }, [searchValue]);
     useEffect(() => {
         if (bottomHeight < 250) {
             setPlacement("top-start");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.2.113",
+  "version": "1.2.114",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",