@jmruthers/pace-core 0.5.97 → 0.5.99

package/docs/api/interfaces/StorageFileMetadata.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / StorageFileMetadata
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / StorageFileMetadata
 
 # Interface: StorageFileMetadata
 

package/docs/api/interfaces/StorageListOptions.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / StorageListOptions
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / StorageListOptions
 
 # Interface: StorageListOptions
 

package/docs/api/interfaces/StorageListResult.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / StorageListResult
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / StorageListResult
 
 # Interface: StorageListResult
 

package/docs/api/interfaces/StorageUploadOptions.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / StorageUploadOptions
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / StorageUploadOptions
 
 # Interface: StorageUploadOptions
 

package/docs/api/interfaces/StorageUploadResult.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / StorageUploadResult
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / StorageUploadResult
 
 # Interface: StorageUploadResult
 

package/docs/api/interfaces/StorageUrlOptions.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / StorageUrlOptions
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / StorageUrlOptions
 
 # Interface: StorageUrlOptions
 

package/docs/api/interfaces/StyleImport.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / StyleImport
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / StyleImport
 
 # Interface: StyleImport
 

package/docs/api/interfaces/SwitchProps.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / SwitchProps
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / SwitchProps
 
 # Interface: SwitchProps
 

package/docs/api/interfaces/ToastActionElement.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / ToastActionElement
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / ToastActionElement
 
 # Interface: ToastActionElement
 

package/docs/api/interfaces/ToastProps.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / ToastProps
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / ToastProps
 
 # Interface: ToastProps
 

package/docs/api/interfaces/UnifiedAuthContextType.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / UnifiedAuthContextType
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / UnifiedAuthContextType
 
 # Interface: UnifiedAuthContextType
 

package/docs/api/interfaces/UnifiedAuthProviderProps.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / UnifiedAuthProviderProps
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / UnifiedAuthProviderProps
 
 # Interface: UnifiedAuthProviderProps
 

package/docs/api/interfaces/UseEventLogoOptions.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / UseEventLogoOptions
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / UseEventLogoOptions
 
 # Interface: UseEventLogoOptions
 

package/docs/api/interfaces/UseEventLogoReturn.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / UseEventLogoReturn
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / UseEventLogoReturn
 
 # Interface: UseEventLogoReturn
 

package/docs/api/interfaces/UseInactivityTrackerOptions.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / UseInactivityTrackerOptions
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / UseInactivityTrackerOptions
 
 # Interface: UseInactivityTrackerOptions
 

package/docs/api/interfaces/UseInactivityTrackerReturn.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / UseInactivityTrackerReturn
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / UseInactivityTrackerReturn
 
 # Interface: UseInactivityTrackerReturn
 

package/docs/api/interfaces/UsePublicEventLogoOptions.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / UsePublicEventLogoOptions
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / UsePublicEventLogoOptions
 
 # Interface: UsePublicEventLogoOptions
 

package/docs/api/interfaces/UsePublicEventLogoReturn.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / UsePublicEventLogoReturn
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / UsePublicEventLogoReturn
 
 # Interface: UsePublicEventLogoReturn
 

package/docs/api/interfaces/UsePublicEventOptions.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / UsePublicEventOptions
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / UsePublicEventOptions
 
 # Interface: UsePublicEventOptions
 

package/docs/api/interfaces/UsePublicEventReturn.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / UsePublicEventReturn
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / UsePublicEventReturn
 
 # Interface: UsePublicEventReturn
 

package/docs/api/interfaces/UsePublicFileDisplayOptions.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / UsePublicFileDisplayOptions
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / UsePublicFileDisplayOptions
 
 # Interface: UsePublicFileDisplayOptions
 

package/docs/api/interfaces/UsePublicFileDisplayReturn.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / UsePublicFileDisplayReturn
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / UsePublicFileDisplayReturn
 
 # Interface: UsePublicFileDisplayReturn
 

package/docs/api/interfaces/UsePublicRouteParamsReturn.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / UsePublicRouteParamsReturn
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / UsePublicRouteParamsReturn
 
 # Interface: UsePublicRouteParamsReturn
 

package/docs/api/interfaces/UseResolvedScopeOptions.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / UseResolvedScopeOptions
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / UseResolvedScopeOptions
 
 # Interface: UseResolvedScopeOptions
 

