release version canary

Author: radubrehar

.github/workflows/rebuild-website.yml

@@ -49,7 +49,7 @@ jobs:
       - uses: actions/checkout@v4
 
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
           cache: 'npm'

source/src/components/DataSource/getDataSourceApi.ts

@@ -5,7 +5,6 @@ import {
   DataSourceSingleSortInfo,
   DataSourceState,
 } from '.';
-import { raf } from '../../utils/raf';
 import { InfiniteTableRowInfo } from '../InfiniteTable/types';
 import { DataSourceCache } from './DataSourceCache';
 import { getRowInfoAt, getRowInfoArray } from './dataSourceGetters';
@@ -56,7 +55,7 @@ class DataSourceApiImpl<T> implements DataSourceApi<T> {
   private getState: () => DataSourceState<T>;
   private actions: DataSourceComponentActions<T>;
   //@ts-ignore
-  private batchOperationRafId: number = 0;
+  private batchOperationRafId: any = 0;
   //@ts-ignore
   private batchOperationTimeoutId: any = 0;
 
@@ -81,12 +80,12 @@ class DataSourceApiImpl<T> implements DataSourceApi<T> {
       const delay = Math.max(0, this.getState().batchOperationDelay ?? 0);
 
       if (delay === 0) {
-        this.batchOperationRafId = raf(() => {
+        this.batchOperationRafId = setTimeout(() => {
           this.commit();
         });
       } else {
         this.batchOperationTimeoutId = setTimeout(() => {
-          this.batchOperationRafId = raf(() => {
+          this.batchOperationRafId = setTimeout(() => {
             this.commit();
           });
         }, delay);

source/src/components/DataSource/privateHooks/useLoadData.ts

@@ -1054,7 +1054,7 @@ function lazyLoadRange<T>(
     ] = [componentState.data, componentState, componentActions, fnCall];
 
     // TODO make this whole function testable, so we can properly test multiple calls are not issued for the same batch (in the same group)
-
+    // TODO should replace raf with setTimeout
     return promise.then(() => getRafPromise()).then(() => loadData(...args));
   }, initialPromise);
 }

source/src/components/InfiniteTable/components/InfiniteTableLicenseFooter/index.tsx

@@ -7,7 +7,6 @@ import { join } from '../../../../utils/join';
 import { decamelize } from '../../../utils/decamelize';
 import { ThemeVars } from '../../vars.css';
 import { FooterCls } from '../../InfiniteCls.css';
-import { raf } from '../../../../utils/raf';
 
 const defaultStyle: React.CSSProperties = {
   padding: ThemeVars.spacing[2],
@@ -65,7 +64,7 @@ export const InfiniteTableLicenseFooter = React.forwardRef(
 
     useEffect(() => {
       const forceStyle = () => {
-        raf(() => {
+        setTimeout(() => {
           enforceStyle(domRef.current, defaultStyle);
           enforceStyle(
             domRef.current?.firstElementChild as HTMLElement | null,