add coma for contribution list

src/api/entitycore/transformers.ts

@@ -130,8 +130,9 @@ export function transformFiltersToQuery(
 }
 
 export function transformAgentToNames(
-  agentsWithRoles: Array<IContributor> | undefined | null
-): string {
+  agentsWithRoles: Array<IContributor> | undefined | null,
+  asArray: boolean = false
+): string | Array<string> {
   if (!agentsWithRoles) {
     return '';
   }
@@ -142,7 +143,9 @@ export function transformAgentToNames(
     type: agent.type === 'organization' ? 0 : 1, // 0 for Org, 1 for Person
   }));
 
-  return map(sortBy(processedAgents, ['type', 'name']), 'name').join('\n');
+  return asArray
+    ? map(sortBy(processedAgents, ['type', 'name']), 'name')
+    : map(sortBy(processedAgents, ['type', 'name']), 'name').join(',\n');
 }
 
 function resolveAgentName(agent: Agent) {

src/entity-configuration/definitions/fields-defs/common.ts

@@ -128,11 +128,9 @@ export const FieldsDefinition: Partial<FieldsDefinitionRegistry<EntityCoreObject
     title: 'Contributors',
     filter: CoreFieldFilterTypeEnum.CheckList,
     render: (r) =>
-      renderEmptyOrValue(
-        transformAgentToNames(
-          (r as EntityCoreObjectTypes & { contributions?: Array<IContributor> | null })
-            .contributions
-        )
+      transformAgentToNames(
+        (r as EntityCoreObjectTypes & { contributions?: Array<IContributor> | null }).contributions,
+        false
       ),
     vocabulary: {
       plural: 'Contributors',
@@ -150,7 +148,7 @@ export const FieldsDefinition: Partial<FieldsDefinitionRegistry<EntityCoreObject
   [EntityCoreFields.BrainRegion]: {
     title: 'Brain Region',
     filter: null,
-    render: (r) => renderEmptyOrValue(r.brain_region.name),
+    render: (r) => ('brain_region' in r ? renderEmptyOrValue(r.brain_region.name) : EmptyValue),
     vocabulary: {
       plural: 'Brain Regions',
       singular: 'Brain Region',

src/entity-configuration/definitions/renderer.tsx

@@ -58,7 +58,11 @@ export const renderAsString = (value: any) => {
 };
 
 export const renderArray = (array: string[]) => {
-  return array.map((item) => <div key={item}>{item}</div>);
+  return array.map((item) => (
+    <div key={item} className="line-clamp-1 text-ellipsis" title={item}>
+      {item}
+    </div>
+  ));
 };
 
 export const renderDate = (isoDateString: string) => {