@pega/react-sdk-overrides 0.23.36 → 0.23.37

package/lib/designSystemExtension/CaseSummaryFields/CaseSummaryFields.tsx

@@ -109,9 +109,9 @@ export default function CaseSummaryFields(props: CaseSummaryFieldsProps) {
               label={field.config.label}
               InputProps={{
                 readOnly: true,
+                disableUnderline: true,
                 inputProps: {
-                  style: { cursor: 'pointer' },
-                  disableUnderline: true
+                  style: { cursor: 'pointer' }
                 }
               }}
             />

package/lib/designSystemExtension/FieldValueList/FieldValueList.tsx

@@ -9,6 +9,7 @@ interface FieldValueListProps {
   name?: string;
   value: any;
   variant?: string;
+  isHtml?: boolean;
 }
 
 const useStyles = makeStyles(theme => ({
@@ -45,7 +46,7 @@ function formatItemValue(value) {
 }
 
 export default function FieldValueList(props: FieldValueListProps) {
-  const { name, value, variant = 'inline' } = props;
+  const { name, value, variant = 'inline', isHtml = false } = props;
   const classes = useStyles();
 
   function getGridItemLabel() {
@@ -63,9 +64,14 @@ export default function FieldValueList(props: FieldValueListProps) {
 
     return (
       <Grid item xs={variant === 'stacked' ? 12 : 6} className={variant === 'stacked' ? classes.noPaddingTop : ''}>
-        <Typography variant={variant === 'stacked' ? 'h6' : 'body2'} component='span' className={classes.fieldValue}>
-          {formattedValue}
-        </Typography>
+        {isHtml ? (
+          // eslint-disable-next-line react/no-danger
+          <div dangerouslySetInnerHTML={{ __html: formattedValue }} />
+        ) : (
+          <Typography variant={variant === 'stacked' ? 'h6' : 'body2'} component='span' className={classes.fieldValue}>
+            {formattedValue}
+          </Typography>
+        )}
       </Grid>
     );
   }

package/lib/field/RichText/RichText.tsx

@@ -24,11 +24,11 @@ export default function RichText(props: RichTextProps) {
   const helperTextToDisplay = validatemessage || helperText;
 
   if (displayMode === 'LABELS_LEFT') {
-    return <FieldValueList name={hideLabel ? '' : label} value={value} />;
+    return <FieldValueList name={hideLabel ? '' : label} value={value} isHtml />;
   }
 
   if (displayMode === 'STACKED_LARGE_VAL') {
-    return <FieldValueList name={hideLabel ? '' : label} value={value} variant='stacked' />;
+    return <FieldValueList name={hideLabel ? '' : label} value={value} isHtml variant='stacked' />;
   }
 
   let richTextComponent;

package/lib/helpers/common-utils.ts

@@ -4,5 +4,5 @@ export function isEmptyObject(obj: Object): boolean {
 
 export function isInfinity23OrHigher() {
   const pCoreVersion = PCore.getPCoreVersion();
-  return ['8.23.0', '23.1.1'].includes(pCoreVersion);
+  return ['8.23.0', '23.1.1', '23.1.2'].includes(pCoreVersion);
 }

package/lib/infra/NavBar/NavBar.tsx

@@ -249,7 +249,7 @@ export default function NavBar(props: NavBarProps) {
       <Divider />
       <List className='marginTopAuto'>
         <>
-          <ListItem onClick={navPanelOperatorButtonClick}>
+          <ListItem onClick={navPanelOperatorButtonClick} style={{ cursor: 'pointer' }}>
             <ListItemIcon>
               <PersonOutlineIcon fontSize='large' />
             </ListItemIcon>

package/lib/template/ListView/ListView.tsx

@@ -1047,7 +1047,7 @@ export default function ListView(props: ListViewProps) {
                       .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)
                       .map(row => {
                         return (
-                          <TableRow key={row.pxRefObjectInsName || row.pyID}>
+                          <TableRow key={row.pxRefObjectInsName || row.pyID || row.pyGUID}>
                             {arColumns.map(column => {
                               const value = row[column.id];
                               return (
@@ -1104,7 +1104,7 @@ export default function ListView(props: ListViewProps) {
                         .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)
                         .map(row => {
                           return (
-                            <TableRow key={row[rowID]}>
+                            <TableRow key={row.pxRefObjectInsName || row.pyGUID || row.pyID}>
                               {selectionMode === SELECTION_MODE.SINGLE && (
                                 <TableCell>
                                   <Radio

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/react-sdk-overrides",
-  "version": "0.23.36",
+  "version": "0.23.37",
   "description": "React SDK - Code for overriding components",
   "_filesComment": "During packing, npm ignores everything NOT in the files list",
   "files": [