forstok-ui-lib 8.5.3 → 8.5.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forstok-ui-lib",
-  "version": "8.5.3",
+  "version": "8.5.4",
   "description": "Forstok UI Components Library",
   "path": "dist",
   "main": "dist/index.js",

package/src/components/select/asyncPaginate.tsx

@@ -96,31 +96,39 @@ const SelectAsyncPaginateComponent = ({ loadOptions, ...props }: TSelect) => {
     actionMeta?: ActionMeta<TOption>,
   ) => {
     const newValue = value as OnChangeValue<TOption, false>;
-    if (actionMeta?.action === "select-option") {
+
+    if (mode !== "multi-select" && actionMeta?.action === "select-option") {
       setInputValue("");
     }
+
     if (actionMeta) {
       const { action, option } = actionMeta;
+
       if (action === "select-option" && option?.value === "*") {
         const newValueSelect = valueSelect as OnChangeValue<TOption, true>;
+
         if (newValueSelect?.length) {
           let _newValue = loadedOptions
             ? [...newValueSelect, ...loadedOptions]
             : [...newValueSelect];
+
           _newValue = _newValue.filter(
             (_value, idx, self) =>
               idx === self.findIndex((t) => t.sku === _value.sku),
           );
+
           setValueSelect(_newValue);
           evChange && evChange(_newValue, actionMeta);
         } else if (loadedOptions) {
           setValueSelect(loadedOptions);
           evChange && evChange(loadedOptions, actionMeta);
         }
+
         selectRef.current?.blur();
         return false;
       }
     }
+
     setValueSelect(newValue);
     evChange && evChange(newValue, actionMeta);
   };
@@ -334,7 +342,20 @@ const SelectAsyncPaginateComponent = ({ loadOptions, ...props }: TSelect) => {
             if (action.action === "input-change") {
               setInputValue(value);
               setTime(new Date());
+              return value;
+            }
+
+            if (action.action === "set-value") {
+              setInputValue("");
+              return "";
             }
+
+            if (action.action === "menu-close") {
+              setInputValue("");
+              return "";
+            }
+
+            return value;
           },
           onMenuClose: () => {
             setInputValue("");