react-ui-basics 0.0.231 → 0.0.232

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-ui-basics",
-  "version": "0.0.231",
+  "version": "0.0.232",
   "description": "",
   "module": "index.js",
   "_main": "index.cjs.js",

package/src/AutocompleteSelect.js

@@ -410,8 +410,9 @@ class AutocompleteSelect extends PureComponent {
     onSelect = (selectedId) => {
         const {mode, required, allowCustom, onSelect, onChange, default: defaultValue} = __props(this);
         const {filterValue, selected: currentSelection} = __state(this);
-        const {labels = {}, onFilterInputChange} = __props(this);
+        const {labels = {}, onFilterInputChange, withFilter} = __props(this);
 
+        // debugger
         if (selectedId == null && (!!filterValue || !required) && allowCustom && (!this.input || !this.input.check()))
             selectedId = filterValue.trim();
 
@@ -452,16 +453,16 @@ class AutocompleteSelect extends PureComponent {
                 customValue = label
         }
 
-        let filterValueWithCustom = isMultiSelect ? '' : customValue;
+        let nextFilterValue = (!isMultipleSelect(mode) && withFilter && Object.values(selected)[0]) || ''
         this.setState({
             isActive: isActive,
             selected: selected,
-            filterValue: filterValueWithCustom,
+            filterValue: nextFilterValue,
             errored,
         });
 
-        if (filterValueWithCustom !== filterValue)
-            orNoop(onFilterInputChange)(filterValueWithCustom)
+        if (nextFilterValue !== filterValue)
+            orNoop(onFilterInputChange)(nextFilterValue)
 
         if (isActive && this.input)
             this.input.getInput().focus()
@@ -504,6 +505,8 @@ class AutocompleteSelect extends PureComponent {
         const data = __state(this).data || __props(this).data || []
         if (data.indexOf(value) !== -1) {
             this.list.selected(value)
+        } else {
+            this.list.reset()
         }
 
         __props(this).onFilterInputChange?.(value);

package/src/TextField.tsx

@@ -13,7 +13,7 @@ export interface TextAreaProps {
     autoComplete?: string,
     placeholder?: string,
     label?: string | ReactElement,
-    check?: (value: string) => boolean,
+    check?: (value: string) => boolean | string | ReactElement,
     onClick?: MouseEventHandler<HTMLInputElement>,
     onMouseUp?: MouseEventHandler<HTMLInputElement>,
     onKeyDown?: KeyboardEventHandler<HTMLInputElement>,
@@ -55,6 +55,7 @@ class TextField extends AbstractTextField {
             const {required, check} = props();
             const value = inputRef().value;
             const error = (required && value === '') || (check && check(value));
+            debugger
             errorState() !== error && setTimeout(errorState, 0, error);
             return error;
         };