@ackplus/react-tanstack-data-table 1.1.8 → 1.1.11

package/dist/lib/data-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/lib/data-table.tsx"],"names":[],"mappings":"AA8EA;;GAEG;AACH,eAAO,MAAM,SAAS,KAyzDpB,CAAC"}
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/lib/data-table.tsx"],"names":[],"mappings":"AA8EA;;GAEG;AACH,eAAO,MAAM,SAAS,KAszDpB,CAAC"}

package/dist/lib/data-table.js

@@ -238,7 +238,7 @@ logging, }, ref) {
     // -------------------------------
     // Callback hooks (grouped together)
     // -------------------------------
-    const fetchData = (0, react_1.useCallback)(async (overrides = {}) => {
+    const fetchData = (0, react_1.useCallback)(async (overrides = {}, options) => {
         var _a, _b;
         if (!onFetchData) {
             if (logger.isLevelEnabled('debug')) {
@@ -257,7 +257,7 @@ logging, }, ref) {
             logger.info('Requesting data', { filters });
         }
         try {
-            const result = await debouncedFetch(filters);
+            const result = await debouncedFetch(filters, options === undefined ? 0 : options.delay || 300);
             if (logger.isLevelEnabled('info')) {
                 logger.info('Fetch resolved', {
                     rows: (_b = (_a = result === null || result === void 0 ? void 0 : result.data) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0,
@@ -603,7 +603,8 @@ logging, }, ref) {
         getCoreRowModel: (0, react_table_1.getCoreRowModel)(),
         ...(enableSorting ? { getSortedRowModel: (0, react_table_1.getSortedRowModel)() } : {}),
         ...(enableColumnFilter || enableGlobalFilter ? { getFilteredRowModel: (0, column_filter_feature_1.getCombinedFilteredRowModel)() } : {}),
-        ...(enablePagination ? { getPaginationRowModel: (0, react_table_1.getPaginationRowModel)() } : {}),
+        // Only use getPaginationRowModel for client-side pagination
+        ...(enablePagination && !isServerPagination ? { getPaginationRowModel: (0, react_table_1.getPaginationRowModel)() } : {}),
         // Sorting
         enableSorting: enableSorting,
         manualSorting: isServerSorting,
@@ -647,11 +648,7 @@ logging, }, ref) {
     // -------------------------------
     // Note: globalFilter is needed in dependencies to trigger recalculation when filter changes
     // The table object is stable, so we need to depend on the filter state directly
-    const rows = (0, react_1.useMemo)(() => {
-        const rowModel = table.getRowModel();
-        return (rowModel === null || rowModel === void 0 ? void 0 : rowModel.rows) || [];
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [table, tableData, globalFilter, enableGlobalFilter, enableColumnFilter, enablePagination]);
+    const rows = table.getRowModel().rows;
     const rowVirtualizer = (0, react_virtual_1.useVirtualizer)({
         count: rows.length,
         getScrollElement: () => tableContainerRef.current,
@@ -689,7 +686,7 @@ logging, }, ref) {
             if (logger.isLevelEnabled('info')) {
                 logger.info('Initial data load triggered', { initialLoadData });
             }
-            fetchData();
+            fetchData({});
         }
         else if (logger.isLevelEnabled('debug')) {
             logger.debug('Skipping initial data load', {
@@ -1019,7 +1016,7 @@ logging, }, ref) {
             reload: () => {
                 const allState = table.getState();
                 onDataStateChange === null || onDataStateChange === void 0 ? void 0 : onDataStateChange(allState);
-                onFetchData === null || onFetchData === void 0 ? void 0 : onFetchData({});
+                fetchData === null || fetchData === void 0 ? void 0 : fetchData({});
                 if (logger.isLevelEnabled('debug')) {
                     logger.info('Reloading data', allState);
                 }
@@ -1444,7 +1441,7 @@ logging, }, ref) {
         handleColumnFilterStateChange,
         idKey,
         onDataStateChange,
-        onFetchData,
+        fetchData,
         enableColumnPinning,
         enablePagination,
         // Export dependencies

package/dist/lib/utils/debounced-fetch.utils.d.ts

@@ -1,9 +1,14 @@
 import { TableFiltersForFetch } from '../types';
+interface useDebouncedFetchReturn<T extends Record<string, any>> {
+    debouncedFetch: (filters: TableFiltersForFetch, debounceDelay?: number) => Promise<{
+        data: T[];
+        total: number;
+    }>;
+    isLoading: boolean;
+}
 export declare function useDebouncedFetch<T extends Record<string, any>>(onFetchData: ((filters: TableFiltersForFetch) => Promise<{
     data: T[];
     total: number;
-}>) | undefined, delay?: number): {
-    debouncedFetch: any;
-    isLoading: any;
-};
+}>) | undefined): useDebouncedFetchReturn<T>;
+export {};
 //# sourceMappingURL=debounced-fetch.utils.d.ts.map

package/dist/lib/utils/debounced-fetch.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"debounced-fetch.utils.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/debounced-fetch.utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAGhD,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3D,WAAW,EAAE,CAAC,CAAC,OAAO,EAAE,oBAAoB,KAAK,OAAO,CAAC;IAAE,IAAI,EAAE,CAAC,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC,GAAG,SAAS,EACnG,KAAK,SAAM;;;EA8Cd"}
+{"version":3,"file":"debounced-fetch.utils.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/debounced-fetch.utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAI/C,UAAU,uBAAuB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAC5D,cAAc,EAAE,CAAC,OAAO,EAAE,oBAAoB,EAAE,aAAa,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,IAAI,EAAE,CAAC,EAAE,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjH,SAAS,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3D,WAAW,EAAE,CAAC,CAAC,OAAO,EAAE,oBAAoB,KAAK,OAAO,CAAC;IAAE,IAAI,EAAE,CAAC,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC,GAAG,SAAS,GACpG,uBAAuB,CAAC,CAAC,CAAC,CA6C5B"}

package/dist/lib/utils/debounced-fetch.utils.js

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDebouncedFetch = useDebouncedFetch;
 const react_1 = require("react");
-function useDebouncedFetch(onFetchData, delay = 300) {
+const DEFAULT_DEBOUNCE_DELAY = 300;
+function useDebouncedFetch(onFetchData) {
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const debounceTimer = (0, react_1.useRef)(null);
-    const debouncedFetch = (0, react_1.useCallback)(async (filters) => {
+    const debouncedFetch = (0, react_1.useCallback)(async (filters, debounceDelay = DEFAULT_DEBOUNCE_DELAY) => {
         if (!onFetchData)
             return null;
         // Create a unique key for the current fetch parameters
@@ -29,9 +30,9 @@ function useDebouncedFetch(onFetchData, delay = 300) {
                 finally {
                     setIsLoading(false);
                 }
-            }, delay);
+            }, debounceDelay);
         });
-    }, [onFetchData, delay]);
+    }, [onFetchData]);
     // Cleanup timer on unmount
     (0, react_1.useEffect)(() => {
         // Fetch data when dependencies change

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ackplus/react-tanstack-data-table",
   "type": "commonjs",
-  "version": "1.1.8",
+  "version": "1.1.11",
   "description": "A powerful React data table component built with MUI and TanStack Table",
   "keywords": [
     "react",

package/src/lib/data-table.tsx

@@ -308,7 +308,7 @@ export const DataTable = forwardRef<DataTableApi<any>, DataTableProps<any>>(func
     // -------------------------------
     // Callback hooks (grouped together)
     // -------------------------------
-    const fetchData = useCallback(async (overrides: Partial<TableState> = {}) => {
+    const fetchData = useCallback(async (overrides: Partial<TableState> = {}, options?: { delay?: number }) => {
         if (!onFetchData) {
             if (logger.isLevelEnabled('debug')) {
                 logger.debug('onFetchData not provided, skipping fetch', { overrides, columnFilter, sorting, pagination });
@@ -329,7 +329,7 @@ export const DataTable = forwardRef<DataTableApi<any>, DataTableProps<any>>(func
         }
 
         try {
-            const result = await debouncedFetch(filters);
+            const result = await debouncedFetch(filters, options === undefined ? 0 : options.delay || 300);
 
             if (logger.isLevelEnabled('info')) {
                 logger.info('Fetch resolved', {
@@ -713,7 +713,8 @@ export const DataTable = forwardRef<DataTableApi<any>, DataTableProps<any>>(func
         getCoreRowModel: getCoreRowModel(),
         ...(enableSorting ? { getSortedRowModel: getSortedRowModel() } : {}),
         ...(enableColumnFilter || enableGlobalFilter ? { getFilteredRowModel: getCombinedFilteredRowModel<T>() } : {}),
-        ...(enablePagination ? { getPaginationRowModel: getPaginationRowModel() } : {}),
+        // Only use getPaginationRowModel for client-side pagination
+        ...(enablePagination && !isServerPagination ? { getPaginationRowModel: getPaginationRowModel() } : {}),
         // Sorting
         enableSorting: enableSorting,
         manualSorting: isServerSorting,
@@ -760,11 +761,7 @@ export const DataTable = forwardRef<DataTableApi<any>, DataTableProps<any>>(func
     // -------------------------------
     // Note: globalFilter is needed in dependencies to trigger recalculation when filter changes
     // The table object is stable, so we need to depend on the filter state directly
-    const rows = useMemo(() => {
-        const rowModel = table.getRowModel();
-        return rowModel?.rows || [];
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [table, tableData, globalFilter, enableGlobalFilter, enableColumnFilter, enablePagination]);
+    const rows = table.getRowModel().rows;
     const rowVirtualizer = useVirtualizer({
         count: rows.length,
         getScrollElement: () => tableContainerRef.current,
@@ -803,7 +800,7 @@ export const DataTable = forwardRef<DataTableApi<any>, DataTableProps<any>>(func
             if (logger.isLevelEnabled('info')) {
                 logger.info('Initial data load triggered', { initialLoadData });
             }
-            fetchData();
+            fetchData({});
         } else if (logger.isLevelEnabled('debug')) {
             logger.debug('Skipping initial data load', {
                 initialLoadData,
@@ -1143,7 +1140,7 @@ export const DataTable = forwardRef<DataTableApi<any>, DataTableProps<any>>(func
                 const allState = table.getState();
 
                 onDataStateChange?.(allState);
-                onFetchData?.({});
+                fetchData?.({});
                 if (logger.isLevelEnabled('debug')) {
                     logger.info('Reloading data', allState);
                 }
@@ -1553,14 +1550,14 @@ export const DataTable = forwardRef<DataTableApi<any>, DataTableProps<any>>(func
                 }
             },
         },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }), [
         table,
         enhancedColumns,
         handleColumnFilterStateChange,
         idKey,
         onDataStateChange,
-        onFetchData,
+        fetchData,
         enableColumnPinning,
         enablePagination,
         // Export dependencies

package/src/lib/utils/debounced-fetch.utils.ts

@@ -2,15 +2,20 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 
 import { TableFiltersForFetch } from '../types';
 
+const DEFAULT_DEBOUNCE_DELAY = 300;
+
+ interface useDebouncedFetchReturn<T extends Record<string, any>> {
+    debouncedFetch: (filters: TableFiltersForFetch, debounceDelay?: number) => Promise<{ data: T[]; total: number }>;
+    isLoading: boolean;
+}
 
 export function useDebouncedFetch<T extends Record<string, any>>(
-    onFetchData: ((filters: TableFiltersForFetch) => Promise<{ data: T[]; total: number }>) | undefined,
-    delay = 300,
-) {
+    onFetchData: ((filters: TableFiltersForFetch) => Promise<{ data: T[]; total: number }>) | undefined
+): useDebouncedFetchReturn<T> {
     const [isLoading, setIsLoading] = useState(false);
     const debounceTimer = useRef<ReturnType<typeof setTimeout> | null>(null);
 
-    const debouncedFetch = useCallback(async (filters: TableFiltersForFetch) => {
+    const debouncedFetch = useCallback(async (filters: TableFiltersForFetch, debounceDelay = DEFAULT_DEBOUNCE_DELAY) => {
         if (!onFetchData) return null;
 
         // Create a unique key for the current fetch parameters
@@ -33,9 +38,9 @@ export function useDebouncedFetch<T extends Record<string, any>>(
                 } finally {
                     setIsLoading(false);
                 }
-            }, delay);
+            }, debounceDelay);
         });
-    }, [onFetchData, delay]);
+    }, [onFetchData]);
 
     // Cleanup timer on unmount
     useEffect(() => {