Merge pull request #128 from mercedes-benz/develop

Feature Deployment: Expand Cell Renderer

src/component/misc/DataGridExpandRenderer.tsx

@@ -3,6 +3,8 @@ import Box from '@mui/material/Box';
 import { Paper, Popper, Typography } from '@mui/material';
 import { GridRenderCellParams } from '@mui/x-data-grid';
 import { useEffect } from 'react';
+import {RenderString } from '../../report/ReportRecordProcessing';
+
 
 interface GridCellExpandProps {
   value: string;
@@ -105,15 +107,18 @@ const GridCellExpand = React.memo((props: GridCellExpandProps) => {
 });
 
 export function renderCellExpand(params: GridRenderCellParams<any, string>, lineBreakAfterListEntry: boolean) {
+
   let value = params.value?.low ? params.value.low : params.value;
+
+  if(!value){
+    value=""
+  }
+  return (typeof value==="string" || value instanceof String)
+    ? <GridCellExpand value={RenderString(value)} width={params.colDef.computedWidth} />
+    : <GridCellExpand value={JSON.stringify(value)
+      .replaceAll(',', lineBreakAfterListEntry ? ',\r\n' : ', ') 
+      .replaceAll(']', '')
+      .replaceAll('[', '')
+      .replaceAll('"', '')} width={params.colDef.computedWidth} />;
 
-  const stringifiedObj = value
-    ? JSON.stringify(value)
-        .replaceAll(',', lineBreakAfterListEntry ? ',\r\n' : ', ') // TODO: Consolidate to a regex
-        .replaceAll(']', '')
-        .replaceAll('[', '')
-        .replaceAll('"', '')
-    : '';
-
-  return <GridCellExpand value={stringifiedObj || ''} width={params.colDef.computedWidth} />;
 }

src/report/ReportRecordProcessing.tsx

@@ -257,7 +257,7 @@ function RenderArray(value) {
   return mapped;
 }
 
-function RenderString(value) {
+export function RenderString(value) {
   const str = value?.toString() || '';
   if (str.startsWith('http') || str.startsWith('https')) {
     return (