Merge pull request #120 from mercedes-benz/VULCAN-650/ExpandedCellRen…

…derer

Vulcan 650/expanded 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,15 @@ 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;
+
+  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} />;
 }