@jmruthers/pace-core 0.2.5 → 0.2.7

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

@@ -1,125 +0,0 @@
-/**
- * Utility functions for automatic column sizing based on content
- */
-
-/**
- * Calculate optimal column width based on content
- * @param content - The text content to measure
- * @param minWidth - Minimum width in pixels
- * @param maxWidth - Maximum width in pixels
- * @param padding - Additional padding to add
- * @returns Calculated width in pixels
- */
-export function calculateContentWidth(
-  content: string,
-  minWidth: number = 80,
-  maxWidth: number = 400,
-  padding: number = 32
-): number {
-  if (!content || typeof content !== 'string') {
-    return minWidth;
-  }
-
-  // Rough estimation: average character width is ~8px for most fonts
-  const estimatedWidth = content.length * 8 + padding;
-  
-  // Apply min/max constraints
-  return Math.max(minWidth, Math.min(maxWidth, estimatedWidth));
-}
-
-/**
- * Calculate optimal column widths for all columns based on their content
- * @param data - Array of data records
- * @param columns - Column definitions
- * @param options - Sizing options
- * @returns Object mapping column IDs to calculated widths
- */
-export function calculateColumnWidths<TData extends Record<string, any>>(
-  data: TData[],
-  columns: any[],
-  options: {
-    minWidth?: number;
-    maxWidth?: number;
-    padding?: number;
-    sampleSize?: number;
-  } = {}
-): Record<string, number> {
-  const {
-    minWidth = 80,
-    maxWidth = 400,
-    padding = 32,
-    sampleSize = 100
-  } = options;
-
-  const columnWidths: Record<string, number> = {};
-  
-  // Sample data for performance (don't analyze all rows for large datasets)
-  const sampleData = data.slice(0, sampleSize);
-  
-  columns.forEach((column) => {
-    const columnId = column.id || column.accessorKey;
-    if (!columnId) return;
-    
-    let maxContentWidth = minWidth;
-    
-    // Check header width
-    const headerWidth = calculateContentWidth(
-      column.header || column.accessorKey || '',
-      minWidth,
-      maxWidth,
-      padding
-    );
-    maxContentWidth = Math.max(maxContentWidth, headerWidth);
-    
-    // Check data content width
-    sampleData.forEach((row) => {
-      const cellValue = column.accessorFn 
-        ? column.accessorFn(row, 0)
-        : row[column.accessorKey];
-      
-      if (cellValue !== null && cellValue !== undefined) {
-        const content = String(cellValue);
-        const contentWidth = calculateContentWidth(
-          content,
-          minWidth,
-          maxWidth,
-          padding
-        );
-        maxContentWidth = Math.max(maxContentWidth, contentWidth);
-      }
-    });
-    
-    columnWidths[columnId] = Math.min(maxContentWidth, maxWidth);
-  });
-  
-  return columnWidths;
-}
-
-/**
- * Get column sizing configuration for TanStack Table
- * @param autoSizing - Whether auto-sizing is enabled
- * @param columnWidths - Pre-calculated column widths
- * @returns TanStack Table column sizing configuration
- */
-export function getColumnSizingConfig(
-  autoSizing: boolean,
-  columnWidths?: Record<string, number>
-) {
-  if (!autoSizing) {
-    return {
-      columnResizeMode: 'onChange' as const,
-    };
-  }
-  
-  return {
-    columnResizeMode: 'onChange' as const,
-    enableColumnResizing: true,
-    columnResizeDirection: 'ltr' as const,
-    // Set initial column sizes if provided
-    ...(columnWidths && {
-      initialState: {
-        columnSizing: columnWidths,
-      },
-    }),
-  };
-}