fix: Datareference label fix

Author: tammy-a11y

packages/react-sdk-components/src/components/infra/View/View.tsx

@@ -56,7 +56,7 @@ export default function View(props: PropsWithChildren<ViewProps>) {
   const localeUtils = PCore.getLocaleUtils();
 
   const isEmbeddedDataView = mode === 'editable'; // would be better to check the reference child for `context` attribute if possible
-  if ((isEmbeddedDataView && showLabel === undefined) || (template === 'DataReference' && inheritedProps.showLabel === undefined)) {
+  if (isEmbeddedDataView && showLabel === undefined) {
     showLabel = true;
   }
 

packages/react-sdk-components/src/components/template/SingleReferenceReadOnly/SingleReferenceReadOnly.tsx

@@ -1,3 +1,4 @@
+import { FormControl, FormLabel } from '@mui/material';
 import type { PConnProps } from '../../../types/PConnProps';
 
 interface SingleReferenceReadOnlyProps extends PConnProps {
@@ -59,5 +60,12 @@ export default function SingleReferenceReadOnly(props: SingleReferenceReadOnlyPr
     {}
   ); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional
 
-  return <>{component}</>;
+  return (
+    <>
+      <FormControl variant='standard' sx={{ display: 'flex', flexDirection: 'row' }}>
+        <FormLabel sx={{ marginRight: '2rem' }}>{label}</FormLabel>
+        {component}
+      </FormControl>
+    </>
+  );
 }