infinity-ui-elements 1.8.11 → 1.8.12

package/dist/index.js

@@ -3214,7 +3214,7 @@ const defaultFilter = (item, query) => {
     return (item.label.toLowerCase().includes(searchQuery) ||
         (item.description?.toLowerCase().includes(searchQuery) ?? false));
 };
-const SearchableDropdown = React__namespace.forwardRef(({ className, items = [], sectionHeading, isLoading = false, emptyTitle = "No Search Results Found", emptyDescription = "Add description of what the user can search for here.", emptyLinkText = "Link to support site", onEmptyLinkClick, primaryButtonText, secondaryButtonText, onPrimaryClick, onSecondaryClick, dropdownWidth = "full", showChevron = false, emptyIcon, disableFooter = false, footerLayout = "horizontal", onSearchChange, onItemSelect, filterFunction = defaultFilter, searchValue: controlledSearchValue, defaultSearchValue = "", dropdownClassName, minSearchLength = 0, showOnFocus = true, showAddNew = false, containerClassName, ...textFieldProps }, ref) => {
+const SearchableDropdown = React__namespace.forwardRef(({ className, items = [], sectionHeading, isLoading = false, emptyTitle = "No Search Results Found", emptyDescription = "Add description of what the user can search for here.", emptyLinkText = "Link to support site", onEmptyLinkClick, primaryButtonText, secondaryButtonText, onPrimaryClick, onSecondaryClick, dropdownWidth = "full", showChevron = false, emptyIcon, disableFooter = false, footerLayout = "horizontal", onSearchChange, onItemSelect, filterFunction = defaultFilter, searchValue: controlledSearchValue, defaultSearchValue = "", dropdownClassName, minSearchLength = 0, showOnFocus = true, showAddNew = false, onAddNew, containerClassName, ...textFieldProps }, ref) => {
     const [uncontrolledSearchValue, setUncontrolledSearchValue] = React__namespace.useState(defaultSearchValue);
     const [isOpen, setIsOpen] = React__namespace.useState(false);
     const [focusedIndex, setFocusedIndex] = React__namespace.useState(-1);
@@ -3281,16 +3281,21 @@ const SearchableDropdown = React__namespace.forwardRef(({ className, items = [],
         }
         const addNewItem = {
             value: searchValue,
-            label: `+ Add ${searchValue}`,
+            label: `+ Add "${searchValue}"`,
             variant: "primary",
             onClick: () => {
-                const newItem = {
-                    value: searchValue,
-                    label: searchValue,
-                };
-                onItemSelect?.(newItem);
-                if (controlledSearchValue === undefined) {
-                    setUncontrolledSearchValue(searchValue);
+                if (onAddNew) {
+                    onAddNew(searchValue);
+                }
+                else {
+                    const newItem = {
+                        value: searchValue,
+                        label: searchValue,
+                    };
+                    onItemSelect?.(newItem);
+                    if (controlledSearchValue === undefined) {
+                        setUncontrolledSearchValue(searchValue);
+                    }
                 }
                 setIsOpen(false);
                 inputRef.current?.focus();
@@ -3302,6 +3307,7 @@ const SearchableDropdown = React__namespace.forwardRef(({ className, items = [],
         searchValue,
         filteredItems,
         onItemSelect,
+        onAddNew,
         controlledSearchValue,
     ]);
     // Reset focused index when items change