react-ui-basics 0.0.231 → 0.0.233

package/package.json

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

package/src/AutocompleteSelect.js

@@ -147,10 +147,10 @@ class AutocompleteSelect extends PureComponent {
             this.updateListPosition()
     }
 
-    initSelected = ({value, mode, allowCustom}, {filterValue = ''}) => {
+    initSelected = ({value, mode, allowCustom, withFilter}, {filterValue = ''}) => {
         this.setState({
             selected: prepareSelected(value),
-            filterValue: allowCustom && isString(value) && !isMultipleSelect(mode) ? value : filterValue,
+            filterValue: allowCustom && withFilter && isString(value) && !isMultipleSelect(mode) ? value : filterValue,
         });
     };
 
@@ -390,13 +390,15 @@ class AutocompleteSelect extends PureComponent {
     }
 
     onClickOutside = () => {
-        const {allowCustom, required, onFilterInputChange, mode, selectCustomOnClickOutside} = __props(this);
+        const {allowCustom, required, onFilterInputChange, mode, selectCustomOnClickOutside, withFilter} = __props(this);
         let {filterValue, selected} = __state(this);
         if (allowCustom && selectCustomOnClickOutside && (!!filterValue || !required)) {
             selected = this.onSelect()
         }
 
-        filterValue = (!isMultipleSelect(mode) && Object.values(selected)[0]) || ''
+        filterValue = (!isMultipleSelect(mode) && withFilter && Object.values(selected)[0]) || ''
+        filterValue = isString(filterValue) ? filterValue : ''
+
         this.setState({isActive: false, filterValue});
         onFilterInputChange && onFilterInputChange(filterValue);
 
@@ -410,8 +412,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 +455,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 +507,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>,