infinity-ui-elements 1.8.24 → 1.8.26

package/dist/index.js

@@ -3218,7 +3218,7 @@ const TextField = React__namespace.forwardRef(({ label, helperText, errorText, s
 TextField.displayName = "TextField";
 
 const defaultFilter = (item, query) => {
-    const searchQuery = query.toLowerCase();
+    const searchQuery = query?.toLowerCase();
     return (item.label?.toLowerCase()?.includes(searchQuery) ||
         (item.description?.toLowerCase()?.includes(searchQuery) ?? false));
 };
@@ -3316,19 +3316,19 @@ const SearchableDropdown = React__namespace.forwardRef(({ className, items = [],
             onClick: () => {
                 if (onAddNew) {
                     onAddNew(searchValue);
+                    // Don't update search value here - let parent handle it via onAddNew
+                    setIsOpen(false);
+                    inputRef.current?.focus();
                 }
                 else {
+                    // When onAddNew is not provided, create a new item and select it
                     const newItem = {
                         value: searchValue,
                         label: searchValue,
                     };
-                    onItemSelect?.(newItem);
-                    if (controlledSearchValue === undefined) {
-                        setUncontrolledSearchValue(searchValue);
-                    }
+                    // Use handleItemSelect to ensure proper behavior
+                    handleItemSelect(newItem);
                 }
-                setIsOpen(false);
-                inputRef.current?.focus();
             },
         };
         // If showAddNewIfDoesNotMatch is true, only show "Add New" when no items match
@@ -3405,11 +3405,23 @@ const SearchableDropdown = React__namespace.forwardRef(({ className, items = [],
         }
     };
     // Update items with onClick handlers that call handleItemSelect
-    // Only add onClick if it doesn't already exist (for Add New items)
-    const itemsWithHandlers = itemsWithAddNew.map((item) => ({
-        ...item,
-        onClick: item.onClick || (() => handleItemSelect(item)),
-    }));
+    // Always wrap onClick to ensure search value is updated with label
+    const itemsWithHandlers = itemsWithAddNew.map((item) => {
+        // Check if this is the "Add New" item (its onClick already handles selection properly)
+        const isAddNewItem = showAddNew && item.label?.startsWith("+ Add");
+        return {
+            ...item,
+            onClick: () => {
+                // Call the custom onClick if it exists (for Add New items, etc.)
+                item.onClick?.();
+                // Call handleItemSelect to update search value with label and close dropdown
+                // Skip for "Add New" items since their onClick already handles everything
+                if (!isAddNewItem) {
+                    handleItemSelect(item);
+                }
+            },
+        };
+    });
     const showDropdown = isOpen && searchValue.length >= minSearchLength;
     const dropdownMenu = showDropdown && (jsxRuntime.jsx("div", { ref: menuRef, style: {
             position: "absolute",