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

package/dist/components/VirtualTable/VirtualTableProps.d.ts

@@ -25,10 +25,6 @@ export interface VirtualTableProps<T extends Record<string, any>> {
      * The renderer receives props `{ cellData, columns, column, columnIndex, rowData, rowIndex, container, isScrolling }`
      */
     cellRenderer: React.ComponentType<CellRendererParams<T>>;
-    /**
-     * If enabled, content is loaded in batch
-     */
-    paginationEnabled?: boolean;
     /**
      * Set this callback if you want to support some combinations
      * of filter combinations only.
@@ -40,6 +36,10 @@ export interface VirtualTableProps<T extends Record<string, any>> {
      * A callback function when scrolling the table to near the end
      */
     onEndReached?: () => void;
+    /**
+     * Offset in pixels where the onEndReached callback is triggered
+     */
+    endOffset?: number;
     /**
      * When the pagination should be reset. E.g. the filters or sorting
      * has been reset.
@@ -119,8 +119,12 @@ export interface VirtualTableProps<T extends Record<string, any>> {
      * @param column
      */
     AddColumnComponent?: React.ComponentType;
+    /**
+     * Debug mode
+     */
+    debug?: boolean;
 }
-export type CellRendererParams<T extends any = any> = {
+export type CellRendererParams<T = any> = {
     column: VirtualTableColumn;
     columns: VirtualTableColumn[];
     columnIndex: number;
@@ -133,7 +137,7 @@ export type CellRendererParams<T extends any = any> = {
  * @see Table
  * @group Components
  */
-export interface VirtualTableColumn<CustomProps extends any = any> {
+export interface VirtualTableColumn<CustomProps = any> {
     /**
      * Data key for the cell value, could be "a.b.c"
      */

package/dist/index.es.js

@@ -9052,6 +9052,7 @@ const VirtualTable = React__default.memo(
     data,
     onResetPagination,
     onEndReached,
+    endOffset = 600,
     rowHeight = 54,
     columns: columnsProp,
     onRowClick,
@@ -9071,7 +9072,8 @@ const VirtualTable = React__default.memo(
     style,
     className,
     endAdornment,
-    AddColumnComponent
+    AddColumnComponent,
+    debug
   }) {
     const sortByProperty = sortBy ? sortBy[0] : void 0;
     const currentSort = sortBy ? sortBy[1] : void 0;
@@ -9083,9 +9085,13 @@ const VirtualTable = React__default.memo(
     }, [columnsProp]);
     const [measureRef, bounds] = useMeasure();
     const onColumnResizeInternal = useCallback((params) => {
+      if (debug)
+        console.log("onColumnResizeInternal", params);
       setColumns(columns.map((column) => column.key === params.column.key ? params.column : column));
     }, [columns]);
     const onColumnResizeEndInternal = useCallback((params) => {
+      if (debug)
+        console.log("onColumnResizeEndInternal", params);
       setColumns(columns.map((column) => column.key === params.column.key ? params.column : column));
       if (onColumnResize) {
         onColumnResize(params);
@@ -9093,15 +9099,21 @@ const VirtualTable = React__default.memo(
     }, [columns, onColumnResize]);
     const filterRef = useRef();
     useEffect(() => {
+      if (debug)
+        console.log("Filter updated", filterInput);
       filterRef.current = filterInput;
     }, [filterInput]);
     const scrollToTop = useCallback(() => {
+      if (debug)
+        console.log("scrollToTop");
       endReachCallbackThreshold.current = 0;
       if (tableRef.current) {
         tableRef.current.scrollTo(tableRef.current?.scrollLeft, 0);
       }
     }, []);
     const onColumnSort = 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";
@@ -9122,26 +9134,34 @@ const VirtualTable = React__default.memo(
       }
       scrollToTop();
     }, [checkFilterCombination, currentSort, onFilterUpdate, onResetPagination, onSortByUpdate, scrollToTop, sortByProperty]);
-    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 = 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 = 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 = useCallback((column, filterForProperty) => {
+      if (debug)
+        console.log("onFilterUpdateInternal", column, filterForProperty);
       endReachCallbackThreshold.current = 0;
       const filter = filterRef.current;
       let newFilterValue = filter ? { ...filter } : {};
@@ -9203,6 +9223,8 @@ const VirtualTable = React__default.memo(
       endAdornment,
       AddColumnComponent
     };
+    if (debug)
+      console.log("VirtualTable render", virtualListController);
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -9863,7 +9885,6 @@ const SelectableTable = React__default.memo(
                 onEndReached: loadNextPage,
                 onResetPagination: resetPagination,
                 error: dataLoadingError,
-                paginationEnabled,
                 onColumnResize,
                 rowHeight: getRowHeight(size),
                 loading: dataLoading,