karsten-design-system 1.1.81 → 1.1.82

package/dist/index.js

@@ -4165,29 +4165,32 @@ function Select(props) {
         .normalize('NFD')
         .replace(/[\u0300-\u036f]/g, '')
         .toLowerCase();
-    // const filteredOptions = (() => {
-    //   if (!hasOnInputChange || (isOpen && searchText.length > 0)) {
-    //     return options.filter((option) =>
-    //       normalize(option.label).includes(normalize(searchText))
-    //     )
-    //   }
-    //   if (isOpen && props.value) {
-    //     return [props.value]
-    //   }
-    //   return []
-    // })()
+    const ensureValueInOptions = (optionsList, currentValue) => {
+        if (!currentValue)
+            return optionsList;
+        const allOptions = [...optionsList];
+        if (!allOptions.find(opt => opt.value === currentValue.value)) {
+            allOptions.unshift(currentValue);
+        }
+        return allOptions;
+    };
     const filteredOptions = (() => {
         const hasSearch = searchText.length > 0;
+        const allOptions = ensureValueInOptions(options, props.value);
         if (hasOnInputChange) {
             if (isOpen) {
                 if (hasSearch) {
-                    return options.filter((option) => normalize(option.label).includes(normalize(searchText)));
+                    const filtered = allOptions.filter((option) => normalize(option.label).includes(normalize(searchText)));
+                    if (props.value && !filtered.find(opt => opt.value === props.value?.value)) {
+                        filtered.unshift(props.value);
+                    }
+                    return filtered;
                 }
-                return props.value ? [props.value] : [];
+                return allOptions;
             }
             return props.value ? [props.value] : [];
         }
-        return options.filter((option) => normalize(option.label).includes(normalize(searchText)));
+        return allOptions.filter((option) => normalize(option.label).includes(normalize(searchText)));
     })();
     const toggleDropdown = () => {
         if (!disabled && !isLoading) {
@@ -4200,11 +4203,13 @@ function Select(props) {
                 }, 0);
             }
             else {
-                setSearchText(props.value?.label ?? '');
+                setSearchText('');
             }
         }
     };
     const handleSelect = (option) => {
+        if (!option)
+            return;
         if (props.value?.value === option.value) {
             props.onChange(null);
             setSearchText('');
@@ -4230,7 +4235,7 @@ function Select(props) {
             if (containerRef.current &&
                 !containerRef.current.contains(event.target)) {
                 setIsOpen(false);
-                setSearchText(props.value?.label ?? '');
+                setSearchText('');
                 setHighlightedIndex(-1);
             }
         };