@homecode/ui 4.18.62 → 4.18.63

package/dist/esm/src/components/Select/Select.js

@@ -61,10 +61,13 @@ class Select extends Component {
         });
     }
     componentDidUpdate(prevProps) {
-        const { options, value } = this.props;
+        const { options, value, searchValue } = this.props;
         if (!compare(value, prevProps.value)) {
             this.store.selected = this.getDefaultSelected();
         }
+        if (!compare(searchValue, prevProps.searchValue)) {
+            this.setSearchVal(searchValue);
+        }
         if (!compare(options, prevProps.options)) {
             this.onOptionsChange();
         }
@@ -193,7 +196,6 @@ class Select extends Component {
     unDocumentClick = () => document.removeEventListener('click', this.onDocumentClick);
     onFocus = e => {
         const { onFocus } = this.props;
-        this.setSearchVal('');
         this.store.isFocused = true;
         onFocus?.(e);
     };
@@ -374,9 +376,10 @@ class Select extends Component {
         return null;
     }
     getInputVal() {
-        const { isFocused, searchVal, selected } = this.store;
-        if (isFocused && searchVal)
-            return searchVal;
+        const { isFocused, selected } = this.store;
+        const searchValue = this.props.searchValue ?? this.store.searchVal;
+        if (isFocused && searchValue)
+            return searchValue;
         const selectedPlain = Object.entries(selected).reduce((acc, entry) => {
             const parentId = this.coerceType(entry[0]);
             const val = entry[1];
@@ -390,6 +393,8 @@ class Select extends Component {
             }
             return acc;
         }, []);
+        if (selectedPlain.length === 0)
+            return searchValue;
         return selectedPlain.map(id => this.getItem(id)?.label).join(', ');
     }
     getLabel(id) {

package/dist/esm/types/src/components/Select/Select.types.d.ts

@@ -44,6 +44,7 @@ export type Props = FormControl<Value> & InheritedInputProps & {
     clearButton?: boolean;
     selectAllButton?: boolean;
     value?: Value;
+    searchValue?: string;
     expandSelected?: boolean;
     onChange: (value: Value) => void;
     onSeachChange?: (value: string) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.18.62",
+  "version": "4.18.63",
   "description": "React UI components library",
   "scripts": {
     "test": "jest",