@etsoo/react 1.8.59 → 1.8.61

package/.github/workflows/main.yml

@@ -6,7 +6,8 @@
 name: Node.js Package
 
 # Event to trigger the action
-on: [push]
+on:
+  [push]
   # release:
   #  types: [created]
 
@@ -22,14 +23,14 @@ jobs:
     steps:
       # https://github.com/actions/checkout, This action checks-out your repository under $GITHUB_WORKSPACE
       # so your workflow can access it.
-      - uses: actions/checkout@v4
-        
+      - uses: actions/checkout@v5
+
       # Set up your GitHub Actions workflow with a specific version of node.js
       # Setup .npmrc file to publish to npm
-      - uses: actions/setup-node@v4
+      - uses: actions/setup-node@v6
         with:
-          node-version: '20.x'
-          registry-url: 'https://registry.npmjs.org'
+          node-version: "24.11"
+          registry-url: "https://registry.npmjs.org"
 
       # Named after Continuous Integration, installs dependencies directly from package-lock.json
       # ci vs install
@@ -45,4 +46,4 @@ jobs:
       # For scoped package, make it public for free service
       - run: npm publish --access public
         env:
-          NODE_AUTH_TOKEN: ${{ secrets.ETSOONpmToken }}
+          NODE_AUTH_TOKEN: ${{ secrets.ETSOONpmToken }}

package/lib/cjs/components/GridLoader.d.ts

@@ -93,7 +93,7 @@ export type GridLoader<T extends object, P extends GridJsonData = GridLoadDataPr
      * @param rows Rows
      * @param state State
      */
-    onUpdateRows?: (rows: T[], state: GridLoaderStates<T>) => void;
+    onUpdateRows?: (rows: T[], state: GridLoaderStates<T>, reset: boolean) => void;
     /**
      * Threshold at which to pre-fetch data; default is half of loadBatchSize
      */

package/lib/cjs/components/ScrollerGrid.js