package/docs/api/interfaces/UseResolvedScopeReturn.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / UseResolvedScopeReturn
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / UseResolvedScopeReturn
 
 # Interface: UseResolvedScopeReturn
 

package/docs/api/interfaces/UserEventAccess.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / UserEventAccess
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / UserEventAccess
 
 # Interface: UserEventAccess
 

package/docs/api/interfaces/UserMenuProps.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / UserMenuProps
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / UserMenuProps
 
 # Interface: UserMenuProps
 

package/docs/api/interfaces/UserProfile.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.97](../README.md) / [Exports](../modules.md) / UserProfile
+[@jmruthers/pace-core - v0.5.99](../README.md) / [Exports](../modules.md) / UserProfile
 
 # Interface: UserProfile
 

package/docs/api/modules.md

@@ -1,6 +1,6 @@
-[@jmruthers/pace-core - v0.5.97](README.md) / Exports
+[@jmruthers/pace-core - v0.5.99](README.md) / Exports
 
-# @jmruthers/pace-core - v0.5.97
+# @jmruthers/pace-core - v0.5.99
 
 **`File`**
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jmruthers/pace-core",
-  "version": "0.5.97",
+  "version": "0.5.99",
   "description": "Clean, modern React component library with Tailwind v4 styling and native utilities",
   "private": false,
   "publishConfig": {

package/src/components/DataTable/components/DataTableCore.tsx

@@ -43,7 +43,7 @@ import { ColumnFactory } from '../core/ColumnFactory';
 import { AccessDeniedPage } from './AccessDeniedPage';
 import { useCan, useResolvedScope } from '../../../rbac/hooks';
 import { toast } from '../../../hooks/useToast';
-import { exportToCSV } from '../utils/exportUtils';
+import { exportToCSV, exportToCSVWithTableRows } from '../utils/exportUtils';
 import { useUnifiedAuth } from '../../../providers/UnifiedAuthProvider';
 import { Scope } from '../../../rbac/types';
 import { useDataTablePermissions } from '../hooks/useDataTablePermissions';
@@ -969,8 +969,8 @@ function DataTableInternal<TData extends DataRecord>({
               onExport={secureHandlers.onExport || (async () => {
                 try {
                   // Automatic export: exports exactly what's shown in the table
-                  // Get the current filtered/paginated data (what's actually visible)
-                  const currentData = table.getFilteredRowModel().rows.map(row => row.original);
+                  // Get the table rows (which have getValue() that properly evaluates accessorFn)
+                  const tableRows = table.getFilteredRowModel().rows;
                   
                   // Get only visible columns by checking the actual table columns
                   // This approach is more reliable because it uses the table's actual column registry
@@ -981,8 +981,8 @@ function DataTableInternal<TData extends DataRecord>({
                     return !isSystemColumn && col.getIsVisible();
                   });
                   
-                  // Map table columns back to original column definitions for export
-                  // Also add ID columns for reference fields (columns with accessorFn + editAccessorKey)
+                  // Map table columns to export columns
+                  // Use TanStack Table's getValue() which properly handles accessorFn
                   const visibleColumns: Array<{
                     header?: string;
                     id?: string;
@@ -992,6 +992,9 @@ function DataTableInternal<TData extends DataRecord>({
                     isIdColumn?: boolean;
                   }> = [];
                   
+                  // Store mapping of column IDs to table column instances for getValue() calls
+                  const columnIdToTableColumn = new Map<string, typeof visibleTableColumns[0]>();
+                  
                   visibleTableColumns.forEach(tableCol => {
                     // Find the original column definition that matches this table column
                     const originalCol = columns.find(col => {
@@ -1001,27 +1004,38 @@ function DataTableInternal<TData extends DataRecord>({
                     
                     if (!originalCol) return;
                     
+                    // Store the table column for getValue() calls
+                    columnIdToTableColumn.set(tableCol.id, tableCol);
+                    
                     const hasAccessorFn = 'accessorFn' in originalCol && (originalCol as any).accessorFn;
                     const editAccessorKey = originalCol.editAccessorKey;
                     
                     // Add the display column (what's shown in the table)
+                    // For columns with accessorFn, we'll use the table's getValue() method instead of calling accessorFn directly
+                    const displayHeader = typeof originalCol.header === 'string' 
+                      ? originalCol.header 
+                      : originalCol.accessorKey || tableCol.id || 'Column';
+                    
                     visibleColumns.push({
                       ...originalCol,
-                      header: typeof originalCol.header === 'string' 
-                        ? originalCol.header 
-                        : originalCol.accessorKey || tableCol.id || 'Column',
-                      // Preserve accessorFn if present (for computed/reference fields)
-                      // accessorFn is part of ColumnDef from TanStack Table
+                      header: displayHeader,
+                      // Store table column ID for getValue() lookup
+                      id: tableCol.id,
+                      // Preserve accessorFn if present (will use getValue() if available)
                       accessorFn: hasAccessorFn ? (originalCol as any).accessorFn : undefined,
                     });
                     
                     // For reference fields (accessorFn + editAccessorKey), also add ID column
                     // This allows round-trip import/export to work seamlessly
                     if (hasAccessorFn && editAccessorKey) {
+                      // Use the same string fallback logic as the display column to ensure
+                      // JSX headers are converted to strings (e.g., accessorKey or column ID)
+                      // This prevents "[object Object] (ID)" in the CSV header
+                      const idHeader = `${displayHeader} (ID)`;
                       visibleColumns.push({
                         id: editAccessorKey,
                         accessorKey: editAccessorKey,
-                        header: `${originalCol.header || 'ID'} (ID)`,
+                        header: idHeader,
                         isIdColumn: true,
                         editAccessorKey: editAccessorKey,
                       });
@@ -1032,8 +1046,9 @@ function DataTableInternal<TData extends DataRecord>({
                   const timestamp = new Date().toISOString().split('T')[0];
                   const filename = title ? `${title.replace(/[^a-z0-9]/gi, '_').toLowerCase()}_${timestamp}.csv` : `data_export_${timestamp}.csv`;
                   
-                  // Export to CSV
-                  await exportToCSV(currentData, visibleColumns, filename);
+                  // Export using table rows with getValue() for proper accessorFn evaluation
+                  // This ensures we get the same values that are displayed in the table
+                  await exportToCSVWithTableRows(tableRows, visibleColumns, columnIdToTableColumn, filename);
                   
                   // Show success toast notification
                   toast({
@@ -1278,10 +1293,39 @@ function DataTableInternal<TData extends DataRecord>({
         onCloseImportModal={() => stateActions.setImportModal(false)}
         onImport={async (data: TData[]) => {
           if (onImport) {
-            const result = onImport(data);
-            if (result && typeof result.then === 'function') {
-              await result;
+            try {
+              console.log('[DataTableCore] onImport called with', data.length, 'rows');
+              const result = onImport(data);
+              if (result && typeof result.then === 'function') {
+                await result;
+              }
+              console.log('[DataTableCore] onImport completed successfully');
+              
+              // Show success toast
+              toast({
+                title: "Import Successful",
+                description: `Successfully imported ${data.length} ${data.length === 1 ? 'row' : 'rows'}`,
+                variant: "default"
+              });
+            } catch (error) {
+              console.error('[DataTableCore] Import error:', error);
+              toast({
+                title: "Import Failed",
+                description: error instanceof Error ? error.message : 'Failed to import data',
+                variant: "destructive"
+              });
+              // Don't close modal on error so user can see the error
+              return;
             }
+          } else {
+            console.error('[DataTableCore] onImport handler not provided');
+            toast({
+              title: "Import Not Configured",
+              description: "Import functionality requires an onImport handler to be provided.",
+              variant: "destructive"
+            });
+            // Don't close modal so user can see the error
+            return;
           }
           stateActions.setImportModal(false);
         }}

package/src/components/DataTable/components/DataTableModals.tsx

@@ -41,6 +41,8 @@ function mapCSVToTableColumns<TData extends Record<string, unknown> = Record<str
   // Priority: editAccessorKey > accessorKey > id
   const columnMap = new Map<string, string>();
   
+  console.log('[mapCSVToTableColumns] Building column map from', columns.length, 'column definitions');
+  
   columns.forEach(col => {
     const fieldName = col.editAccessorKey || col.accessorKey || col.id;
     const header = typeof col.header === 'string' ? col.header : '';
@@ -48,10 +50,13 @@ function mapCSVToTableColumns<TData extends Record<string, unknown> = Record<str
     if (fieldName && header) {
       // Map header to field name (case-insensitive)
       columnMap.set(header.toLowerCase(), fieldName);
+      console.log(`[mapCSVToTableColumns] Mapped "${header}" -> "${fieldName}"`);
+      
       // Also map id/accessorKey if different from header
       const colId = col.id || col.accessorKey;
       if (colId && colId !== header && colId !== fieldName) {
         columnMap.set(colId.toLowerCase(), fieldName);
+        console.log(`[mapCSVToTableColumns] Also mapped "${colId}" -> "${fieldName}"`);
       }
       
       // For reference fields with editAccessorKey, also map the ID column header
@@ -59,25 +64,57 @@ function mapCSVToTableColumns<TData extends Record<string, unknown> = Record<str
       if (col.editAccessorKey && header) {
         const idColumnHeader = `${header} (ID)`;
         columnMap.set(idColumnHeader.toLowerCase(), col.editAccessorKey);
+        console.log(`[mapCSVToTableColumns] Mapped ID column "${idColumnHeader}" -> "${col.editAccessorKey}"`);
         // Also map the editAccessorKey directly (in case CSV uses the field name)
         columnMap.set(col.editAccessorKey.toLowerCase(), col.editAccessorKey);
+        console.log(`[mapCSVToTableColumns] Also mapped "${col.editAccessorKey}" -> "${col.editAccessorKey}"`);
       }
+    } else {
+      console.warn('[mapCSVToTableColumns] Skipping column with missing fieldName or header:', col);
     }
   });
   
+  if (csvData.length === 0) {
+    console.warn('[mapCSVToTableColumns] No CSV data to map');
+    return [];
+  }
+  
+  const csvHeaders = Object.keys(csvData[0]);
+  console.log('[mapCSVToTableColumns] CSV headers found:', csvHeaders);
+  console.log('[mapCSVToTableColumns] Column map size:', columnMap.size);
+  
   // Transform CSV data using the mapping
-  return csvData.map(row => {
+  const mappedData = csvData.map((row, index) => {
     const mappedRow: Record<string, unknown> = {};
     
     // For each CSV column, find the corresponding table field
     Object.keys(row).forEach(csvHeader => {
       const csvHeaderLower = csvHeader.toLowerCase();
-      const fieldName = columnMap.get(csvHeaderLower) || csvHeaderLower;
-      mappedRow[fieldName] = row[csvHeader];
+      const fieldName = columnMap.get(csvHeaderLower);
+      
+      if (fieldName) {
+        mappedRow[fieldName] = row[csvHeader];
+        if (index === 0) {
+          console.log(`[mapCSVToTableColumns] Row 0: "${csvHeader}" -> "${fieldName}"`);
+        }
+      } else {
+        // If no mapping found, use the CSV header as-is (lowercase)
+        mappedRow[csvHeaderLower] = row[csvHeader];
+        if (index === 0) {
+          console.warn(`[mapCSVToTableColumns] No mapping found for "${csvHeader}", using as-is`);
+        }
+      }
     });
     
     return mappedRow as TData;
   });
+  
+  console.log('[mapCSVToTableColumns] Mapped', mappedData.length, 'rows');
+  if (mappedData.length > 0) {
+    console.log('[mapCSVToTableColumns] First mapped row keys:', Object.keys(mappedData[0]));
+  }
+  
+  return mappedData;
 }
 
 /**
@@ -164,11 +201,33 @@ export function DataTableModals<TData extends Record<string, unknown> = Record<s
         isOpen={showImportModal}
         onClose={onCloseImportModal}
         onImport={async (rawData: Array<Record<string, unknown>>) => {
-          // Automatically map CSV columns to table columns based on column definitions
-          const mappedData = columns ? mapCSVToTableColumns<TData>(rawData, columns) : (rawData as TData[]);
-          const result = onImport(mappedData);
-          if (result && typeof result.then === 'function') {
-            await result;
+          try {
+            // Automatically map CSV columns to table columns based on column definitions
+            let mappedData: TData[];
+            if (columns && columns.length > 0) {
+              console.log('[DataTableModals] Mapping CSV data with', columns.length, 'column definitions');
+              console.log('[DataTableModals] Raw CSV headers:', rawData.length > 0 ? Object.keys(rawData[0]) : []);
+              mappedData = mapCSVToTableColumns<TData>(rawData, columns);
+              console.log('[DataTableModals] Mapped data sample:', mappedData.length > 0 ? mappedData[0] : null);
+            } else {
+              console.warn('[DataTableModals] No columns provided for mapping, using raw data');
+              mappedData = rawData as TData[];
+            }
+            
+            if (!onImport) {
+              console.error('[DataTableModals] onImport callback is not provided');
+              throw new Error('Import handler is not configured. Please provide an onImport callback.');
+            }
+            
+            console.log('[DataTableModals] Calling onImport with', mappedData.length, 'rows');
+            const result = onImport(mappedData);
+            if (result && typeof result.then === 'function') {
+              await result;
+            }
+            console.log('[DataTableModals] Import completed successfully');
+          } catch (error) {
+            console.error('[DataTableModals] Import error:', error);
+            throw error; // Re-throw to let ImportModal handle it
           }
         }}
         config={importModalConfig}

package/src/components/DataTable/utils/exportUtils.ts

@@ -180,6 +180,121 @@ export function generateCSVContent<TData extends DataRecord>(
   return csvContent;
 }
 
+/**
+ * Exports DataTable data using TanStack Table rows with getValue() for proper accessorFn evaluation
+ * This ensures computed columns (with accessorFn) export correctly with their displayed values
+ */
+export async function exportToCSVWithTableRows(
+  tableRows: Array<{ 
+    original: any;
+    getValue: (columnId: string) => any;
+    id: string;
+  }>,
+  columns: ExportColumn[],
+  columnIdToTableColumn: Map<string, any>,
+  filename: string = "download.csv",
+  options: {
+    locale?: string;
+    sanitizeForSecurity?: boolean;
+  } = {}
+): Promise<void> {
+  const logger = createLogger('ExportUtils');
+  return new Promise((resolve, reject) => {
+    try {
+      if (typeof window === 'undefined') {
+        throw new Error('CSV export is only available in browser environments');
+      }
+
+      if (!tableRows || tableRows.length === 0) {
+        throw new Error('No data to export');
+      }
+
+      if (!columns || columns.length === 0) {
+        throw new Error('No columns defined for export');
+      }
+
+      // Create CSV header row
+      const headers = columns.map(col => {
+        const headerValue = col.header || col.id || "Column";
+        return escapeCSVValue(headerValue, options.sanitizeForSecurity !== false);
+      });
+
+      // Format data into CSV rows using table row getValue() for proper accessorFn evaluation
+      const csvData = tableRows.map(tableRow => {
+        return columns.map(col => {
+          let value: any;
+          
+          // For ID columns (reference field IDs), get directly from original data
+          if (col.isIdColumn && col.accessorKey) {
+            value = tableRow.original[col.accessorKey];
+          } 
+          // For columns with accessorFn, use TanStack Table's getValue() which properly evaluates it
+          else if (col.id && columnIdToTableColumn.has(col.id)) {
+            try {
+              // Use getValue() which properly evaluates accessorFn with the table's context
+              value = tableRow.getValue(col.id);
+            } catch (error) {
+              // Fallback: try accessorFn directly if getValue() fails
+              if (col.accessorFn) {
+                try {
+                  value = col.accessorFn(tableRow.original);
+                } catch (accessorError) {
+                  console.warn('Error evaluating accessorFn for column:', col.id || col.header, accessorError);
+                  value = undefined;
+                }
+              } else {
+                // Direct property access
+                const key = col.accessorKey || col.id;
+                value = key ? tableRow.original[key] : undefined;
+              }
+            }
+          }
+          // Fallback to direct property access
+          else {
+            const key = col.accessorKey || col.id;
+            value = key ? tableRow.original[key] : undefined;
+          }
+
+          // Format according to locale if provided
+          if (options.locale && (typeof value === 'number' || value instanceof Date || typeof value === 'boolean')) {
+            value = formatLocaleValue(value, options.locale);
+          }
+
+          // Escape the value for CSV
+          return escapeCSVValue(value, options.sanitizeForSecurity !== false);
+        }).join(",");
+      });
+
+      // Combine header and data
+      const csvContent = [headers.join(","), ...csvData].join("\n");
+
+      // Create and trigger download
+      const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
+      const link = document.createElement("a");
+      const url = URL.createObjectURL(blob);
+
+      link.setAttribute("href", url);
+      link.setAttribute("download", filename);
+      link.style.display = "none";
+
+      // Handle click event
+      link.onclick = () => {
+        setTimeout(() => {
+          URL.revokeObjectURL(url);
+          resolve();
+        }, 100);
+      };
+
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+    } catch (error) {
+      logger.error('Failed to export data to CSV:', error);
+      reject(error);
+    }
+  });
+}
+
 /**
  * Exports DataTable data to CSV format
  *