@pega/react-sdk-overrides 0.25.1 → 0.25.3

package/lib/widget/ToDo/ToDo.tsx

@@ -1,19 +1,5 @@
-/* eslint-disable @typescript-eslint/no-shadow */
 import React, { useCallback, useEffect, useState } from 'react';
-import {
-  Box,
-  Button,
-  Card,
-  CardContent,
-  CardHeader,
-  Avatar,
-  Typography,
-  Badge,
-  List,
-  ListItem,
-  ListItemText,
-  ListItemSecondaryAction
-} from '@mui/material';
+import { Box, Button, Card, CardContent, CardHeader, Avatar, Typography, Badge, List, ListItem, ListItemText } from '@mui/material';
 import Snackbar from '@mui/material/Snackbar';
 import IconButton from '@mui/material/IconButton';
 import CloseIcon from '@mui/icons-material/Close';
@@ -23,7 +9,7 @@ import makeStyles from '@mui/styles/makeStyles';
 import useMediaQuery from '@mui/material/useMediaQuery';
 
 import { Utils } from '@pega/react-sdk-components/lib/components/helpers/utils';
-import { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
 
 import './ToDo.css';
 
@@ -64,10 +50,10 @@ interface ToDoProps extends PConnProps {
   // If any, enter additional props that only exist on this component
   datasource?: any;
   myWorkList?: any;
-  // eslint-disable-next-line react/no-unused-prop-types
+
   caseInfoID?: string;
   headerText?: string;
-  // eslint-disable-next-line react/no-unused-prop-types
+
   itemKey?: string;
   showTodoList?: boolean;
   type?: string;
@@ -111,6 +97,17 @@ const useStyles = makeStyles(theme => ({
     borderLeftColor: theme.palette.primary.light,
     padding: theme.spacing(1),
     margin: theme.spacing(1)
+  },
+  psdkTodoAssignmentStatus: {
+    backgroundColor: 'var(--app-neutral-light-color)',
+    borderRadius: '0.125rem',
+    color: theme.embedded.resolutionTextColor,
+    fontSize: '0.75rem',
+    fontWeight: 'bold',
+    lineHeight: 'calc(0.5rem * 2.5)',
+    height: 'calc(0.5rem * 2.5)',
+    padding: '0 0.5rem',
+    textTransform: 'uppercase'
   }
 }));
 
@@ -136,7 +133,7 @@ export default function ToDo(props: ToDoProps) {
   const [bShowMore, setBShowMore] = useState(true);
   const [showSnackbar, setShowSnackbar] = useState(false);
   const [snackbarMessage, setSnackbarMessage]: any = useState('');
-  // eslint-disable-next-line @typescript-eslint/no-use-before-define
+
   const [assignments, setAssignments] = useState<any[]>(initAssignments());
 
   const thePConn = getPConnect();
@@ -192,7 +189,7 @@ export default function ToDo(props: ToDoProps) {
 
   function showToast(message: string) {
     const theMessage = `Assignment: ${message}`;
-    // eslint-disable-next-line no-console
+
     console.error(theMessage);
     setSnackbarMessage(message);
     setShowSnackbar(true);
@@ -251,7 +248,6 @@ export default function ToDo(props: ToDoProps) {
       .openAssignment(id, classname, options)
       .then(() => {
         if (bLogging) {
-          // eslint-disable-next-line no-console
           console.log(`openAssignment completed`);
         }
       })
@@ -290,7 +286,6 @@ export default function ToDo(props: ToDoProps) {
     );
   };
 
-  // eslint-disable-next-line no-nested-ternary
   const getCount = () => (assignmentsSource ? assignmentsSource.length : type === CONSTS.WORKLIST ? count : 0);
 
   const toDoContent = (
@@ -347,13 +342,18 @@ export default function ToDo(props: ToDoProps) {
           <CardContent>
             <List>
               {assignments.map(assignment => (
-                <ListItem key={getAssignmentId(assignment)} dense divider onClick={() => clickGo(assignment)}>
-                  <ListItemText primary={getAssignmentName(assignment)} secondary={getListItemComponent(assignment)} />
-                  <ListItemSecondaryAction>
+                <ListItem
+                  key={getAssignmentId(assignment)}
+                  dense
+                  divider
+                  onClick={() => clickGo(assignment)}
+                  secondaryAction={
                     <IconButton onClick={() => clickGo(assignment)} size='large'>
                       <ArrowForwardIosOutlinedIcon />
                     </IconButton>
-                  </ListItemSecondaryAction>
+                  }
+                >
+                  <ListItemText primary={getAssignmentName(assignment)} secondary={getListItemComponent(assignment)} />
                 </ListItem>
               ))}
             </List>

package/package.json

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