Merge branch 'dev' into integration/sprint-26

# Conflicts:
#	src/qqq/utils/qqq/ValueUtils.tsx

src/qqq/components/misc/RecordSidebar.tsx

@@ -41,7 +41,7 @@ interface Props
 
 QRecordSidebar.defaultProps = {
    light: false,
-   stickyTop: "100px",
+   stickyTop: "110px",
 };
 
 interface SidebarEntry

src/qqq/pages/records/developer/TableDeveloperView.tsx

@@ -117,11 +117,6 @@ function TableDeveloperView({table}: Props): JSX.Element
       })();
    }
 
-   const beforeTry = (e: any) =>
-   {
-      e.detail.request.headers.append("Authorization", "Bearer " + accessToken);
-   };
-
    const selectApi = async (event: SelectChangeEvent) =>
    {
       setSelectedApi(null);
@@ -208,11 +203,11 @@ function TableDeveloperView({table}: Props): JSX.Element
                                  font-size="large"
                                  render-style="view"
                                  show-header={false}
-                                 allow-authentication={false}
+                                 allow-authentication={true}
+                                 persist-auth={true}
                                  allow-server-selection={false}
                                  allow-spec-file-download={true}
                                  sort-endpoints-by="method"
-                                 beforeTry={beforeTry}
                                  schema-description-expanded={true}
                                  css-file={"/api/rapi-doc.css"}
                                  css-classes={"qqq-rapi-doc"}

src/qqq/pages/records/view/RecordView.tsx

@@ -369,8 +369,8 @@ function RecordView({table, launchProcess}: Props): JSX.Element
                   <Box key={section.name} display="flex" flexDirection="column" py={1} pr={2}>
                      {
                         section.fieldNames.map((fieldName: string) => (
-                           <Box display="flex" key={fieldName} flexDirection="row" pb={2} pr={2}>
-                              <Typography sx={{display: "flex"}} variant="button" textTransform="none" fontWeight="bold" pr={1} color="rgb(52, 71, 103)">
+                           <Box  key={fieldName} flexDirection="row" pr={2}>
+                              <Typography variant="button" textTransform="none" fontWeight="bold" pr={1} color="rgb(52, 71, 103)">
                                  {tableMetaData.fields.get(fieldName).label}:
                                  <div style={{display: "inline-block", width: 0}}>&nbsp;</div>
                               </Typography>

src/qqq/utils/qqq/ValueUtils.tsx

@@ -456,7 +456,7 @@ function CodeViewer({name, mode, code}: {name: string; mode: string; code: strin
    };
 
    return (
-      <>
+      <Box component="span">
          {mode == "json" && code && <Button onClick={() => formatJson()}>{isFormatted ? "Reset Format" : "Format JSON"}</Button>}
          {code && <Button onClick={() => toggleSize()}>{isExpanded ? "Collapse" : "Expand"}</Button>}
          {errorMessage}
@@ -471,10 +471,11 @@ function CodeViewer({name, mode, code}: {name: string; mode: string; code: strin
             readOnly
             highlightActiveLine={false}
             width="100%"
+            style={{border: "1px solid gray", marginBottom: "1rem"}}
             showPrintMargin={false}
             height={isExpanded ? "80vh" : code ? "200px" : "50px"}
          />
-      </>);
+      </Box>);
 }
 
 ////////////////////////////////////////////////////////////////////////////////////////////////