@ackplus/react-tanstack-data-table 1.0.19-beta-0.9 → 1.0.19-beta-0.12

package/src/lib/utils/export-utils.d.ts

@@ -1,12 +1,12 @@
 import { Table } from '@tanstack/react-table';
-import { SelectionState } from '../features/custom-selection.feature';
+import { SelectionState } from '../features';
 export interface ExportOptions {
     format: 'csv' | 'excel';
     filename: string;
     onProgress?: (progress: {
-        processedRows: number;
-        totalRows: number;
-        percentage: number;
+        processedRows?: number;
+        totalRows?: number;
+        percentage?: number;
     }) => void;
     onComplete?: (result: {
         success: boolean;

package/src/lib/utils/export-utils.js

@@ -19,9 +19,11 @@ function exportClientData(table, options) {
                 });
                 const rowData = {};
                 row.getVisibleCells().forEach(cell => {
-                    const header = typeof cell.column.columnDef.header === 'string'
-                        ? cell.column.columnDef.header
-                        : cell.column.id;
+                    const columnDef = cell.column.columnDef;
+                    if (columnDef.hideInExport === true) {
+                        return;
+                    }
+                    const header = typeof columnDef.header === 'string' ? columnDef.header : cell.column.id;
                     rowData[header] = cell.getValue() || '';
                 });
                 return rowData;
@@ -46,32 +48,53 @@ function exportServerData(table, options) {
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
         const { format, filename, fetchData, currentFilters, selection, onProgress, onComplete, onError } = options;
         try {
-            onProgress === null || onProgress === void 0 ? void 0 : onProgress({
-                processedRows: 0,
-                totalRows: 0,
-                percentage: 0,
-            });
-            const { data } = yield fetchData(currentFilters, selection);
-            if (!data || !Array.isArray(data)) {
+            onProgress === null || onProgress === void 0 ? void 0 : onProgress({});
+            const initialResponse = yield fetchData(Object.assign(Object.assign({}, currentFilters), { pagination: { pageIndex: 0, pageSize: 1 } }), selection);
+            if (!initialResponse || !initialResponse.data || !Array.isArray(initialResponse.data)) {
                 throw new Error('Invalid data received from server');
             }
-            const visibleColumns = table.getVisibleLeafColumns().filter(col => col.getIsVisible());
-            const exportData = data.map((rowData, index) => {
-                onProgress === null || onProgress === void 0 ? void 0 : onProgress({
-                    processedRows: index + 1,
-                    totalRows: data.length,
-                    percentage: Math.round(((index + 1) / data.length) * 100),
-                });
+            const totalRows = initialResponse.total || initialResponse.data.length;
+            const CHUNK_SIZE = 1000;
+            const needsChunking = totalRows > CHUNK_SIZE;
+            let allData = [];
+            if (needsChunking) {
+                const totalPages = Math.ceil(totalRows / CHUNK_SIZE);
+                for (let page = 1; page <= totalPages; page++) {
+                    const chunkFilters = Object.assign(Object.assign({}, currentFilters), { pagination: {
+                            pageIndex: page - 1,
+                            pageSize: CHUNK_SIZE,
+                        } });
+                    const chunkResponse = yield fetchData(chunkFilters, selection);
+                    if (!chunkResponse || !chunkResponse.data || !Array.isArray(chunkResponse.data)) {
+                        throw new Error(`Failed to fetch chunk ${page}`);
+                    }
+                    allData = [...allData, ...chunkResponse.data];
+                    if (page < totalPages) {
+                        yield new Promise(resolve => setTimeout(resolve, 100));
+                    }
+                }
+            }
+            else {
+                allData = initialResponse.data;
+            }
+            const visibleColumns = table.getVisibleLeafColumns().filter(col => {
+                const columnDef = col.columnDef;
+                return col.getIsVisible() && columnDef.hideInExport !== true;
+            });
+            const exportData = [];
+            for (let index = 0; index < allData.length; index++) {
+                const rowData = allData[index];
                 const exportRow = {};
                 visibleColumns.forEach(column => {
+                    var _a;
                     const columnId = column.id;
-                    const header = typeof column.columnDef.header === 'string'
-                        ? column.columnDef.header
+                    const columnDef = column.columnDef;
+                    const header = typeof columnDef.header === 'string'
+                        ? columnDef.header
                         : columnId;
                     let value = rowData[columnId];
-                    const columnDef = column.columnDef;
-                    if (columnDef.accessorFn && typeof columnDef.accessorFn === 'function') {
-                        value = columnDef.accessorFn(rowData);
+                    if (column.accessorFn && typeof column.accessorFn === 'function') {
+                        value = ((_a = (column.accessorFn(rowData, index) || '')) === null || _a === void 0 ? void 0 : _a.toString()) || '';
                     }
                     if (value === null || value === undefined) {
                         value = '';
@@ -84,8 +107,8 @@ function exportServerData(table, options) {
                     }
                     exportRow[header] = value;
                 });
-                return exportRow;
-            });
+                exportData.push(exportRow);
+            }
             yield exportToFile(exportData, format, filename);
             onComplete === null || onComplete === void 0 ? void 0 : onComplete({
                 success: true,

package/src/lib/components/toolbar/column-custom-filter-control.d.ts

@@ -1 +0,0 @@
-export declare function ColumnCustomFilterControl(): import("react/jsx-runtime").JSX.Element;