indicator-ui 0.0.36 → 0.0.38

package/dist/index.js

@@ -9422,13 +9422,18 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function SelectField({ value, onChange, options = [], placeholder, isError, isSearching = false, required = false, multiple = false, disabled = false, offOptionsSyncing = true, autoClose = true, 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 = true, onBlur, selectModalWindowAfterElement, loadMoreOptions, 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);
     const [optionsState, setOptionsState] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(options);
     const inputRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
     const modalWindowRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
+    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
+        if (!offInitLoadMoreOptions) {
+            onScrollToBottom();
+        }
+    }, []);
     (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
         if (!offOptionsSyncing)
             setOptionsState(options);
@@ -9475,8 +9480,11 @@ function SelectField({ value, onChange, options = [], placeholder, isError, isSe
         }
     };
     const getViewField = () => {
-        if (isSearching) {
-            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_FlexField__WEBPACK_IMPORTED_MODULE_2__.FlexField, { value: isFocus ? searchingString : (0,_lib__WEBPACK_IMPORTED_MODULE_3__.getStringValue)(value, optionsState), onChange: setSearchingString, disabled: disabled, onFocus: () => {
+        if (searching !== undefined) {
+            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_FlexField__WEBPACK_IMPORTED_MODULE_2__.FlexField, { value: isFocus ? searchingString : (0,_lib__WEBPACK_IMPORTED_MODULE_3__.getStringValue)(value, optionsState), onChange: (searchString) => {
+                    setSearchingString(searchString);
+                    searching(searchString, optionsState).then((newOptions) => newOptions !== undefined && setOptionsState(newOptions));
+                }, disabled: disabled, onFocus: () => {
                     setIsFocus(true);
                     setIsShowModalWindow(true);
                 }, onBlur: () => {
@@ -9489,7 +9497,7 @@ function SelectField({ value, onChange, options = [], placeholder, isError, isSe
     };
     const onScrollToBottom = async () => {
         if (loadMoreOptions) {
-            const newOptions = await loadMoreOptions(optionsState?.length);
+            const newOptions = await loadMoreOptions(optionsState?.length || 0, searchingString);
             if (newOptions !== undefined)
                 setOptionsState(prevState => [...prevState, ...newOptions]);
         }