indicator-ui 0.0.80 → 0.0.81

package/dist/index.js

@@ -9370,22 +9370,6 @@ function RadioFieldItem({ option, onClick, active = false, disabled = false, cla
 }
 
 
-/***/ }),
-
-/***/ "./src/ui/InputFields/SelectField/config/ScrollConfig.ts":
-/*!***************************************************************!*\
-  !*** ./src/ui/InputFields/SelectField/config/ScrollConfig.ts ***!
-  \***************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   DELTA_SCROLL_END: () => (/* binding */ DELTA_SCROLL_END)
-/* harmony export */ });
-const DELTA_SCROLL_END = 1;
-
-
 /***/ }),
 
 /***/ "./src/ui/InputFields/SelectField/config/index.ts":
@@ -9397,10 +9381,11 @@ const DELTA_SCROLL_END = 1;
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   DELTA_SCROLL_END: () => (/* reexport safe */ _ScrollConfig__WEBPACK_IMPORTED_MODULE_0__.DELTA_SCROLL_END)
+/* harmony export */   DELTA_SCROLL_END: () => (/* binding */ DELTA_SCROLL_END),
+/* harmony export */   SEARCHING_DELAY_TIME: () => (/* binding */ SEARCHING_DELAY_TIME)
 /* harmony export */ });
-/* harmony import */ var _ScrollConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ScrollConfig */ "./src/ui/InputFields/SelectField/config/ScrollConfig.ts");
-
+const DELTA_SCROLL_END = 1;
+const SEARCHING_DELAY_TIME = 0.5 * 1000; // in ms
 
 
 /***/ }),
@@ -9580,6 +9565,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../styles */ "./src/ui/InputFields/SelectField/styles/index.ts");
 /* harmony import */ var _SelectModalWindow__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./SelectModalWindow */ "./src/ui/InputFields/SelectField/ui/SelectModalWindow.tsx");
 /* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
+/* harmony import */ var _ui_InputFields_SelectField_config__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @/ui/InputFields/SelectField/config */ "./src/ui/InputFields/SelectField/config/index.ts");
 
 
 
@@ -9587,7 +9573,8 @@ __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, onBottomScroll, 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, ...props }) {
     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);
@@ -9596,6 +9583,15 @@ function SelectField({ value, onChange, options = [], placeholder, isError, sear
     const optionsCacheRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)([]);
     const [optionsState, setOptionsState] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(options);
     const inputRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
+    const searchingTimeoutRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
+    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
+        return () => {
+            // Отчистка таймаута для searching
+            if (searchingTimeoutRef.current != null) {
+                clearTimeout(searchingTimeoutRef.current);
+            }
+        };
+    }, []);
     (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
         if (!offInitLoadMoreOptions) {
             onScrollToBottom();
@@ -9620,22 +9616,27 @@ function SelectField({ value, onChange, options = [], placeholder, isError, sear
         else {
             if (data.length > 1 && !multiple) {
                 onChange && onChange([data[data.length - 1]]);
-                if (autoClose) {
-                    setIsShowModalWindow(false);
-                    onBlur && onBlur();
-                }
             }
             else {
                 onChange && onChange(data);
             }
         }
+        if (autoClose) {
+            setIsShowModalWindow(false);
+            onBlur && onBlur();
+        }
     };
     const getViewField = () => {
         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, optionsCacheRef.current), onChange: (searchString) => {
                     if (isFocus) {
                         setSearchingString(searchString);
-                        searching(searchString, optionsState).then((newOptions) => newOptions !== undefined && setOptionsState(newOptions));
+                        if (searchingTimeoutRef.current != null) {
+                            clearTimeout(searchingTimeoutRef.current);
+                        }
+                        searchingTimeoutRef.current = setTimeout(() => {
+                            searching(searchString, optionsState).then((newOptions) => newOptions !== undefined && setOptionsState(newOptions));
+                        }, _ui_InputFields_SelectField_config__WEBPACK_IMPORTED_MODULE_7__.SEARCHING_DELAY_TIME);
                     }
                 }, disabled: disabled, onFocus: () => {
                     setIsShowModalWindow(true);
@@ -9644,9 +9645,9 @@ function SelectField({ value, onChange, options = [], placeholder, isError, sear
                 }, onBlur: () => {
                     setIsFocus(false);
                     onBlur && onBlur();
-                }, onDropdownClick: () => setIsShowModalWindow(prevState => !prevState), isError: isError, placeholder: placeholder, dropdown: true, dropdownState: isShowModalWindow, ref: inputRef });
+                }, onDropdownClick: () => setIsShowModalWindow(prevState => !prevState), isError: isError, placeholder: placeholder, dropdown: true, dropdownState: isShowModalWindow, ref: inputRef, ...props });
         }
-        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(prevState => !prevState), dropdown: true, dropdownState: isShowModalWindow, ref: inputRef });
+        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(prevState => !prevState), dropdown: true, dropdownState: isShowModalWindow, ref: inputRef, ...props });
     };
     const processLoadMoreOptions = async () => {
         if (requestPromiseRef.current)