indicator-ui 0.0.63 → 0.0.65

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, moreOptions, 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, onBottomScroll, 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);
@@ -9538,27 +9538,25 @@ 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 || moreOptions) {
-            const requestPromise = requestPromiseRef.current;
-            if (requestPromise === undefined) {
-                if (loadMoreOptions) {
-                    requestPromiseRef.current = loadMoreOptions(optionsState?.length || 0, searchingString);
-                }
-                else {
-                    requestPromiseRef.current = moreOptions(optionsState || [], searchingString);
-                }
-            }
-            const newOptions = await requestPromiseRef.current;
-            requestPromiseRef.current = undefined;
+    const processLoadMoreOptions = async () => {
+        let requestPromise = requestPromiseRef.current;
+        if (requestPromise !== undefined)
+            return;
+        requestPromise = loadMoreOptions && loadMoreOptions(optionsState?.length || 0, searchingString);
+        requestPromiseRef.current = requestPromise;
+        const newOptions = await requestPromise;
+        setOptionsState(prevState => {
             if (newOptions !== undefined) {
-                setOptionsState(prevState => {
-                    if (loadMoreOptions)
-                        return [...prevState, ...newOptions];
-                    else
-                        return newOptions;
-                });
+                requestPromiseRef.current = undefined;
+                return [...prevState, ...newOptions];
             }
+            return prevState;
+        });
+    };
+    const onScrollToBottom = async () => {
+        onBottomScroll && onBottomScroll();
+        if (loadMoreOptions) {
+            processLoadMoreOptions();
         }
     };
     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 }) })] }));