@jmruthers/pace-core 0.5.115 → 0.5.117

package/src/components/DataTable/components/EditableRow.tsx

@@ -336,7 +336,24 @@ export function EditableRow<TData extends DataRecord>({
                     );
                   }
                   
-                  // Column is editable - always use renderEditField in EditableRow
+                  // Column is editable - check if custom cell renderer handles editing
+                  // Custom renderers can provide their own editing UI (e.g., Select dropdowns, multi-field editors)
+                  if (cell.column.columnDef.cell) {
+                    // Try using custom cell renderer with editing context
+                    return flexRender(cell.column.columnDef.cell, {
+                      ...cell.getContext(),
+                      getIsEditing: () => true,
+                      setValue: (value: CellValue | Record<string, CellValue>) => {
+                        if (typeof value === 'object' && value !== null && !Array.isArray(value) && !(value instanceof Date)) {
+                          onEditingDataChange({ ...editingData, ...(value as Record<string, CellValue>) });
+                        } else {
+                          onEditingDataChange({ ...editingData, [cell.column.id]: value as CellValue });
+                        }
+                      }
+                    });
+                  }
+                  
+                  // No custom renderer - use default renderEditField
                   const shouldGetRef = !hasAssignedRef.current;
                   if (shouldGetRef) {
                     hasAssignedRef.current = true;

package/src/components/DataTable/components/ViewRowModal.tsx

@@ -52,7 +52,7 @@ export function ViewRowModal<TData extends Record<string, any>>({
                 <div className="md:col-span-2 text-sm">
                   {value instanceof Date ? value.toLocaleDateString() : 
                    typeof value === 'object' && value !== null ? JSON.stringify(value, null, 2) :
-                   String(value || '')}
+                   String(value ?? '')}
                 </div>
               </div>
             ))}