karsten-design-system 1.1.82 → 1.1.83

package/dist/index.js

@@ -4169,29 +4169,40 @@ function Select(props) {
         if (!currentValue)
             return optionsList;
         const allOptions = [...optionsList];
-        if (!allOptions.find(opt => opt.value === currentValue.value)) {
+        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);
+        const hasSearch = searchText.length > 0;
         if (hasOnInputChange) {
             if (isOpen) {
                 if (hasSearch) {
-                    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 allOptions;
                 }
                 return allOptions;
             }
-            return props.value ? [props.value] : [];
+            return allOptions;
         }
         return allOptions.filter((option) => normalize(option.label).includes(normalize(searchText)));
     })();
+    const handleSelect = (option) => {
+        if (!option)
+            return;
+        if (props.value?.value === option.value) {
+            props.onChange(null);
+            setSearchText('');
+        }
+        else {
+            props.onChange(option);
+            if (!hasOnInputChange) {
+                setSearchText(option.label);
+            }
+        }
+        handleClose();
+    };
     const toggleDropdown = () => {
         if (!disabled && !isLoading) {
             const newState = !isOpen;
@@ -4203,25 +4214,13 @@ function Select(props) {
                 }, 0);
             }
             else {
-                setSearchText('');
+                handleClose();
             }
         }
     };
-    const handleSelect = (option) => {
-        if (!option)
-            return;
-        if (props.value?.value === option.value) {
-            props.onChange(null);
-            setSearchText('');
-        }
-        else {
-            props.onChange(option);
-            if (!hasOnInputChange) {
-                setSearchText(option.label);
-            }
-        }
+    const handleClose = () => {
         setIsOpen(false);
-        setHighlightedIndex(-1);
+        setSearchText('');
     };
     const hasError = !!error && !disabled;
     const isInputDisabled = disabled || isLoading;
@@ -4234,9 +4233,7 @@ function Select(props) {
         const handleClickOutside = (event) => {
             if (containerRef.current &&
                 !containerRef.current.contains(event.target)) {
-                setIsOpen(false);
-                setSearchText('');
-                setHighlightedIndex(-1);
+                handleClose();
             }
         };
         document.addEventListener('mousedown', handleClickOutside);
@@ -4249,10 +4246,14 @@ function Select(props) {
                                     : isOpen
                                         ? searchText
                                         : (props.value?.label ?? ''), onClick: toggleDropdown, onChange: (e) => {
-                                    if (isOpen) {
-                                        setSearchText(e.target.value);
-                                        setHighlightedIndex(0);
-                                        props.onInputChange?.(e.target.value);
+                                    const inputValue = e.target.value;
+                                    setSearchText(inputValue);
+                                    setHighlightedIndex(0);
+                                    if (hasOnInputChange) {
+                                        props.onInputChange?.(inputValue);
+                                    }
+                                    if (!isOpen) {
+                                        setIsOpen(true);
                                     }
                                 }, onKeyDown: (e) => {
                                     if (!isOpen)
@@ -4274,9 +4275,7 @@ function Select(props) {
                                     }
                                     if (e.key === 'Escape') {
                                         e.preventDefault();
-                                        setIsOpen(false);
-                                        setSearchText('');
-                                        setHighlightedIndex(-1);
+                                        handleClose();
                                     }
                                 }, className: clsx('focus:shadow-none text-base w-100 font-roboto border !p-2 rounded-md', hasError
                                     ? 'border-redError placeholder:text-redError'