indicator-ui 0.0.61 → 0.0.63

package/dist/index.js

@@ -9478,7 +9478,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function SelectField({ value, onChange, options = [], placeholder, isError, searching, required = false, multiple = false, disabled = false, offOptionsSyncing = true, offInitLoadMoreOptions = false, autoClose = false, onBlur, selectModalWindowAfterElement, loadMoreOptions, className = _styles__WEBPACK_IMPORTED_MODULE_4__.SelectFieldStyle, }) {
+function SelectField({ value, onChange, options = [], placeholder, isError, searching, required = false, multiple = false, disabled = false, offOptionsSyncing = true, offInitLoadMoreOptions = false, autoClose = false, onBlur, selectModalWindowAfterElement, loadMoreOptions, moreOptions, className = _styles__WEBPACK_IMPORTED_MODULE_4__.SelectFieldStyle, }) {
     const [isFocus, setIsFocus] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
     const [searchingString, setSearchingString] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)('');
     const [isShowModalWindow, setIsShowModalWindow] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
@@ -9539,17 +9539,26 @@ function SelectField({ value, onChange, options = [], placeholder, isError, sear
         return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_FlexField__WEBPACK_IMPORTED_MODULE_2__.FlexField, { value: (0,_lib__WEBPACK_IMPORTED_MODULE_3__.getStringValue)(value, optionsCacheRef.current), isError: isError, disabled: disabled, placeholder: placeholder, notInput: true, onClick: () => setIsShowModalWindow(true), dropdown: true, dropdownState: isShowModalWindow, ref: inputRef });
     };
     const onScrollToBottom = async () => {
-        if (loadMoreOptions) {
+        if (loadMoreOptions || moreOptions) {
             const requestPromise = requestPromiseRef.current;
             if (requestPromise === undefined) {
-                requestPromiseRef.current = loadMoreOptions(optionsState?.length || 0, searchingString);
+                if (loadMoreOptions) {
+                    requestPromiseRef.current = loadMoreOptions(optionsState?.length || 0, searchingString);
+                }
+                else {
+                    requestPromiseRef.current = moreOptions(optionsState || [], searchingString);
+                }
             }
             const newOptions = await requestPromiseRef.current;
-            if (requestPromise === undefined || requestPromise === requestPromiseRef.current) {
-                requestPromiseRef.current = undefined;
+            requestPromiseRef.current = undefined;
+            if (newOptions !== undefined) {
+                setOptionsState(prevState => {
+                    if (loadMoreOptions)
+                        return [...prevState, ...newOptions];
+                    else
+                        return newOptions;
+                });
             }
-            if (newOptions !== undefined)
-                setOptionsState(prevState => [...prevState, ...newOptions]);
         }
     };
     return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: className?.selectField, children: [getViewField(), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_6__.ModalWindowWrapper, { isShow: isShowModalWindow, setIsShow: setIsShowModalWindow, additionElements: [inputRef.current], className: className?.modalWindow, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_SelectModalWindow__WEBPACK_IMPORTED_MODULE_5__["default"], { value: value, options: optionsState, onChange: handleChange, afterElement: selectModalWindowAfterElement, onScrollToBottom: onScrollToBottom, className: className }) })] }));