@sustaina/shared-ui 1.36.0 → 1.36.1

package/dist/index.js

@@ -3234,6 +3234,7 @@ var LookupSelect = ({
 }) => {
   const [inputValue, setInputValue] = React25.useState("");
   const inputRef = React25.useRef(null);
+  const [inputFocused, setInputFocused] = React25.useState(false);
   const [suggestions, setSuggestions] = React25.useState([]);
   const [optionLabels, setOptionLabels] = React25.useState({});
   const [loading, setLoading] = React25.useState(false);
@@ -3284,8 +3285,6 @@ var LookupSelect = ({
         onChange([trimmed]);
       }
       setInputValue("");
-      setSuggestions([]);
-      setIsDropdownOpen(false);
     },
     [value, onChange, maxTags, multiple]
   );
@@ -3294,12 +3293,15 @@ var LookupSelect = ({
       if (index < 0) return;
       const newTags = value.filter((_, i) => i !== index);
       onChange(newTags);
+      setIsDropdownOpen(false);
+      setInputFocused(false);
     },
     [value, onChange]
   );
   const handleClear = React25.useCallback(() => {
     setInputValue("");
     setSuggestions([]);
+    setInputFocused(false);
     setIsDropdownOpen(false);
     setFetchError(null);
     if (onClear) onClear();
@@ -3315,7 +3317,10 @@ var LookupSelect = ({
         }, 100);
       } else {
         inputRef.current?.blur();
+        setInputFocused(false);
+        setIsDropdownOpen(false);
       }
+      inputRef.current.value = "";
     },
     [addTag, multiple, upsertOptionLabels]
   );
@@ -3358,18 +3363,11 @@ var LookupSelect = ({
     });
   }, [dropdownPortalElement]);
   React25.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);
@@ -3397,7 +3395,7 @@ var LookupSelect = ({
         clearTimeout(fetchDelayRef.current);
       }
     };
-  }, [inputValue, fetchSuggestions, suggestionDebounce, upsertOptionLabels]);
+  }, [inputValue, fetchSuggestions, suggestionDebounce, upsertOptionLabels, inputFocused]);
   React25.useEffect(() => {
     if (!fetchSuggestions) return;
     if (value.length === 0) return;
@@ -3414,6 +3412,7 @@ var LookupSelect = ({
       if (containerRef.current?.contains(target)) return;
       if (dropdownContentRef.current?.contains(target)) return;
       setIsDropdownOpen(false);
+      setInputFocused(false);
     };
     document.addEventListener("mousedown", handleDocumentClick);
     return () => {
@@ -3435,7 +3434,7 @@ var LookupSelect = ({
       window.removeEventListener("resize", handleReposition);
       window.removeEventListener("scroll", handleReposition, true);
     };
-  }, [dropdownPortalElement, isDropdownOpen, updateDropdownPosition]);
+  }, [dropdownPortalElement, isDropdownOpen, updateDropdownPosition, value]);
   React25.useEffect(() => {
     if (suggestions.length === 0) {
       setActiveSuggestionIndex(-1);
@@ -3490,7 +3489,7 @@ var LookupSelect = ({
               return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "whitespace-pre-wrap break-all", children: label }),
                     /* @__PURE__ */ jsxRuntime.jsx(
@@ -3518,9 +3517,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 || "",