infinity-ui-elements 1.14.10 → 1.14.12

package/dist/index.js

@@ -4305,7 +4305,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, showAddNewIfDoesNotMatch = true, onAddNew, containerClassName, value: controlledValue, defaultValue, onChange, ...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, showAddNewIfDoesNotMatch = true, addNewLabel = "Item", onAddNew, containerClassName, value: controlledValue, defaultValue, onChange, ...textFieldProps }, ref) => {
     // Find the selected item based on value/defaultValue
     const findSelectedItem = React__namespace.useCallback((val) => {
         if (val === undefined || val === "")
@@ -4496,12 +4496,23 @@ const SearchableDropdown = React__namespace.forwardRef(({ className, items = [],
     }, [items, searchValue, filterFunction]);
     // Add "Add New" option based on showAddNew and showAddNewIfDoesNotMatch props
     const itemsWithAddNew = React__namespace.useMemo(() => {
-        if (!showAddNew || !searchValue) {
+        if (!showAddNew) {
             return filteredItems;
         }
+        // When showAddNewIfDoesNotMatch is false, show "Add New" even without search value
+        const shouldShowAddNew = showAddNewIfDoesNotMatch
+            ? searchValue.length > 0
+            : true;
+        if (!shouldShowAddNew) {
+            return filteredItems;
+        }
+        // Determine the label for "Add New" option
+        const addNewDisplayLabel = searchValue
+            ? `+ Add "${searchValue}"`
+            : `+ Add New ${addNewLabel}`;
         const addNewItem = {
-            value: searchValue,
-            label: `+ Add "${searchValue}"`,
+            value: searchValue || `new-${addNewLabel}`,
+            label: addNewDisplayLabel,
             variant: "primary",
             onClick: () => {
                 if (onAddNew) {
@@ -4536,6 +4547,7 @@ const SearchableDropdown = React__namespace.forwardRef(({ className, items = [],
     }, [
         showAddNew,
         showAddNewIfDoesNotMatch,
+        addNewLabel,
         searchValue,
         filteredItems,
         onItemSelect,
@@ -5022,7 +5034,7 @@ const switchVariants = classVarianceAuthority.cva("relative inline-flex items-ce
             false: "",
         },
         isDisabled: {
-            true: "cursor-not-allowed opacity-60",
+            true: "cursor-not-allowed bg-surface-fill-neutral-moderate",
             false: "",
         },
         isFocused: {