Auto call onAddNew when the user searchs and there is no match

homebound-team · Sep 18, 2024 · 83c0c8a · 83c0c8a
1 parent 646362b
commit 83c0c8a
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/inputs/internal/ComboBoxBase.tsx b/src/inputs/internal/ComboBoxBase.tsx
@@ -312,6 +312,11 @@ export function ComboBoxBase<O, V extends Value>(props: ComboBoxBaseProps<O, V>)
 
   const [debouncedSearch] = useDebounce(searchValue, 300);
 
+  useEffect(() => {
+    if (!debouncedSearch || !onAddNew) return;
+    if (filteredOptions.length === 1 && filteredOptions[0] === addNewOption) onAddNew(debouncedSearch);
+  }, [debouncedSearch, filteredOptions, onAddNew]);
+
   // Reset inputValue when closed or selected changes
   useEffect(() => {
     if (state.isOpen && multiselect) {