Add lastItem to ScrollerGrid

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/react",
-  "version": "1.8.3",
+  "version": "1.8.4",
   "description": "TypeScript ReactJs UI Independent Framework",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -48,7 +48,7 @@
     "@emotion/css": "^11.13.5",
     "@emotion/react": "^11.13.5",
     "@emotion/styled": "^11.13.5",
-    "@etsoo/appscript": "^1.5.68",
+    "@etsoo/appscript": "^1.5.76",
     "@etsoo/notificationbase": "^1.1.54",
     "@etsoo/shared": "^1.2.55",
     "react": "^18.3.1",

src/components/GridLoader.ts

@@ -116,7 +116,10 @@ export interface GridLoader<T extends object> {
   /**
    * Load data
    */
-  loadData: (props: GridLoadDataProps) => PromiseLike<T[] | null | undefined>;
+  loadData: (
+    props: GridLoadDataProps,
+    lastItem?: T
+  ) => PromiseLike<T[] | null | undefined>;
 
   /**
    * Handler for init load
@@ -147,6 +150,11 @@ type GridLoaderProps<T> = {
    */
   autoLoad: boolean;
 
+  /**
+   * Last loaded item
+   */
+  lastItem?: T;
+
   /**
    * Last loaded items
    */

src/components/ScrollerGrid.tsx

@@ -211,14 +211,15 @@ export const ScrollerGrid = <T extends object>(props: ScrollerGridProps<T>) => {
       data
     };
 
-    loadData(loadProps).then((result) => {
+    loadData(loadProps, refs.current.lastItem).then((result) => {
       if (result == null || refs.current.isMounted === false) {
         return;
       }
       refs.current.isMounted = true;
 
       const newItems = result.length;
       refs.current.lastLoadedItems = newItems;
+      refs.current.lastItem = result.at(-1);
       refs.current.isNextPageLoading = false;
       refs.current.hasNextPage = newItems >= refs.current.queryPaging.batchSize;