karsten-design-system 1.1.78 → 1.1.80

package/dist/index.js

@@ -4160,18 +4160,34 @@ 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 = (() => {
+    //   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 filteredOptions = (() => {
-        if (isReadOnly || (isOpen && searchText.length > 0)) {
-            return options.filter((option) => normalize(option.label).includes(normalize(searchText)));
-        }
-        if (isOpen && props.value) {
-            return [props.value];
+        const hasSearch = searchText.length > 0;
+        if (hasOnInputChange) {
+            if (isOpen) {
+                if (hasSearch) {
+                    return options.filter((option) => normalize(option.label).includes(normalize(searchText)));
+                }
+                return props.value ? [props.value] : [];
+            }
+            return [];
         }
-        return [];
+        return options.filter((option) => normalize(option.label).includes(normalize(searchText)));
     })();
     const toggleDropdown = () => {
         if (!disabled && !isLoading) {
@@ -4195,7 +4211,7 @@ function Select(props) {
         }
         else {
             props.onChange(option);
-            if (!isReadOnly) {
+            if (!hasOnInputChange) {
                 setSearchText(option.label);
             }
         }