@etsoo/react 1.7.36 → 1.7.38

package/lib/components/GridLoader.d.ts

@@ -43,6 +43,19 @@ export type GridLoadDataProps = {
      */
     data?: GridData;
 };
+/**
+ * Grid data load partial props
+ */
+export type GridLoadDataPartialProps = {
+    /**
+     * Query paging data
+     */
+    queryPaging?: Partial<QueryPagingData>;
+    /**
+     * Data related
+     */
+    data?: GridData;
+};
 /**
  * Grid data loader
  */
@@ -81,10 +94,7 @@ export interface GridLoader<T extends object> {
      */
     threshold?: number | undefined;
 }
-/**
- * Grid loader states
- */
-export type GridLoaderStates<T> = GridLoadDataProps & {
+type GridLoaderProps<T> = {
     /**
      * Auto load data, otherwise call reset
      * @default true
@@ -119,3 +129,12 @@ export type GridLoaderStates<T> = GridLoadDataProps & {
      */
     idCache: Record<any, null>;
 };
+/**
+ * Grid loader states
+ */
+export type GridLoaderStates<T> = GridLoadDataProps & GridLoaderProps<T>;
+/**
+ * Grid loader states
+ */
+export type GridLoaderPartialStates<T> = GridLoadDataPartialProps & Partial<GridLoaderProps<T>>;
+export {};

package/lib/components/GridMethodRef.d.ts

@@ -1,5 +1,5 @@
 import { Align } from 'react-window';
-import { GridLoaderStates } from './GridLoader';
+import { GridLoaderPartialStates } from './GridLoader';
 /**
  * Grid method ref
  */
@@ -19,7 +19,7 @@ export interface GridMethodRef<T> {
      * Reset
      * @param add Additional data
      */
-    reset(add?: Partial<GridLoaderStates<T>>): void;
+    reset(add?: GridLoaderPartialStates<T>): void;
     /**
      * Scroll to the specified offset (scrollTop or scrollLeft, depending on the direction prop).
      */

package/lib/components/ScrollerGrid.js

@@ -119,17 +119,19 @@ export const ScrollerGrid = (props) => {
     };
     // Reset the state and load again
     const reset = (add, items = []) => {
+        const { queryPaging, ...rest } = add ?? {};
         const resetState = {
             queryPaging: {
                 ...refs.current.queryPaging,
-                currentPage: 0
+                currentPage: 0,
+                ...queryPaging
             },
             autoLoad: true,
             loadedItems: 0,
             hasNextPage: true,
             isNextPageLoading: false,
             lastLoadedItems: undefined,
-            ...add
+            ...rest
         };
         Object.assign(refs.current, resetState);
         // Reset items

package/lib/components/ScrollerList.js

@@ -113,17 +113,19 @@ export const ScrollerList = (props) => {
     };
     // Reset the state and load again
     const reset = (add, items = []) => {
+        const { queryPaging, ...rest } = add ?? {};
         const resetState = {
             queryPaging: {
                 ...stateRefs.current.queryPaging,
-                currentPage: 0
+                currentPage: 0,
+                ...queryPaging
             },
             autoLoad: true,
             lastLoadedItems: undefined,
             loadedItems: 0,
             hasNextPage: true,
             isNextPageLoading: false,
-            ...add
+            ...rest
         };
         Object.assign(stateRefs.current, resetState);
         // Reset

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.7.36",
+    "version": "1.7.38",
     "description": "TypeScript ReactJs UI Independent Framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
@@ -50,7 +50,7 @@
         "@emotion/css": "^11.11.2",
         "@emotion/react": "^11.11.4",
         "@emotion/styled": "^11.11.5",
-        "@etsoo/appscript": "^1.4.85",
+        "@etsoo/appscript": "^1.4.86",
         "@etsoo/notificationbase": "^1.1.42",
         "@etsoo/shared": "^1.2.37",
         "react": "^18.3.1",
@@ -65,7 +65,7 @@
         "@babel/preset-env": "^7.24.5",
         "@babel/runtime-corejs3": "^7.24.5",
         "@testing-library/jest-dom": "^6.4.5",
-        "@testing-library/react": "^15.0.6",
+        "@testing-library/react": "^15.0.7",
         "@types/jest": "^29.5.12",
         "@types/react": "^18.3.1",
         "@types/react-dom": "^18.3.0",

package/src/components/GridLoader.ts

@@ -78,6 +78,21 @@ export type GridLoadDataProps = {
     data?: GridData;
 };
 
+/**
+ * Grid data load partial props
+ */
+export type GridLoadDataPartialProps = {
+    /**
+     * Query paging data
+     */
+    queryPaging?: Partial<QueryPagingData>;
+
+    /**
+     * Data related
+     */
+    data?: GridData;
+};
+
 /**
  * Grid data loader
  */
@@ -125,10 +140,7 @@ export interface GridLoader<T extends object> {
     threshold?: number | undefined;
 }
 
-/**
- * Grid loader states
- */
-export type GridLoaderStates<T> = GridLoadDataProps & {
+type GridLoaderProps<T> = {
     /**
      * Auto load data, otherwise call reset
      * @default true
@@ -170,3 +182,14 @@ export type GridLoaderStates<T> = GridLoadDataProps & {
      */
     idCache: Record<any, null>;
 };
+
+/**
+ * Grid loader states
+ */
+export type GridLoaderStates<T> = GridLoadDataProps & GridLoaderProps<T>;
+
+/**
+ * Grid loader states
+ */
+export type GridLoaderPartialStates<T> = GridLoadDataPartialProps &
+    Partial<GridLoaderProps<T>>;

package/src/components/GridMethodRef.ts

@@ -1,5 +1,5 @@
 import { Align } from 'react-window';
-import { GridLoaderStates } from './GridLoader';
+import { GridLoaderPartialStates } from './GridLoader';
 
 /**
  * Grid method ref
@@ -22,7 +22,7 @@ export interface GridMethodRef<T> {
      * Reset
      * @param add Additional data
      */
-    reset(add?: Partial<GridLoaderStates<T>>): void;
+    reset(add?: GridLoaderPartialStates<T>): void;
 
     /**
      * Scroll to the specified offset (scrollTop or scrollLeft, depending on the direction prop).

package/src/components/ScrollerGrid.tsx

@@ -318,17 +318,19 @@ export const ScrollerGrid = <T extends object>(props: ScrollerGridProps<T>) => {
 
     // Reset the state and load again
     const reset = (add?: Partial<GridLoaderStates<T>>, items: T[] = []) => {
+        const { queryPaging, ...rest } = add ?? {};
         const resetState: Partial<GridLoaderStates<T>> = {
             queryPaging: {
                 ...refs.current.queryPaging,
-                currentPage: 0
+                currentPage: 0,
+                ...queryPaging
             },
             autoLoad: true,
             loadedItems: 0,
             hasNextPage: true,
             isNextPageLoading: false,
             lastLoadedItems: undefined,
-            ...add
+            ...rest
         };
         Object.assign(refs.current, resetState);
 

package/src/components/ScrollerList.tsx

@@ -249,17 +249,19 @@ export const ScrollerList = <T extends object>(props: ScrollerListProps<T>) => {
 
     // Reset the state and load again
     const reset = (add?: Partial<GridLoaderStates<T>>, items: T[] = []) => {
+        const { queryPaging, ...rest } = add ?? {};
         const resetState: Partial<GridLoaderStates<T>> = {
             queryPaging: {
                 ...stateRefs.current.queryPaging,
-                currentPage: 0
+                currentPage: 0,
+                ...queryPaging
             },
             autoLoad: true,
             lastLoadedItems: undefined,
             loadedItems: 0,
             hasNextPage: true,
             isNextPageLoading: false,
-            ...add
+            ...rest
         };
         Object.assign(stateRefs.current, resetState);