ywana-core8 0.0.799 → 0.0.801

package/dist/index.cjs

@@ -11022,9 +11022,11 @@ var CollectionContextProvider = function CollectionContextProvider(props) {
           return data
       }
       */
+      setLoading(true);
       return Promise.resolve(_catch(function () {
         return Promise.resolve(API.all(filters, likes, page)).then(function (response) {
-          var next = field ? response[field] : response; //const data = runCustomFilters(next)
+          var next = field ? response[field] : response;
+          setLoading(false); //const data = runCustomFilters(next)
           //return data
 
           _exit2 = 1;
@@ -11032,6 +11034,7 @@ var CollectionContextProvider = function CollectionContextProvider(props) {
         });
       }, function (error) {
         console.log(error);
+        setLoading(false);
       }));
     } catch (e) {
       return Promise.reject(e);
@@ -11078,6 +11081,10 @@ var CollectionContextProvider = function CollectionContextProvider(props) {
       selected = _useState7[0],
       setSelected = _useState7[1];
 
+  var _useState8 = React.useState(false),
+      loading = _useState8[0],
+      setLoading = _useState8[1];
+
   React.useEffect(function () {
     var mounted = true;
 
@@ -11093,8 +11100,8 @@ var CollectionContextProvider = function CollectionContextProvider(props) {
     };
   }, [filters]);
   React.useEffect(function () {
-    runCustomFilters();
-  }, [customFilters]);
+    if (all.length > 0) runCustomFilters();
+  }, [all, customFilters]);
 
   function clearSelection() {
     setSelected(null);
@@ -11110,6 +11117,7 @@ var CollectionContextProvider = function CollectionContextProvider(props) {
 
   var value = {
     all: all,
+    loading: loading,
     load: load,
     reload: reload,
     selected: selected,
@@ -11406,7 +11414,8 @@ var CollectionList = function CollectionList(props) {
   var context = React.useContext(CollectionContext);
   var _context$filtered = context.filtered,
       filtered = _context$filtered === void 0 ? [] : _context$filtered,
-      selected = context.selected;
+      selected = context.selected,
+      loading = context.loading;
 
   var _useState = React.useState(''),
       search = _useState[0],
@@ -11458,7 +11467,9 @@ var CollectionList = function CollectionList(props) {
   }), /*#__PURE__*/React__default["default"].createElement(TextField, {
     onChange: changeSearch,
     outlined: true
-  })) : null);
+  })) : null, loading ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "loading"
+  }, /*#__PURE__*/React__default["default"].createElement(CircularProgress, null)) : null);
 };
 
 /**