@sustaina/shared-ui 1.36.0 → 1.36.1

package/dist/index.mjs

@@ -3194,6 +3194,7 @@ var LookupSelect = ({
 }) => {
   const [inputValue, setInputValue] = useState("");
   const inputRef = useRef(null);
+  const [inputFocused, setInputFocused] = useState(false);
   const [suggestions, setSuggestions] = useState([]);
   const [optionLabels, setOptionLabels] = useState({});
   const [loading, setLoading] = useState(false);
@@ -3244,8 +3245,6 @@ var LookupSelect = ({
         onChange([trimmed]);
       }
       setInputValue("");
-      setSuggestions([]);
-      setIsDropdownOpen(false);
     },
     [value, onChange, maxTags, multiple]
   );
@@ -3254,12 +3253,15 @@ var LookupSelect = ({
       if (index < 0) return;
       const newTags = value.filter((_, i) => i !== index);
       onChange(newTags);
+      setIsDropdownOpen(false);
+      setInputFocused(false);
     },
     [value, onChange]
   );
   const handleClear = useCallback(() => {
     setInputValue("");
     setSuggestions([]);
+    setInputFocused(false);
     setIsDropdownOpen(false);
     setFetchError(null);
     if (onClear) onClear();
@@ -3275,7 +3277,10 @@ var LookupSelect = ({
         }, 100);
       } else {
         inputRef.current?.blur();
+        setInputFocused(false);
+        setIsDropdownOpen(false);
       }
+      inputRef.current.value = "";
     },
     [addTag, multiple, upsertOptionLabels]
   );
@@ -3318,18 +3323,11 @@ var LookupSelect = ({
     });
   }, [dropdownPortalElement]);
   useEffect(() => {
-    if (!fetchSuggestions) return;
+    if (!fetchSuggestions || !inputFocused) return;
     if (fetchDelayRef.current) {
       clearTimeout(fetchDelayRef.current);
     }
     const query = inputValue.trim();
-    if (!query) {
-      setSuggestions([]);
-      setIsDropdownOpen(false);
-      setLoading(false);
-      setFetchError(null);
-      return;
-    }
     setLoading(true);
     setFetchError(null);
     setIsDropdownOpen(true);
@@ -3357,7 +3355,7 @@ var LookupSelect = ({
         clearTimeout(fetchDelayRef.current);
       }
     };
-  }, [inputValue, fetchSuggestions, suggestionDebounce, upsertOptionLabels]);
+  }, [inputValue, fetchSuggestions, suggestionDebounce, upsertOptionLabels, inputFocused]);
   useEffect(() => {
     if (!fetchSuggestions) return;
     if (value.length === 0) return;
@@ -3374,6 +3372,7 @@ var LookupSelect = ({
       if (containerRef.current?.contains(target)) return;
       if (dropdownContentRef.current?.contains(target)) return;
       setIsDropdownOpen(false);
+      setInputFocused(false);
     };
     document.addEventListener("mousedown", handleDocumentClick);
     return () => {
@@ -3395,7 +3394,7 @@ var LookupSelect = ({
       window.removeEventListener("resize", handleReposition);
       window.removeEventListener("scroll", handleReposition, true);
     };
-  }, [dropdownPortalElement, isDropdownOpen, updateDropdownPosition]);
+  }, [dropdownPortalElement, isDropdownOpen, updateDropdownPosition, value]);
   useEffect(() => {
     if (suggestions.length === 0) {
       setActiveSuggestionIndex(-1);
@@ -3450,7 +3449,7 @@ var LookupSelect = ({
               return /* @__PURE__ */ jsxs(
                 "span",
                 {
-                  className: "flex items-center gap-1 rounded-lg border border-[#f0f0f0] bg-[#f9f9f9] px-2 py-1 my-1 text-sm text-inherit max-w-full wrap-break-word",
+                  className: "flex items-center gap-1 rounded-lg border border-sus-secondary-gray-3 bg-sus-secondary-gray-2 px-2 py-1 my-1 text-sm text-inherit max-w-full wrap-break-word",
                   children: [
                     /* @__PURE__ */ jsx("span", { className: "whitespace-pre-wrap break-all", children: label }),
                     /* @__PURE__ */ jsx(
@@ -3478,9 +3477,7 @@ var LookupSelect = ({
                 onChange: (e) => setInputValue(e.target.value),
                 onKeyDown: handleKeyDown,
                 onFocus: () => {
-                  if (suggestions.length > 0 && !fetchError) {
-                    setIsDropdownOpen(true);
-                  }
+                  setInputFocused(true);
                 },
                 hidden: !multiple && selectedLabel !== void 0,
                 placeholder: value.length === 0 && resolvedPlaceholder || "",