CE-1955 - add support for child-record lists on process validation preview, via:

- add properties: gridOnly and gridDensity;
- allow the input query records and tableMetaData to come in as pre-typed TS objects, rather than POJSO's, that need to go through constructors.

src/qqq/components/widgets/misc/RecordGridWidget.tsx

@@ -28,7 +28,7 @@ import Icon from "@mui/material/Icon";
 import IconButton from "@mui/material/IconButton";
 import Tooltip from "@mui/material/Tooltip/Tooltip";
 import Typography from "@mui/material/Typography";
-import {DataGridPro, GridCallbackDetails, GridEventListener, GridRenderCellParams, GridRowParams, GridToolbarContainer, MuiEvent, useGridApiContext, useGridApiEventHandler} from "@mui/x-data-grid-pro";
+import {DataGridPro, GridCallbackDetails, GridDensity, GridEventListener, GridRenderCellParams, GridRowParams, GridToolbarContainer, MuiEvent, useGridApiContext, useGridApiEventHandler} from "@mui/x-data-grid-pro";
 import Widget, {AddNewRecordButton, LabelComponent, WidgetData} from "qqq/components/widgets/Widget";
 import DataGridUtils from "qqq/utils/DataGridUtils";
 import HtmlUtils from "qqq/utils/HtmlUtils";
@@ -60,18 +60,21 @@ interface Props
    editRecordCallback?: (rowIndex: number) => void;
    allowRecordDelete: boolean;
    deleteRecordCallback?: (rowIndex: number) => void;
+   gridOnly?: boolean;
+   gridDensity?: GridDensity;
 }
 
 RecordGridWidget.defaultProps =
    {
       disableRowClick: false,
       allowRecordEdit: false,
-      allowRecordDelete: false
+      allowRecordDelete: false,
+      gridOnly: false,
    };
 
 const qController = Client.getInstance();
 
-function RecordGridWidget({widgetMetaData, data, addNewRecordCallback, disableRowClick, allowRecordEdit, editRecordCallback, allowRecordDelete, deleteRecordCallback}: Props): JSX.Element
+function RecordGridWidget({widgetMetaData, data, addNewRecordCallback, disableRowClick, allowRecordEdit, editRecordCallback, allowRecordDelete, deleteRecordCallback, gridOnly, gridDensity}: Props): JSX.Element
 {
    const instance = useRef({timer: null});
    const [rows, setRows] = useState([]);
@@ -93,12 +96,19 @@ function RecordGridWidget({widgetMetaData, data, addNewRecordCallback, disableRo
          if (queryOutputRecords)
          {
             for (let i = 0; i < queryOutputRecords.length; i++)
+            {
+               if(queryOutputRecords[i] instanceof QRecord)
+               {
+                  records.push(queryOutputRecords[i] as QRecord);
+               }
+               else
                {
                   records.push(new QRecord(queryOutputRecords[i]));
                }
             }
+         }
 
-         const tableMetaData = new QTableMetaData(data.childTableMetaData);
+         const tableMetaData = data.childTableMetaData instanceof QTableMetaData ? data.childTableMetaData as QTableMetaData : new QTableMetaData(data.childTableMetaData);
          const rows = DataGridUtils.makeRows(records, tableMetaData, true);
 
          /////////////////////////////////////////////////////////////////////////////////
@@ -296,16 +306,7 @@ function RecordGridWidget({widgetMetaData, data, addNewRecordCallback, disableRo
    }
 
 
-   return (
-      <Widget
-         widgetMetaData={widgetMetaData}
-         widgetData={data}
-         labelAdditionalElementsLeft={labelAdditionalElementsLeft}
-         labelAdditionalComponentsRight={labelAdditionalComponentsRight}
-         labelBoxAdditionalSx={{position: "relative", top: "-0.375rem"}}
-      >
-         <Box mx={-3} mb={-3}>
-            <Box>
+   const grid = (
       <DataGridPro
          autoHeight
          sx={{
@@ -336,7 +337,7 @@ function RecordGridWidget({widgetMetaData, data, addNewRecordCallback, disableRo
          rowCount={data && data.totalRows}
          // onPageSizeChange={handleRowsPerPageChange}
          // onStateChange={handleStateChange}
-                  // density={density}
+         density={gridDensity ?? "standard"}
          // loading={loading}
          // filterModel={filterModel}
          // onFilterModelChange={handleFilterChange}
@@ -348,6 +349,24 @@ function RecordGridWidget({widgetMetaData, data, addNewRecordCallback, disableRo
          // sortingOrder={[ "asc", "desc" ]}
          // sortModel={columnSortModel}
       />
+   );
+
+   if(gridOnly)
+   {
+      return (grid);
+   }
+
+   return (
+      <Widget
+         widgetMetaData={widgetMetaData}
+         widgetData={data}
+         labelAdditionalElementsLeft={labelAdditionalElementsLeft}
+         labelAdditionalComponentsRight={labelAdditionalComponentsRight}
+         labelBoxAdditionalSx={{position: "relative", top: "-0.375rem"}}
+      >
+         <Box mx={-3} mb={-3}>
+            <Box>
+               {grid}
             </Box>
          </Box>
       </Widget>