karsten-design-system 1.1.77 → 1.1.78

package/dist/index.js

@@ -4164,11 +4164,8 @@ function Select(props) {
         .normalize('NFD')
         .replace(/[\u0300-\u036f]/g, '')
         .toLowerCase();
-    // const filteredOptions = options.filter((option) =>
-    //   normalize(option.label).includes(normalize(searchText))
-    // )
     const filteredOptions = (() => {
-        if (isOpen && searchText.length > 0) {
+        if (isReadOnly || (isOpen && searchText.length > 0)) {
             return options.filter((option) => normalize(option.label).includes(normalize(searchText)));
         }
         if (isOpen && props.value) {
@@ -4180,23 +4177,28 @@ function Select(props) {
         if (!disabled && !isLoading) {
             const newState = !isOpen;
             setIsOpen(newState);
-            setSearchText('');
             setHighlightedIndex(-1);
             if (newState) {
                 setTimeout(() => {
                     inputRef.current?.focus();
                 }, 0);
             }
+            else {
+                setSearchText(props.value?.label ?? '');
+            }
         }
     };
     const handleSelect = (option) => {
         if (props.value?.value === option.value) {
             props.onChange(null);
+            setSearchText('');
         }
         else {
             props.onChange(option);
+            if (!isReadOnly) {
+                setSearchText(option.label);
+            }
         }
-        setSearchText('');
         setIsOpen(false);
         setHighlightedIndex(-1);
     };
@@ -4212,7 +4214,7 @@ function Select(props) {
             if (containerRef.current &&
                 !containerRef.current.contains(event.target)) {
                 setIsOpen(false);
-                setSearchText('');
+                setSearchText(props.value?.label ?? '');
                 setHighlightedIndex(-1);
             }
         };