made pandas dataframe optional to prevent serialization

src/framework/processing/py/port/api/props.py

@@ -1,5 +1,5 @@
 from dataclasses import dataclass
-from typing import Optional, TypedDict
+from typing import Optional, TypedDict, Dict, Any
 
 import pandas as pd
 
@@ -98,14 +98,20 @@ class PropsUIPromptConsentFormTable:
 
     id: str
     title: Translatable
-    data_frame: pd.DataFrame
+    data_frame: pd.DataFrame | Dict[str, Dict[str, Any]]
+
+    def translate_data_frame(self):
+        if isinstance(self.data_frame, pd.DataFrame):
+            return self.data_frame.to_json()
+        else:
+            return self.data_frame
 
     def toDict(self):
         dict = {}
         dict["__type__"] = "PropsUIPromptConsentFormTable"
         dict["id"] = self.id
         dict["title"] = self.title.toDict()
-        dict["data_frame"] = self.data_frame.to_json()
+        dict["data_frame"] = self.translate_data_frame()
         return dict
 
 

src/framework/visualisation/react/ui/prompts/consent_form.tsx

@@ -72,7 +72,7 @@ export const ConsentForm = (props: Props): JSX.Element => {
     const id = tableData.id
     const title = Translator.translate(tableData.title, props.locale)
     const deletedRowCount = 0
-    const dataFrame = JSON.parse(tableData.data_frame)
+    const dataFrame = loadDataFrame(tableData.data_frame)
     const headCells = columnNames(dataFrame).map((column: string) => headCell(dataFrame, column))
     const head: PropsUITableHead = { __type__: 'PropsUITableHead', cells: headCells }
     const body: PropsUITableBody = { __type__: 'PropsUITableBody', rows: rows(dataFrame) }
@@ -169,6 +169,13 @@ export const ConsentForm = (props: Props): JSX.Element => {
   )
 }
 
+function loadDataFrame(dataFrame: any) {
+  if (typeof dataFrame === "string") {
+      return JSON.parse(dataFrame)
+  } 
+  return dataFrame;
+}
+
 const donateQuestionLabel = new TextBundle()
   .add('en', 'Do you want to donate the above data?')
   .add('de', 'Möchten Sie die oben genannten Daten spenden?')