@pdg/react-form 1.0.18 → 1.0.19

package/dist/index.js

@@ -7529,6 +7529,13 @@ FormTextEditor.defaultProps = FormTextEditorDefaultProps;var FormAutocompleteDef
             return multiple ? [] : null;
         }
     }, [value, multiple, items]);
+    // Function ----------------------------------------------------------------------------------------------------------
+    var showOnGetItemLoading = React.useCallback(function () {
+        setIsOnGetItemLoading(true);
+    }, []);
+    var hideOnGetItemLoading = React.useCallback(function () {
+        setIsOnGetItemLoading(false);
+    }, []);
     // Effect ----------------------------------------------------------------------------------------------------------
     React.useEffect(function () {
         if (value !== initValue) {
@@ -7537,12 +7544,18 @@ FormTextEditor.defaultProps = FormTextEditorDefaultProps;var FormAutocompleteDef
             onValueChange(name, value);
         }
         if (!async && onLoadItems) {
-            setIsOnGetItemLoading(true);
+            showOnGetItemLoading();
             onLoadItems().then(function (items) {
                 setItems(items);
-                setIsOnGetItemLoading(false);
+                hideOnGetItemLoading();
             });
         }
+        return function () {
+            if (asyncTimerRef.current) {
+                clearTimeout(asyncTimerRef.current);
+                asyncTimerRef.current = null;
+            }
+        };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     useFirstSkipEffect$1(function () {
@@ -7553,17 +7566,20 @@ FormTextEditor.defaultProps = FormTextEditorDefaultProps;var FormAutocompleteDef
         onValueChange(name, value);
     }, [value]);
     React.useEffect(function () {
-        if (asyncTimerRef.current) {
-            clearTimeout(asyncTimerRef.current);
-            asyncTimerRef.current = null;
-        }
         if (async && onLoadItems && inputValue != null) {
+            if (asyncTimerRef.current) {
+                clearTimeout(asyncTimerRef.current);
+                asyncTimerRef.current = null;
+            }
+            showOnGetItemLoading();
             asyncTimerRef.current = setTimeout(function () {
                 asyncTimerRef.current = null;
-                setIsOnGetItemLoading(true);
-                onLoadItems(inputValue).then(function (items) {
+                onLoadItems(inputValue)
+                    .then(function (items) {
                     setItems(items);
-                    setIsOnGetItemLoading(false);
+                })
+                    .finally(function () {
+                    hideOnGetItemLoading();
                 });
             }, 300);
         }