karsten-design-system 1.1.77 → 1.1.79

package/dist/index.js

@@ -4160,43 +4160,50 @@ function Select(props) {
     const [highlightedIndex, setHighlightedIndex] = useState(-1);
     const containerRef = useRef(null);
     const inputRef = useRef(null);
+    const hasOnInputChange = props?.onInputChange !== undefined;
     const normalize = (str) => str
         .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) {
-            return options.filter((option) => normalize(option.label).includes(normalize(searchText)));
+        if (hasOnInputChange && searchText.length > 0) {
+            return options;
         }
-        if (isOpen && props.value) {
+        if (hasOnInputChange && isOpen && !searchText.length && props.value) {
             return [props.value];
         }
+        if (!hasOnInputChange) {
+            return options.filter((option) => normalize(option.label).includes(normalize(searchText)));
+        }
         return [];
     })();
     const toggleDropdown = () => {
         if (!disabled && !isLoading) {
             const newState = !isOpen;
             setIsOpen(newState);
-            setSearchText('');
             setHighlightedIndex(-1);
             if (newState) {
                 setTimeout(() => {
                     inputRef.current?.focus();
                 }, 0);
+                setSearchText('');
+            }
+            else {
+                setSearchText(props.value?.label ?? '');
             }
         }
     };
     const handleSelect = (option) => {
         if (props.value?.value === option.value) {
             props.onChange(null);
+            setSearchText('');
         }
         else {
             props.onChange(option);
+            if (!hasOnInputChange) {
+                setSearchText(option.label);
+            }
         }
-        setSearchText('');
         setIsOpen(false);
         setHighlightedIndex(-1);
     };
@@ -4212,7 +4219,7 @@ function Select(props) {
             if (containerRef.current &&
                 !containerRef.current.contains(event.target)) {
                 setIsOpen(false);
-                setSearchText('');
+                setSearchText(props.value?.label ?? '');
                 setHighlightedIndex(-1);
             }
         };