@@ -30,8 +30,7 @@ const ScrollerGrid = (props) => {
     const setRows = (rows, reset = false) => {
         stateRefs.current.loadedItems = rows.length;
         updateRows(rows);
-        if (!reset && onUpdateRows)
-            onUpdateRows(rows, stateRefs.current);
+        onUpdateRows?.(rows, stateRefs.current, reset);
     };
     // State Refs
     const stateRefs = react_1.default.useRef({

package/lib/cjs/components/ScrollerList.js

@@ -37,8 +37,7 @@ const ScrollerList = (props) => {
     const setRows = (rows, reset = false) => {
         stateRefs.current.loadedItems = rows.length;
         updateRows(rows);
-        if (!reset && onUpdateRows)
-            onUpdateRows(rows, stateRefs.current);
+        onUpdateRows?.(rows, stateRefs.current, reset);
     };
     const batchSize = shared_1.Utils.getResult(loadBatchSize, height);
     const stateRefs = react_1.default.useRef({

package/lib/mjs/components/GridLoader.d.ts

@@ -93,7 +93,7 @@ export type GridLoader<T extends object, P extends GridJsonData = GridLoadDataPr
      * @param rows Rows
      * @param state State
      */
-    onUpdateRows?: (rows: T[], state: GridLoaderStates<T>) => void;
+    onUpdateRows?: (rows: T[], state: GridLoaderStates<T>, reset: boolean) => void;
     /**
      * Threshold at which to pre-fetch data; default is half of loadBatchSize
      */

package/lib/mjs/components/ScrollerGrid.js

@@ -24,8 +24,7 @@ export const ScrollerGrid = (props) => {
     const setRows = (rows, reset = false) => {
         stateRefs.current.loadedItems = rows.length;
         updateRows(rows);
-        if (!reset && onUpdateRows)
-            onUpdateRows(rows, stateRefs.current);
+        onUpdateRows?.(rows, stateRefs.current, reset);
     };
     // State Refs
     const stateRefs = React.useRef({

package/lib/mjs/components/ScrollerList.js

@@ -31,8 +31,7 @@ export const ScrollerList = (props) => {
     const setRows = (rows, reset = false) => {
         stateRefs.current.loadedItems = rows.length;
         updateRows(rows);
-        if (!reset && onUpdateRows)
-            onUpdateRows(rows, stateRefs.current);
+        onUpdateRows?.(rows, stateRefs.current, reset);
     };
     const batchSize = Utils.getResult(loadBatchSize, height);
     const stateRefs = React.useRef({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/react",
-  "version": "1.8.59",
+  "version": "1.8.61",
   "description": "TypeScript ReactJs UI Independent Framework",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",
@@ -38,27 +38,27 @@
     "@emotion/css": "^11.13.5",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@etsoo/appscript": "^1.6.45",
-    "@etsoo/notificationbase": "^1.1.64",
-    "@etsoo/shared": "^1.2.76",
+    "@etsoo/appscript": "^1.6.46",
+    "@etsoo/notificationbase": "^1.1.65",
+    "@etsoo/shared": "^1.2.78",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "react-router-dom": "^7.9.4",
-    "react-window": "^2.2.0"
+    "react-router-dom": "^7.9.5",
+    "react-window": "^2.2.2"
   },
   "devDependencies": {
     "@babel/cli": "^7.28.3",
-    "@babel/core": "^7.28.4",
-    "@babel/plugin-transform-runtime": "^7.28.3",
-    "@babel/preset-env": "^7.28.3",
+    "@babel/core": "^7.28.5",
+    "@babel/plugin-transform-runtime": "^7.28.5",
+    "@babel/preset-env": "^7.28.5",
     "@babel/runtime-corejs3": "^7.28.4",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
     "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.1",
-    "@vitejs/plugin-react": "^5.0.4",
-    "jsdom": "^27.0.0",
+    "@types/react-dom": "^19.2.2",
+    "@vitejs/plugin-react": "^5.1.0",
+    "jsdom": "^27.1.0",
     "typescript": "^5.9.3",
-    "vitest": "^3.2.4"
+    "vitest": "^4.0.7"
   }
 }

package/setupTests.ts

@@ -1,13 +1,7 @@
+import { MockResizeObserver } from "@etsoo/shared";
 import { vi } from "vitest";
 
 (globalThis as any).IS_REACT_ACT_ENVIRONMENT = true;
 
-// Mock the ResizeObserver
-const ResizeObserverMock = vi.fn(() => ({
-  observe: vi.fn(),
-  unobserve: vi.fn(),
-  disconnect: vi.fn()
-}));
-
 // Stub the global ResizeObserver
-vi.stubGlobal("ResizeObserver", ResizeObserverMock);
+vi.stubGlobal("ResizeObserver", MockResizeObserver);

package/src/components/GridLoader.ts

@@ -146,7 +146,11 @@ export type GridLoader<
    * @param rows Rows
    * @param state State
    */
-  onUpdateRows?: (rows: T[], state: GridLoaderStates<T>) => void;
+  onUpdateRows?: (
+    rows: T[],
+    state: GridLoaderStates<T>,
+    reset: boolean
+  ) => void;
 
   /**
    * Threshold at which to pre-fetch data; default is half of loadBatchSize

package/src/components/ScrollerGrid.tsx

@@ -175,7 +175,7 @@ export const ScrollerGrid = <T extends object>(props: ScrollerGridProps<T>) => {
     stateRefs.current.loadedItems = rows.length;
     updateRows(rows);
 
-    if (!reset && onUpdateRows) onUpdateRows(rows, stateRefs.current);
+    onUpdateRows?.(rows, stateRefs.current, reset);
   };
 
   // State Refs

package/src/components/ScrollerList.tsx

@@ -118,7 +118,7 @@ export const ScrollerList = <T extends object>(props: ScrollerListProps<T>) => {
     stateRefs.current.loadedItems = rows.length;
     updateRows(rows);
 
-    if (!reset && onUpdateRows) onUpdateRows(rows, stateRefs.current);
+    onUpdateRows?.(rows, stateRefs.current, reset);
   };
 
   const batchSize = Utils.getResult<number>(loadBatchSize, height);