@firecms/core 3.0.0-canary.85 → 3.0.0-canary.87

package/dist/index.umd.js

@@ -9056,6 +9056,7 @@
       data,
       onResetPagination,
       onEndReached,
+      endOffset = 600,
       rowHeight = 54,
       columns: columnsProp,
       onRowClick,
@@ -9075,7 +9076,8 @@
       style,
       className,
       endAdornment,
-      AddColumnComponent
+      AddColumnComponent,
+      debug
     }) {
       const sortByProperty = sortBy ? sortBy[0] : void 0;
       const currentSort = sortBy ? sortBy[1] : void 0;
@@ -9087,9 +9089,13 @@
       }, [columnsProp]);
       const [measureRef, bounds] = useMeasure();
       const onColumnResizeInternal = React.useCallback((params) => {
+        if (debug)
+          console.log("onColumnResizeInternal", params);
         setColumns(columns.map((column) => column.key === params.column.key ? params.column : column));
       }, [columns]);
       const onColumnResizeEndInternal = React.useCallback((params) => {
+        if (debug)
+          console.log("onColumnResizeEndInternal", params);
         setColumns(columns.map((column) => column.key === params.column.key ? params.column : column));
         if (onColumnResize) {
           onColumnResize(params);
@@ -9097,15 +9103,21 @@
       }, [columns, onColumnResize]);
       const filterRef = React.useRef();
       React.useEffect(() => {
+        if (debug)
+          console.log("Filter updated", filterInput);
         filterRef.current = filterInput;
       }, [filterInput]);
       const scrollToTop = React.useCallback(() => {
+        if (debug)
+          console.log("scrollToTop");
         endReachCallbackThreshold.current = 0;
         if (tableRef.current) {
           tableRef.current.scrollTo(tableRef.current?.scrollLeft, 0);
         }
       }, []);
       const onColumnSort = React.useCallback((key) => {
+        if (debug)
+          console.log("onColumnSort", key);
         const isDesc = sortByProperty === key && currentSort === "desc";
         const isAsc = sortByProperty === key && currentSort === "asc";
         const newSort = isAsc ? "desc" : isDesc ? void 0 : "asc";
@@ -9126,26 +9138,34 @@
         }
         scrollToTop();
       }, [checkFilterCombination, currentSort, onFilterUpdate, onResetPagination, onSortByUpdate, scrollToTop, sortByProperty]);
-      React.useCallback(() => {
-        endReachCallbackThreshold.current = 0;
-        if (onSortByUpdate)
-          onSortByUpdate(void 0);
-      }, [onSortByUpdate]);
       const maxScroll = Math.max((data?.length ?? 0) * rowHeight - bounds.height, 0);
+      if (debug)
+        console.log("maxScroll", maxScroll);
       const onEndReachedInternal = React.useCallback((scrollOffset) => {
-        if (onEndReached && (data?.length ?? 0) > 0 && scrollOffset > endReachCallbackThreshold.current + 600) {
+        if (debug)
+          console.log("onEndReachedInternal", scrollOffset, endReachCallbackThreshold.current + endOffset);
+        if (onEndReached && (data?.length ?? 0) > 0 && scrollOffset > endReachCallbackThreshold.current + endOffset) {
           endReachCallbackThreshold.current = scrollOffset;
           onEndReached();
         }
       }, [data?.length, onEndReached]);
       const onScroll = React.useCallback(({
+        scrollDirection,
         scrollOffset,
         scrollUpdateWasRequested
       }) => {
-        if (!scrollUpdateWasRequested && scrollOffset >= maxScroll - 600)
+        if (debug)
+          console.log("onScroll", {
+            scrollDirection,
+            scrollOffset,
+            scrollUpdateWasRequested
+          });
+        if (!scrollUpdateWasRequested && scrollOffset >= maxScroll - endOffset)
           onEndReachedInternal(scrollOffset);
       }, [maxScroll, onEndReachedInternal]);
       const onFilterUpdateInternal = React.useCallback((column, filterForProperty) => {
+        if (debug)
+          console.log("onFilterUpdateInternal", column, filterForProperty);
         endReachCallbackThreshold.current = 0;
         const filter = filterRef.current;
         let newFilterValue = filter ? { ...filter } : {};
@@ -9207,6 +9227,8 @@
         endAdornment,
         AddColumnComponent
       };
+      if (debug)
+        console.log("VirtualTable render", virtualListController);
       return /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
@@ -9867,7 +9889,6 @@
                   onEndReached: loadNextPage,
                   onResetPagination: resetPagination,
                   error: dataLoadingError,
-                  paginationEnabled,
                   onColumnResize,
                   rowHeight: getRowHeight(size),
                   loading: dataLoading,