@panneau/data 3.0.194 → 3.0.203

package/es/index.js

@@ -12,9 +12,9 @@ import queryString from 'query-string';
 import { useQuery, keepPreviousData, QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import isEmpty from 'lodash/isEmpty';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 
 var useData = function useData(loadData) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
@@ -98,10 +98,9 @@ var useItems$2 = function useItems(_ref) {
     _ref2$page = _ref2.page,
     oldPage = _ref2$page === void 0 ? null : _ref2$page,
     _ref2$count = _ref2.count,
-    oldCount = _ref2$count === void 0 ? null : _ref2$count,
-    _ref2$items = _ref2.items,
-    providedItems = _ref2$items === void 0 ? null : _ref2$items,
-    _ref2$pages = _ref2.pages,
+    oldCount = _ref2$count === void 0 ? null : _ref2$count;
+    _ref2.items;
+    var _ref2$pages = _ref2.pages,
     initialPages = _ref2$pages === void 0 ? null : _ref2$pages,
     _ref2$getPageFromResp = _ref2.getPageFromResponse,
     getPageFromResponse = _ref2$getPageFromResp === void 0 ? function () {
@@ -159,7 +158,7 @@ var useItems$2 = function useItems(_ref) {
   var queryKey = useMemo(function () {
     return paginated && getPage !== null ? [store, page, count || 10, queryWithoutPageAndCount] : [store, query];
   }, [paginated, page, count, queryWithoutPageAndCount]);
-  var _useQuery = useQuery(_objectSpread(_objectSpread(_objectSpread({
+  var _useQuery = useQuery(_objectSpread(_objectSpread({
       queryKey: queryKey,
       queryFn: function queryFn(_ref5) {
         var key = _ref5.queryKey;
@@ -188,8 +187,6 @@ var useItems$2 = function useItems(_ref) {
       }
     }, keepData ? {
       placeholderData: keepPreviousData
-    } : null), providedItems !== null ? {
-      initialData: providedItems
     } : null), queryConfig)),
     _useQuery$data = _useQuery.data,
     data = _useQuery$data === void 0 ? null : _useQuery$data,
@@ -231,19 +228,52 @@ var useItems$2 = function useItems(_ref) {
       }));
     }
   }, [query, onQueryChange]);
-  var pages = useRef(null);
-  useEffect(function () {
-    if (isFetched && page !== null && data !== null) {
-      pages.current = _objectSpread(_objectSpread({}, pages.current), {}, _defineProperty({}, page, data));
+
+  // Keep a list of updated items
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    updatedItems = _useState2[0],
+    setUpdatedItems = _useState2[1];
+  var updateItem = useCallback(function (item) {
+    var _ref8 = item || {},
+      _ref8$id = _ref8.id,
+      itemId = _ref8$id === void 0 ? null : _ref8$id;
+    if (itemId !== null) {
+      setUpdatedItems([].concat(_toConsumableArray((updatedItems || []).filter(function () {
+        var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref9$id = _ref9.id,
+          id = _ref9$id === void 0 ? null : _ref9$id;
+        return id !== itemId;
+      })), [item]));
+    }
+  }, [updatedItems, setUpdatedItems]);
+  var replaceUpdatedItems = useCallback(function (currentItems) {
+    if (currentItems === null || updatedItems === null || updatedItems.length === 0) {
+      return currentItems;
     }
-  }, [isFetched, page, data]);
-  var finalItems = useMemo(function () {
+    return (currentItems || []).map(function (item) {
+      var _ref10 = item || {},
+        _ref10$id = _ref10.id,
+        itemId = _ref10$id === void 0 ? null : _ref10$id;
+      var updated = (updatedItems || []).find(function () {
+        var _ref11 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref11$id = _ref11.id,
+          id = _ref11$id === void 0 ? null : _ref11$id;
+        return id === itemId;
+      }) || null;
+      if (updated !== null) {
+        return updated;
+      }
+      return item;
+    }, []);
+  }, [updatedItems]);
+  var partialItems = useMemo(function () {
     if (data === null) {
       return data;
     }
     if (paginated) {
       if (getPageFromResponse !== null) {
-        return items;
+        return getPageFromResponse(items);
       }
       return items;
     }
@@ -251,7 +281,8 @@ var useItems$2 = function useItems(_ref) {
       return getItemsFromResponse(data);
     }
     return data;
-  }, [items, data, paginated, getPageFromResponse, getItemsFromResponse]);
+  }, [items, data, paginated, getPageFromResponse, getItemsFromResponse, updatedItems]);
+  var finalItems = replaceUpdatedItems(partialItems);
 
   // Pseudo-events for compatibility
   useEffect(function () {
@@ -270,10 +301,16 @@ var useItems$2 = function useItems(_ref) {
       onError(error);
     }
   }, [status]);
-  var allItems = pages.current !== null ? Object.keys(pages.current).flatMap(function (k) {
+
+  // Keep a list of pages, useEffect wont work here because delayed
+  var pages = useRef(null);
+  if (isFetched && page !== null && data !== null) {
+    pages.current = _objectSpread(_objectSpread({}, pages.current), {}, _defineProperty({}, page, data));
+  }
+  var allItems = pages.current !== null ? replaceUpdatedItems(Object.keys(pages.current).flatMap(function (k) {
     var _pages$current$k;
     return (_pages$current$k = pages.current[k]) === null || _pages$current$k === void 0 ? void 0 : _pages$current$k.data;
-  }) : null;
+  })) : null;
   var finalLoading = isLoading || isFetching || isRefetching;
   return _objectSpread(_objectSpread({}, otherProps), {}, {
     items: finalItems,
@@ -296,7 +333,7 @@ var useItems$2 = function useItems(_ref) {
     reloadPage: reload,
     reload: reload,
     reset: reload,
-    updateItem: null,
+    updateItem: updateItem,
     status: status,
     error: error
   });
@@ -688,14 +725,14 @@ var useItemsStore = function useItemsStore(store, _ref) {
       _ref6$id = _ref6.id,
       itemId = _ref6$id === void 0 ? null : _ref6$id;
     if (itemId !== null) {
-      setUpdatedItems([].concat(_toConsumableArray((items || []).filter(function () {
+      setUpdatedItems([].concat(_toConsumableArray((updatedItems || []).filter(function () {
         var _ref7 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
           _ref7$id = _ref7.id,
           id = _ref7$id === void 0 ? null : _ref7$id;
         return id !== itemId;
       })), [item]));
     }
-  }, [items, updatedItems, setUpdatedItems]);
+  }, [updatedItems, setUpdatedItems]);
   var replaceUpdatedItems = useCallback(function (currentItems) {
     if (currentItems === null || updatedItems === null || updatedItems.length === 0) {
       return currentItems;

package/lib/index.js

@@ -15,9 +15,9 @@ var _createForOfIteratorHelper = require('@babel/runtime/helpers/createForOfIter
 var reactQuery = require('@tanstack/react-query');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var isEmpty = require('lodash/isEmpty');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 
 var useData = function useData(loadData) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
@@ -762,10 +762,9 @@ var useItems$2 = function useItems(_ref) {
     _ref2$page = _ref2.page,
     oldPage = _ref2$page === void 0 ? null : _ref2$page,
     _ref2$count = _ref2.count,
-    oldCount = _ref2$count === void 0 ? null : _ref2$count,
-    _ref2$items = _ref2.items,
-    providedItems = _ref2$items === void 0 ? null : _ref2$items,
-    _ref2$pages = _ref2.pages,
+    oldCount = _ref2$count === void 0 ? null : _ref2$count;
+    _ref2.items;
+    var _ref2$pages = _ref2.pages,
     initialPages = _ref2$pages === void 0 ? null : _ref2$pages,
     _ref2$getPageFromResp = _ref2.getPageFromResponse,
     getPageFromResponse = _ref2$getPageFromResp === void 0 ? function () {
@@ -823,7 +822,7 @@ var useItems$2 = function useItems(_ref) {
   var queryKey = React.useMemo(function () {
     return paginated && getPage !== null ? [store, page, count || 10, queryWithoutPageAndCount] : [store, query];
   }, [paginated, page, count, queryWithoutPageAndCount]);
-  var _useQuery = reactQuery.useQuery(_objectSpread(_objectSpread(_objectSpread({
+  var _useQuery = reactQuery.useQuery(_objectSpread(_objectSpread({
       queryKey: queryKey,
       queryFn: function queryFn(_ref5) {
         var key = _ref5.queryKey;
@@ -852,8 +851,6 @@ var useItems$2 = function useItems(_ref) {
       }
     }, keepData ? {
       placeholderData: reactQuery.keepPreviousData
-    } : null), providedItems !== null ? {
-      initialData: providedItems
     } : null), queryConfig)),
     _useQuery$data = _useQuery.data,
     data = _useQuery$data === void 0 ? null : _useQuery$data,
@@ -895,19 +892,52 @@ var useItems$2 = function useItems(_ref) {
       }));
     }
   }, [query, onQueryChange]);
-  var pages = React.useRef(null);
-  React.useEffect(function () {
-    if (isFetched && page !== null && data !== null) {
-      pages.current = _objectSpread(_objectSpread({}, pages.current), {}, _defineProperty({}, page, data));
+
+  // Keep a list of updated items
+  var _useState = React.useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    updatedItems = _useState2[0],
+    setUpdatedItems = _useState2[1];
+  var updateItem = React.useCallback(function (item) {
+    var _ref8 = item || {},
+      _ref8$id = _ref8.id,
+      itemId = _ref8$id === void 0 ? null : _ref8$id;
+    if (itemId !== null) {
+      setUpdatedItems([].concat(_toConsumableArray((updatedItems || []).filter(function () {
+        var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref9$id = _ref9.id,
+          id = _ref9$id === void 0 ? null : _ref9$id;
+        return id !== itemId;
+      })), [item]));
+    }
+  }, [updatedItems, setUpdatedItems]);
+  var replaceUpdatedItems = React.useCallback(function (currentItems) {
+    if (currentItems === null || updatedItems === null || updatedItems.length === 0) {
+      return currentItems;
     }
-  }, [isFetched, page, data]);
-  var finalItems = React.useMemo(function () {
+    return (currentItems || []).map(function (item) {
+      var _ref10 = item || {},
+        _ref10$id = _ref10.id,
+        itemId = _ref10$id === void 0 ? null : _ref10$id;
+      var updated = (updatedItems || []).find(function () {
+        var _ref11 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          _ref11$id = _ref11.id,
+          id = _ref11$id === void 0 ? null : _ref11$id;
+        return id === itemId;
+      }) || null;
+      if (updated !== null) {
+        return updated;
+      }
+      return item;
+    }, []);
+  }, [updatedItems]);
+  var partialItems = React.useMemo(function () {
     if (data === null) {
       return data;
     }
     if (paginated) {
       if (getPageFromResponse !== null) {
-        return items;
+        return getPageFromResponse(items);
       }
       return items;
     }
@@ -915,7 +945,8 @@ var useItems$2 = function useItems(_ref) {
       return getItemsFromResponse(data);
     }
     return data;
-  }, [items, data, paginated, getPageFromResponse, getItemsFromResponse]);
+  }, [items, data, paginated, getPageFromResponse, getItemsFromResponse, updatedItems]);
+  var finalItems = replaceUpdatedItems(partialItems);
 
   // Pseudo-events for compatibility
   React.useEffect(function () {
@@ -934,10 +965,16 @@ var useItems$2 = function useItems(_ref) {
       onError(error);
     }
   }, [status]);
-  var allItems = pages.current !== null ? Object.keys(pages.current).flatMap(function (k) {
+
+  // Keep a list of pages, useEffect wont work here because delayed
+  var pages = React.useRef(null);
+  if (isFetched && page !== null && data !== null) {
+    pages.current = _objectSpread(_objectSpread({}, pages.current), {}, _defineProperty({}, page, data));
+  }
+  var allItems = pages.current !== null ? replaceUpdatedItems(Object.keys(pages.current).flatMap(function (k) {
     var _pages$current$k;
     return (_pages$current$k = pages.current[k]) === null || _pages$current$k === void 0 ? void 0 : _pages$current$k.data;
-  }) : null;
+  })) : null;
   var finalLoading = isLoading || isFetching || isRefetching;
   return _objectSpread(_objectSpread({}, otherProps), {}, {
     items: finalItems,
@@ -960,7 +997,7 @@ var useItems$2 = function useItems(_ref) {
     reloadPage: reload,
     reload: reload,
     reset: reload,
-    updateItem: null,
+    updateItem: updateItem,
     status: status,
     error: error
   });
@@ -1352,14 +1389,14 @@ var useItemsStore = function useItemsStore(store, _ref) {
       _ref6$id = _ref6.id,
       itemId = _ref6$id === void 0 ? null : _ref6$id;
     if (itemId !== null) {
-      setUpdatedItems([].concat(_toConsumableArray((items || []).filter(function () {
+      setUpdatedItems([].concat(_toConsumableArray((updatedItems || []).filter(function () {
         var _ref7 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
           _ref7$id = _ref7.id,
           id = _ref7$id === void 0 ? null : _ref7$id;
         return id !== itemId;
       })), [item]));
     }
-  }, [items, updatedItems, setUpdatedItems]);
+  }, [updatedItems, setUpdatedItems]);
   var replaceUpdatedItems = React.useCallback(function (currentItems) {
     if (currentItems === null || updatedItems === null || updatedItems.length === 0) {
       return currentItems;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/data",
-    "version": "3.0.194",
+    "version": "3.0.203",
     "description": "",
     "keywords": [
         "javascript"
@@ -65,5 +65,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "6d49da8ecbe43b3a5c11dc9ddb9553ef64e58c83"
+    "gitHead": "46c633064a9c12716725e27bba014704d1afc17c"
 }