forstok-ui-lib 8.5.3 → 8.5.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/select/asyncPaginate.tsx +13 -5
package/package.json
CHANGED
|
@@ -57,8 +57,8 @@ const SelectAsyncPaginateComponent = ({ loadOptions, ...props }: TSelect) => {
|
|
|
57
57
|
customOption,
|
|
58
58
|
MenuList,
|
|
59
59
|
defaultValue,
|
|
60
|
-
reset,
|
|
61
|
-
setReset,
|
|
60
|
+
// reset,
|
|
61
|
+
// setReset,
|
|
62
62
|
evChange,
|
|
63
63
|
isForceUpdate,
|
|
64
64
|
setForceUpdate,
|
|
@@ -96,31 +96,35 @@ const SelectAsyncPaginateComponent = ({ loadOptions, ...props }: TSelect) => {
|
|
|
96
96
|
actionMeta?: ActionMeta<TOption>,
|
|
97
97
|
) => {
|
|
98
98
|
const newValue = value as OnChangeValue<TOption, false>;
|
|
99
|
-
|
|
100
|
-
setInputValue("");
|
|
101
|
-
}
|
|
99
|
+
|
|
102
100
|
if (actionMeta) {
|
|
103
101
|
const { action, option } = actionMeta;
|
|
102
|
+
|
|
104
103
|
if (action === "select-option" && option?.value === "*") {
|
|
105
104
|
const newValueSelect = valueSelect as OnChangeValue<TOption, true>;
|
|
105
|
+
|
|
106
106
|
if (newValueSelect?.length) {
|
|
107
107
|
let _newValue = loadedOptions
|
|
108
108
|
? [...newValueSelect, ...loadedOptions]
|
|
109
109
|
: [...newValueSelect];
|
|
110
|
+
|
|
110
111
|
_newValue = _newValue.filter(
|
|
111
112
|
(_value, idx, self) =>
|
|
112
113
|
idx === self.findIndex((t) => t.sku === _value.sku),
|
|
113
114
|
);
|
|
115
|
+
|
|
114
116
|
setValueSelect(_newValue);
|
|
115
117
|
evChange && evChange(_newValue, actionMeta);
|
|
116
118
|
} else if (loadedOptions) {
|
|
117
119
|
setValueSelect(loadedOptions);
|
|
118
120
|
evChange && evChange(loadedOptions, actionMeta);
|
|
119
121
|
}
|
|
122
|
+
|
|
120
123
|
selectRef.current?.blur();
|
|
121
124
|
return false;
|
|
122
125
|
}
|
|
123
126
|
}
|
|
127
|
+
|
|
124
128
|
setValueSelect(newValue);
|
|
125
129
|
evChange && evChange(newValue, actionMeta);
|
|
126
130
|
};
|
|
@@ -291,6 +295,7 @@ const SelectAsyncPaginateComponent = ({ loadOptions, ...props }: TSelect) => {
|
|
|
291
295
|
}, [setMenuIsOpen]);
|
|
292
296
|
|
|
293
297
|
const onMenuClose = useCallback(() => {
|
|
298
|
+
setInputValue("");
|
|
294
299
|
setMenuIsOpen && setMenuIsOpen(false);
|
|
295
300
|
}, [setMenuIsOpen]);
|
|
296
301
|
|
|
@@ -334,7 +339,10 @@ const SelectAsyncPaginateComponent = ({ loadOptions, ...props }: TSelect) => {
|
|
|
334
339
|
if (action.action === "input-change") {
|
|
335
340
|
setInputValue(value);
|
|
336
341
|
setTime(new Date());
|
|
342
|
+
return value;
|
|
337
343
|
}
|
|
344
|
+
|
|
345
|
+
return value;
|
|
338
346
|
},
|
|
339
347
|
onMenuClose: () => {
|
|
340
348
|
setInputValue("");
|