@pega/react-sdk-components 0.23.25 → 0.23.27

package/lib/components/widget/ToDo/ToDo.css

@@ -18,9 +18,9 @@
 
 .psdk-assignment-count {
   background-color: var(--app-primary-light-color);
-  margin: .5rem;
+  margin: 0.5rem;
   border-radius: 45%;
-  padding: 0.15rem .4rem;
+  padding: 0.15rem 0.4rem;
 }
 
 .psdk-todo-id {
@@ -48,7 +48,7 @@
 
 .psdk-todo-assignment {
   display: inline-flex;
-  width:100%;
+  width: 100%;
   padding: 0.625rem 0rem;
 }
 
@@ -86,7 +86,7 @@
   text-align: center;
 }
 
-.psdk-todo-avatar-header{
+.psdk-todo-avatar-header {
   display: flex;
   align-items: center;
   padding: 16px;

package/lib/components/widget/ToDo/ToDo.d.ts

@@ -1,31 +1,17 @@
 /// <reference types="react" />
-import PropTypes from 'prop-types';
+import { PConnProps } from '../../../types/PConnProps';
 import './ToDo.css';
-declare function ToDo(props: any): JSX.Element;
-declare namespace ToDo {
-    var propTypes: {
-        datasource: PropTypes.Requireable<Object>;
-        myWorkList: PropTypes.Requireable<Object>;
-        caseInfoID: PropTypes.Requireable<string>;
-        getPConnect: PropTypes.Validator<(...args: any[]) => any>;
-        headerText: PropTypes.Requireable<string>;
-        itemKey: PropTypes.Requireable<string>;
-        showTodoList: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<string>;
-        context: PropTypes.Requireable<string>;
-        isConfirm: PropTypes.Requireable<boolean>;
-    };
-    var defaultProps: {
-        caseInfoID: string;
-        datasource: never[];
-        myWorkList: {};
-        headerText: string;
-        itemKey: string;
-        showTodoList: boolean;
-        type: string;
-        context: string;
-        isConfirm: boolean;
-    };
+interface ToDoProps extends PConnProps {
+    datasource?: any;
+    myWorkList?: any;
+    caseInfoID?: string;
+    headerText?: string;
+    itemKey?: string;
+    showTodoList?: boolean;
+    type?: string;
+    context?: string;
+    isConfirm?: boolean;
 }
-export default ToDo;
+export default function ToDo(props: ToDoProps): JSX.Element;
+export {};
 //# sourceMappingURL=ToDo.d.ts.map

package/lib/components/widget/ToDo/ToDo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToDo.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/ToDo/ToDo.tsx"],"names":[],"mappings":";AAGA,OAAO,SAAS,MAAM,YAAY,CAAC;AAyBnC,OAAO,YAAY,CAAC;AA2CpB,iBAAwB,IAAI,CAAC,KAAK,KAAA,eA0PjC;kBA1PuB,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;eAAJ,IAAI"}
+{"version":3,"file":"ToDo.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/ToDo/ToDo.tsx"],"names":[],"mappings":";AAwBA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,YAAY,CAAC;AAEpB,UAAU,SAAU,SAAQ,UAAU;IAEpC,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,UAAU,CAAC,EAAE,GAAG,CAAC;IAEjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAwCD,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,SAAS,eA+O5C"}

package/lib/components/widget/ToDo/ToDo.js

@@ -1,16 +1,14 @@
-/* eslint-disable no-shadow */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable @typescript-eslint/no-shadow */
-import React, { Fragment, useState } from 'react';
-import PropTypes from 'prop-types';
-import { Utils } from '../../helpers/utils';
+import { useState } from 'react';
 import { Box, Button, Card, CardContent, CardHeader, Avatar, Typography, Badge, List, ListItem, ListItemText, ListItemSecondaryAction } from '@material-ui/core';
 import Snackbar from '@material-ui/core/Snackbar';
 import IconButton from '@material-ui/core/IconButton';
 import CloseIcon from '@material-ui/icons/Close';
 import ArrowForwardIosOutlinedIcon from '@material-ui/icons/ArrowForwardIosOutlined';
-import { makeStyles } from '@material-ui/core/styles';
-import { useTheme } from '@material-ui/core/styles';
+import { makeStyles, useTheme } from '@material-ui/core/styles';
 import useMediaQuery from '@material-ui/core/useMediaQuery';
+import { Utils } from '../../helpers/utils';
 import './ToDo.css';
 const isChildCase = assignment => {
     return assignment.isChild;
@@ -23,11 +21,9 @@ function getID(assignment) {
         const refKey = assignment.value;
         return refKey.substring(refKey.lastIndexOf(' ') + 1);
     }
-    else {
-        const refKey = assignment.ID;
-        const arKeys = refKey.split('!')[0].split(' ');
-        return arKeys[2];
-    }
+    const refKey = assignment.ID;
+    const arKeys = refKey.split('!')[0].split(' ');
+    return arKeys[2];
 }
 const useStyles = makeStyles(theme => ({
     root: {
@@ -49,7 +45,7 @@ const useStyles = makeStyles(theme => ({
     }
 }));
 export default function ToDo(props) {
-    const { datasource, getPConnect, headerText, showTodoList, myWorkList, type, isConfirm } = props;
+    const { getPConnect, datasource = [], headerText = 'To do', showTodoList = true, myWorkList = {}, type = 'worklist', isConfirm = false } = props;
     const CONSTS = PCore.getConstants();
     const bLogging = true;
     let assignmentCount = 0;
@@ -65,16 +61,19 @@ export default function ToDo(props) {
     const classes = useStyles();
     const theme = useTheme();
     const isDesktop = useMediaQuery(theme.breakpoints.up('md'));
+    const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+    const localeCategory = 'Todo';
+    const showlessLocalizedValue = localizedVal('show_less', 'CosmosFields');
+    const showMoreLocalizedValue = localizedVal('show_more', 'CosmosFields');
+    const canPerform = assignments?.[0]?.canPerform === 'true' || assignments?.[0]?.canPerform === true;
     // const { setOpen } = useNavBar();
     function initAssignments() {
         if (assignmentsSource) {
             assignmentCount = assignmentsSource.length;
             return topThreeAssignments(assignmentsSource);
         }
-        else {
-            // turn off todolist
-            return [];
-        }
+        // turn off todolist
+        return [];
     }
     const getAssignmentId = assignment => {
         return type === CONSTS.TODO ? assignment.ID : assignment.id;
@@ -111,19 +110,22 @@ export default function ToDo(props) {
         let { classname = '' } = assignment;
         const sTarget = thePConn.getContainerName();
         const sTargetContainerName = sTarget;
-        const options = { containerName: sTargetContainerName };
+        const options = {
+            containerName: sTargetContainerName,
+            channelName: ''
+        };
         if (classname === null || classname === '') {
             classname = thePConn.getCaseInfo().getClassName();
         }
         if (sTarget === 'workarea') {
-            options['isActionFromToDoList'] = true;
-            options['target'] = '';
-            options['context'] = null;
-            options['isChild'] = isChildCase(assignment);
+            options.isActionFromToDoList = true;
+            options.target = '';
+            options.context = null;
+            options.isChild = isChildCase(assignment);
         }
         else {
-            options['isActionFromToDoList'] = false;
-            options['target'] = sTarget;
+            options.isActionFromToDoList = false;
+            options.target = sTarget;
         }
         thePConn
             .getActionsApi()
@@ -142,87 +144,17 @@ export default function ToDo(props) {
         const displayID = getID(assignment);
         if ((showTodoList && type !== CONSTS.TODO) || assignment.isChild === true) {
             /* Supress link for todo inside flow step */
-            return (React.createElement(Button, { size: 'small', color: 'primary' }, `${assignment.name} ${getID(assignment)}`));
+            return _jsx(Button, { size: 'small', color: 'primary', children: `${assignment.name} ${getID(assignment)}` });
         }
         return displayID;
     };
     const getListItemComponent = assignment => {
         if (isDesktop) {
-            return (React.createElement(React.Fragment, null,
-                "Task in",
-                renderTaskId(type, getPConnect, showTodoList, assignment),
-                type === CONSTS.WORKLIST && assignment.status ? `\u2022 ` : undefined,
-                type === CONSTS.WORKLIST && assignment.status ? (React.createElement("span", { className: 'psdk-todo-assignment-status' }, assignment.status)) : undefined,
-                ` \u2022  Urgency  ${getPriority(assignment)}`));
+            return (_jsxs(_Fragment, { children: [localizedVal('Task in', localeCategory), renderTaskId(type, getPConnect, showTodoList, assignment), type === CONSTS.WORKLIST && assignment.status ? `\u2022 ` : undefined, type === CONSTS.WORKLIST && assignment.status ? _jsx("span", { className: 'psdk-todo-assignment-status', children: assignment.status }) : undefined, ` \u2022  ${localizedVal('Urgency', localeCategory)}  ${getPriority(assignment)}`] }));
         }
-        return (React.createElement(React.Fragment, null,
-            React.createElement(Button, { size: 'small', color: 'primary' }, `${assignment.name} ${getID(assignment)}`),
-            ` \u2022  Urgency  ${getPriority(assignment)}`));
+        return (_jsxs(_Fragment, { children: [_jsx(Button, { size: 'small', color: 'primary', children: `${assignment.name} ${getID(assignment)}` }), ` \u2022 ${localizedVal('Urgency', localeCategory)}  ${getPriority(assignment)}`] }));
     };
-    const toDoContent = (React.createElement(React.Fragment, null,
-        showTodoList && (React.createElement(CardHeader, { title: React.createElement(Badge, { badgeContent: assignmentCount, color: 'primary' },
-                React.createElement(Typography, { variant: 'h6' },
-                    headerText,
-                    "\u00A0\u00A0\u00A0")) })),
-        React.createElement(List, null, assignments.map(assignment => (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: 'psdk-todo-avatar-header' },
-                React.createElement(Avatar, { className: classes.avatar, style: { marginRight: '16px' } }, currentUserInitials),
-                React.createElement("div", { style: { display: 'block' } },
-                    React.createElement(Typography, { variant: 'h6' }, assignment?.name),
-                    `Task in ${renderTaskId(type, getPConnect, showTodoList, assignment)} \u2022  Urgency  ${getPriority(assignment)}`),
-                !isConfirm && (React.createElement("div", { style: { marginLeft: 'auto' } },
-                    React.createElement(IconButton, { onClick: () => clickGo(assignment) },
-                        React.createElement(ArrowForwardIosOutlinedIcon, null)))))))))));
-    return (React.createElement(React.Fragment, null,
-        type === CONSTS.WORKLIST && (React.createElement(Card, { className: classes.root },
-            showTodoList && (React.createElement(CardHeader, { title: React.createElement(Badge, { badgeContent: assignmentCount, color: 'primary' },
-                    React.createElement(Typography, { variant: 'h6' },
-                        headerText,
-                        "\u00A0\u00A0\u00A0")), avatar: React.createElement(Avatar, { className: classes.avatar }, currentUserInitials) })),
-            React.createElement(CardContent, null,
-                React.createElement(List, null, assignments.map(assignment => (React.createElement(ListItem, { key: getAssignmentId(assignment), dense: true, divider: true, onClick: () => clickGo(assignment) },
-                    React.createElement(ListItemText, { primary: getAssignmentName(assignment), secondary: getListItemComponent(assignment) }),
-                    React.createElement(ListItemSecondaryAction, null,
-                        React.createElement(IconButton, { onClick: () => clickGo(assignment) },
-                            React.createElement(ArrowForwardIosOutlinedIcon, null)))))))))),
-        type === CONSTS.TODO && !isConfirm && (React.createElement(Card, { className: classes.todoWrapper }, toDoContent)),
-        type === CONSTS.TODO && isConfirm && React.createElement(Fragment, null, toDoContent),
-        assignmentCount > 3 && (React.createElement(Box, { display: 'flex', justifyContent: 'center' }, bShowMore ? (React.createElement(Button, { color: 'primary', onClick: _showMore }, "Show more")) : (React.createElement(Button, { onClick: _showLess }, "Show less")))),
-        React.createElement(Snackbar, { open: showSnackbar, autoHideDuration: 3000, onClose: handleSnackbarClose, message: snackbarMessage, action: React.createElement(IconButton, { size: 'small', "aria-label": 'close', color: 'inherit', onClick: handleSnackbarClose },
-                React.createElement(CloseIcon, { fontSize: 'small' })) })));
+    const toDoContent = (_jsxs(_Fragment, { children: [showTodoList && (_jsx(CardHeader, { title: _jsx(Badge, { badgeContent: assignmentCount, overlap: 'rectangular', color: 'primary', children: _jsxs(Typography, { variant: 'h6', children: [headerText, "\u00A0\u00A0\u00A0"] }) }) })), _jsx(List, { children: assignments.map(assignment => (_jsxs("div", { className: 'psdk-todo-avatar-header', children: [_jsx(Avatar, { className: classes.avatar, style: { marginRight: '16px' }, children: currentUserInitials }), _jsxs("div", { style: { display: 'block' }, children: [_jsx(Typography, { variant: 'h6', children: assignment?.name }), `${localizedVal('Task in', localeCategory)} ${renderTaskId(type, getPConnect, showTodoList, assignment)} \u2022  ${localizedVal('Urgency', localeCategory)}  ${getPriority(assignment)}`] }), (!isConfirm || canPerform) && (_jsx("div", { style: { marginLeft: 'auto' }, children: _jsx(IconButton, { id: 'go-btn', onClick: () => clickGo(assignment), children: _jsx(ArrowForwardIosOutlinedIcon, {}) }) }))] }, getAssignmentId(assignment)))) })] }));
+    return (_jsxs(_Fragment, { children: [type === CONSTS.WORKLIST && (_jsxs(Card, { className: classes.root, children: [showTodoList && (_jsx(CardHeader, { title: _jsx(Badge, { badgeContent: assignmentCount, overlap: 'rectangular', color: 'primary', children: _jsxs(Typography, { variant: 'h6', children: [headerText, "\u00A0\u00A0\u00A0"] }) }), avatar: _jsx(Avatar, { className: classes.avatar, children: currentUserInitials }) })), _jsx(CardContent, { children: _jsx(List, { children: assignments.map(assignment => (_jsxs(ListItem, { dense: true, divider: true, onClick: () => clickGo(assignment), children: [_jsx(ListItemText, { primary: getAssignmentName(assignment), secondary: getListItemComponent(assignment) }), _jsx(ListItemSecondaryAction, { children: _jsx(IconButton, { onClick: () => clickGo(assignment), children: _jsx(ArrowForwardIosOutlinedIcon, {}) }) })] }, getAssignmentId(assignment)))) }) })] })), type === CONSTS.TODO && !isConfirm && _jsx(Card, { className: classes.todoWrapper, children: toDoContent }), type === CONSTS.TODO && isConfirm && _jsx(_Fragment, { children: toDoContent }), assignmentCount > 3 && (_jsx(Box, { display: 'flex', justifyContent: 'center', children: bShowMore ? (_jsx(Button, { color: 'primary', onClick: _showMore, children: showMoreLocalizedValue === 'show_more' ? 'Show more' : showMoreLocalizedValue })) : (_jsx(Button, { onClick: _showLess, children: showlessLocalizedValue === 'show_less' ? 'Show less' : showlessLocalizedValue })) })), _jsx(Snackbar, { open: showSnackbar, autoHideDuration: 3000, onClose: handleSnackbarClose, message: snackbarMessage, action: _jsx(IconButton, { size: 'small', "aria-label": 'close', color: 'inherit', onClick: handleSnackbarClose, children: _jsx(CloseIcon, { fontSize: 'small' }) }) })] }));
 }
-ToDo.propTypes = {
-    datasource: PropTypes.instanceOf(Object),
-    myWorkList: PropTypes.instanceOf(Object),
-    // eslint-disable-next-line react/no-unused-prop-types
-    caseInfoID: PropTypes.string,
-    // buildName: PropTypes.string,
-    getPConnect: PropTypes.func.isRequired,
-    headerText: PropTypes.string,
-    // eslint-disable-next-line react/no-unused-prop-types
-    itemKey: PropTypes.string,
-    showTodoList: PropTypes.bool,
-    // target: PropTypes.string,
-    type: PropTypes.string,
-    // pageMessages: PropTypes.arrayOf(PropTypes.any),
-    // eslint-disable-next-line react/no-unused-prop-types
-    context: PropTypes.string,
-    // hideActionButtons: PropTypes.bool
-    isConfirm: PropTypes.bool
-};
-ToDo.defaultProps = {
-    caseInfoID: '',
-    datasource: [],
-    myWorkList: {},
-    // buildName: "",
-    headerText: 'To do',
-    itemKey: '',
-    showTodoList: true,
-    // target: "",
-    type: 'worklist',
-    // pageMessages: null,
-    context: '',
-    // hideActionButtons: false
-    isConfirm: false
-};
 //# sourceMappingURL=ToDo.js.map

package/lib/components/widget/ToDo/ToDo.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToDo.js","sourceRoot":"","sources":["../../../../src/components/widget/ToDo/ToDo.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-shadow */\n/* eslint-disable @typescript-eslint/no-shadow */\nimport React, { Fragment, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Utils } from '../../helpers/utils';\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  Avatar,\n  Typography,\n  Badge,\n  List,\n  ListItem,\n  ListItemText,\n  ListItemSecondaryAction\n} from '@material-ui/core';\nimport Snackbar from '@material-ui/core/Snackbar';\nimport IconButton from '@material-ui/core/IconButton';\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport ArrowForwardIosOutlinedIcon from '@material-ui/icons/ArrowForwardIosOutlined';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useTheme } from '@material-ui/core/styles';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\n\nimport './ToDo.css';\n\ndeclare const PCore: any;\n\nconst isChildCase = assignment => {\n  return assignment.isChild;\n};\n\nfunction topThreeAssignments(assignmentsSource: Array<any>): Array<any> {\n  return Array.isArray(assignmentsSource) ? assignmentsSource.slice(0, 3) : [];\n}\n\nfunction getID(assignment: any) {\n  if (assignment.value) {\n    const refKey = assignment.value;\n    return refKey.substring(refKey.lastIndexOf(' ') + 1);\n  } else {\n    const refKey = assignment.ID;\n    const arKeys = refKey.split('!')[0].split(' ');\n    return arKeys[2];\n  }\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    borderLeft: '6px solid',\n    borderLeftColor: theme.palette.primary.light\n  },\n  avatar: {\n    backgroundColor: theme.palette.primary.light,\n    color: theme.palette.getContrastText(theme.palette.primary.light)\n  },\n  todoWrapper: {\n    borderLeft: '6px solid',\n    borderLeftColor: theme.palette.primary.light,\n    padding: theme.spacing(1),\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function ToDo(props) {\n  const { datasource, getPConnect, headerText, showTodoList, myWorkList, type, isConfirm } = props;\n\n  const CONSTS = PCore.getConstants();\n\n  const bLogging = true;\n  let assignmentCount = 0;\n  const currentUser = PCore.getEnvironmentInfo().getOperatorName();\n  const currentUserInitials = Utils.getInitials(currentUser);\n  const assignmentsSource = datasource?.source || myWorkList?.source;\n\n  const [bShowMore, setBShowMore] = useState(true);\n  const [showSnackbar, setShowSnackbar] = useState(false);\n  const [snackbarMessage, setSnackbarMessage]: any = useState('');\n  // eslint-disable-next-line @typescript-eslint/no-use-before-define\n  const [assignments, setAssignments] = useState<Array<any>>(initAssignments());\n\n  const thePConn = getPConnect();\n  const classes = useStyles();\n  const theme = useTheme();\n  const isDesktop = useMediaQuery(theme.breakpoints.up('md'));\n  // const { setOpen } = useNavBar();\n\n  function initAssignments(): Array<any> {\n    if (assignmentsSource) {\n      assignmentCount = assignmentsSource.length;\n      return topThreeAssignments(assignmentsSource);\n    } else {\n      // turn off todolist\n      return [];\n    }\n  }\n\n  const getAssignmentId = assignment => {\n    return type === CONSTS.TODO ? assignment.ID : assignment.id;\n  };\n\n  const getPriority = assignment => {\n    return type === CONSTS.TODO ? assignment.urgency : assignment.priority;\n  };\n\n  const getAssignmentName = assignment => {\n    return type === CONSTS.TODO ? assignment.name : assignment.stepName;\n  };\n\n  function showToast(message: string) {\n    const theMessage = `Assignment: ${message}`;\n    // eslint-disable-next-line no-console\n    console.error(theMessage);\n    setSnackbarMessage(message);\n    setShowSnackbar(true);\n  }\n\n  function handleSnackbarClose(event: React.SyntheticEvent | React.MouseEvent, reason?: string) {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setShowSnackbar(false);\n  }\n\n  function _showMore() {\n    setBShowMore(false);\n    setAssignments(assignmentsSource);\n  }\n\n  function _showLess() {\n    setBShowMore(true);\n    setAssignments(topThreeAssignments(assignmentsSource));\n  }\n\n  function clickGo(assignment) {\n    const id = getAssignmentId(assignment);\n    let { classname = '' } = assignment;\n    const sTarget = thePConn.getContainerName();\n    const sTargetContainerName = sTarget;\n\n    const options = { containerName: sTargetContainerName };\n\n    if (classname === null || classname === '') {\n      classname = thePConn.getCaseInfo().getClassName();\n    }\n\n    if (sTarget === 'workarea') {\n      options['isActionFromToDoList'] = true;\n      options['target'] = '';\n      options['context'] = null;\n      options['isChild'] = isChildCase(assignment);\n    } else {\n      options['isActionFromToDoList'] = false;\n      options['target'] = sTarget;\n    }\n\n    thePConn\n      .getActionsApi()\n      .openAssignment(id, classname, options)\n      .then(() => {\n        if (bLogging) {\n          // eslint-disable-next-line no-console\n          console.log(`openAssignment completed`);\n        }\n      })\n      .catch(() => {\n        showToast(`Submit failed!`);\n      });\n  }\n\n  const renderTaskId = (type, getPConnect, showTodoList, assignment) => {\n    const displayID = getID(assignment);\n\n    if ((showTodoList && type !== CONSTS.TODO) || assignment.isChild === true) {\n      /* Supress link for todo inside flow step */\n      return (\n        <Button size='small' color='primary'>{`${assignment.name} ${getID(assignment)}`}</Button>\n      );\n    }\n    return displayID;\n  };\n\n  const getListItemComponent = assignment => {\n    if (isDesktop) {\n      return (\n        <>\n          Task in\n          {renderTaskId(type, getPConnect, showTodoList, assignment)}\n          {type === CONSTS.WORKLIST && assignment.status ? `\\u2022 ` : undefined}\n          {type === CONSTS.WORKLIST && assignment.status ? (\n            <span className='psdk-todo-assignment-status'>{assignment.status}</span>\n          ) : undefined}\n          {` \\u2022  Urgency  ${getPriority(assignment)}`}\n        </>\n      );\n    }\n    return (\n      <>\n        <Button size='small' color='primary'>{`${assignment.name} ${getID(assignment)}`}</Button>\n        {` \\u2022  Urgency  ${getPriority(assignment)}`}\n      </>\n    );\n  };\n\n  const toDoContent = (\n    <>\n      {showTodoList && (\n        <CardHeader\n          title={\n            <Badge badgeContent={assignmentCount} color='primary'>\n              <Typography variant='h6'>{headerText}&nbsp;&nbsp;&nbsp;</Typography>\n            </Badge>\n          }\n        ></CardHeader>\n      )}\n      <List>\n        {assignments.map(assignment => (\n          <>\n            <div className='psdk-todo-avatar-header'>\n              <Avatar className={classes.avatar} style={{ marginRight: '16px' }}>\n                {currentUserInitials}\n              </Avatar>\n              <div style={{ display: 'block' }}>\n                <Typography variant='h6'>{assignment?.name}</Typography>\n                {`Task in ${renderTaskId(\n                  type,\n                  getPConnect,\n                  showTodoList,\n                  assignment\n                )} \\u2022  Urgency  ${getPriority(assignment)}`}\n              </div>\n              {!isConfirm && (\n                <div style={{ marginLeft: 'auto' }}>\n                  <IconButton onClick={() => clickGo(assignment)}>\n                    <ArrowForwardIosOutlinedIcon />\n                  </IconButton>\n                </div>\n              )}\n            </div>\n          </>\n        ))}\n      </List>\n    </>\n  );\n\n  return (\n    <React.Fragment>\n      {type === CONSTS.WORKLIST && (\n        <Card className={classes.root}>\n          {showTodoList && (\n            <CardHeader\n              title={\n                <Badge badgeContent={assignmentCount} color='primary'>\n                  <Typography variant='h6'>{headerText}&nbsp;&nbsp;&nbsp;</Typography>\n                </Badge>\n              }\n              avatar={<Avatar className={classes.avatar}>{currentUserInitials}</Avatar>}\n            ></CardHeader>\n          )}\n          <CardContent>\n            <List>\n              {assignments.map(assignment => (\n                <ListItem\n                  key={getAssignmentId(assignment)}\n                  dense\n                  divider\n                  onClick={() => clickGo(assignment)}\n                >\n                  <ListItemText\n                    primary={getAssignmentName(assignment)}\n                    secondary={getListItemComponent(assignment)}\n                  />\n                  <ListItemSecondaryAction>\n                    <IconButton onClick={() => clickGo(assignment)}>\n                      <ArrowForwardIosOutlinedIcon />\n                    </IconButton>\n                  </ListItemSecondaryAction>\n                </ListItem>\n              ))}\n            </List>\n          </CardContent>\n        </Card>\n      )}\n\n      {type === CONSTS.TODO && !isConfirm && (\n        <Card className={classes.todoWrapper}>{toDoContent}</Card>\n      )}\n      {type === CONSTS.TODO && isConfirm && <Fragment>{toDoContent}</Fragment>}\n\n      {assignmentCount > 3 && (\n        <Box display='flex' justifyContent='center'>\n          {bShowMore ? (\n            <Button color='primary' onClick={_showMore}>\n              Show more\n            </Button>\n          ) : (\n            <Button onClick={_showLess}>Show less</Button>\n          )}\n        </Box>\n      )}\n\n      <Snackbar\n        open={showSnackbar}\n        autoHideDuration={3000}\n        onClose={handleSnackbarClose}\n        message={snackbarMessage}\n        action={\n          <IconButton size='small' aria-label='close' color='inherit' onClick={handleSnackbarClose}>\n            <CloseIcon fontSize='small' />\n          </IconButton>\n        }\n      />\n    </React.Fragment>\n  );\n}\n\nToDo.propTypes = {\n  datasource: PropTypes.instanceOf(Object),\n  myWorkList: PropTypes.instanceOf(Object),\n  // eslint-disable-next-line react/no-unused-prop-types\n  caseInfoID: PropTypes.string,\n  // buildName: PropTypes.string,\n  getPConnect: PropTypes.func.isRequired,\n  headerText: PropTypes.string,\n  // eslint-disable-next-line react/no-unused-prop-types\n  itemKey: PropTypes.string,\n  showTodoList: PropTypes.bool,\n  // target: PropTypes.string,\n  type: PropTypes.string,\n  // pageMessages: PropTypes.arrayOf(PropTypes.any),\n  // eslint-disable-next-line react/no-unused-prop-types\n  context: PropTypes.string,\n  // hideActionButtons: PropTypes.bool\n  isConfirm: PropTypes.bool\n};\n\nToDo.defaultProps = {\n  caseInfoID: '',\n  datasource: [],\n  myWorkList: {},\n  // buildName: \"\",\n  headerText: 'To do',\n  itemKey: '',\n  showTodoList: true,\n  // target: \"\",\n  type: 'worklist',\n  // pageMessages: null,\n  context: '',\n  // hideActionButtons: false\n  isConfirm: false\n};\n"]}
+{"version":3,"file":"ToDo.js","sourceRoot":"","sources":["../../../../src/components/widget/ToDo/ToDo.tsx"],"names":[],"mappings":";AAAA,iDAAiD;AACjD,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,GAAG,EACH,MAAM,EACN,IAAI,EACJ,WAAW,EACX,UAAU,EACV,MAAM,EACN,UAAU,EACV,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,uBAAuB,EACxB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAClD,OAAO,UAAU,MAAM,8BAA8B,CAAC;AACtD,OAAO,SAAS,MAAM,0BAA0B,CAAC;AACjD,OAAO,2BAA2B,MAAM,4CAA4C,CAAC;AACrF,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,aAAa,MAAM,iCAAiC,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAG5C,OAAO,YAAY,CAAC;AAkBpB,MAAM,WAAW,GAAG,UAAU,CAAC,EAAE;IAC/B,OAAO,UAAU,CAAC,OAAO,CAAC;AAC5B,CAAC,CAAC;AAEF,SAAS,mBAAmB,CAAC,iBAAwB;IACnD,OAAO,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAC/E,CAAC;AAED,SAAS,KAAK,CAAC,UAAe;IAC5B,IAAI,UAAU,CAAC,KAAK,EAAE;QACpB,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC;QAChC,OAAO,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;KACtD;IACD,MAAM,MAAM,GAAG,UAAU,CAAC,EAAE,CAAC;IAC7B,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC/C,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC;AACnB,CAAC;AAED,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACrC,IAAI,EAAE;QACJ,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9B,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC/B,UAAU,EAAE,WAAW;QACvB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;KAC7C;IACD,MAAM,EAAE;QACN,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;QAC5C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;KAClE;IACD,WAAW,EAAE;QACX,UAAU,EAAE,WAAW;QACvB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;QAC5C,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACzB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KACzB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAgB;IAC3C,MAAM,EAAE,WAAW,EAAE,UAAU,GAAG,EAAE,EAAE,UAAU,GAAG,OAAO,EAAE,YAAY,GAAG,IAAI,EAAE,UAAU,GAAG,EAAE,EAAE,IAAI,GAAG,UAAU,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEjJ,MAAM,MAAM,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IAEpC,MAAM,QAAQ,GAAG,IAAI,CAAC;IACtB,IAAI,eAAe,GAAG,CAAC,CAAC;IACxB,MAAM,WAAW,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC,eAAe,EAAE,CAAC;IACjE,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IAC3D,MAAM,iBAAiB,GAAG,UAAU,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,CAAC;IAEnE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAQ,QAAQ,CAAC,EAAE,CAAC,CAAC;IAChE,mEAAmE;IACnE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAQ,eAAe,EAAE,CAAC,CAAC;IAEzE,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAC5B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5D,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC,cAAc,CAAC;IAC3D,MAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,MAAM,sBAAsB,GAAG,YAAY,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;IACzE,MAAM,sBAAsB,GAAG,YAAY,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;IACzE,MAAM,UAAU,GAAG,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,KAAK,MAAM,IAAI,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACpG,mCAAmC;IAEnC,SAAS,eAAe;QACtB,IAAI,iBAAiB,EAAE;YACrB,eAAe,GAAG,iBAAiB,CAAC,MAAM,CAAC;YAC3C,OAAO,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;SAC/C;QACD,oBAAoB;QACpB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM,eAAe,GAAG,UAAU,CAAC,EAAE;QACnC,OAAO,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC;IAC9D,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,UAAU,CAAC,EAAE;QAC/B,OAAO,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC;IACzE,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,UAAU,CAAC,EAAE;QACrC,OAAO,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC;IACtE,CAAC,CAAC;IAEF,SAAS,SAAS,CAAC,OAAe;QAChC,MAAM,UAAU,GAAG,eAAe,OAAO,EAAE,CAAC;QAC5C,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAC1B,kBAAkB,CAAC,OAAO,CAAC,CAAC;QAC5B,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IAED,SAAS,mBAAmB,CAAC,KAA8C,EAAE,MAAe;QAC1F,IAAI,MAAM,KAAK,WAAW,EAAE;YAC1B,OAAO;SACR;QACD,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC;IAED,SAAS,SAAS;QAChB,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,cAAc,CAAC,iBAAiB,CAAC,CAAC;IACpC,CAAC;IAED,SAAS,SAAS;QAChB,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,cAAc,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACzD,CAAC;IAED,SAAS,OAAO,CAAC,UAAU;QACzB,MAAM,EAAE,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;QACvC,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,UAAU,CAAC;QACpC,MAAM,OAAO,GAAG,QAAQ,CAAC,gBAAgB,EAAE,CAAC;QAC5C,MAAM,oBAAoB,GAAG,OAAO,CAAC;QAErC,MAAM,OAAO,GAAQ;YACnB,aAAa,EAAE,oBAAoB;YACnC,WAAW,EAAE,EAAE;SAChB,CAAC;QAEF,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,EAAE,EAAE;YAC1C,SAAS,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC,YAAY,EAAE,CAAC;SACnD;QAED,IAAI,OAAO,KAAK,UAAU,EAAE;YAC1B,OAAO,CAAC,oBAAoB,GAAG,IAAI,CAAC;YACpC,OAAO,CAAC,MAAM,GAAG,EAAE,CAAC;YACpB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;YACvB,OAAO,CAAC,OAAO,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;SAC3C;aAAM;YACL,OAAO,CAAC,oBAAoB,GAAG,KAAK,CAAC;YACrC,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC;SAC1B;QAED,QAAQ;aACL,aAAa,EAAE;aACf,cAAc,CAAC,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC;aACtC,IAAI,CAAC,GAAG,EAAE;YACT,IAAI,QAAQ,EAAE;gBACZ,sCAAsC;gBACtC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;aACzC;QACH,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE;YACV,SAAS,CAAC,gBAAgB,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;IACP,CAAC;IAED,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE;QACnE,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC;QAEpC,IAAI,CAAC,YAAY,IAAI,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC,IAAI,UAAU,CAAC,OAAO,KAAK,IAAI,EAAE;YACzE,4CAA4C;YAC5C,OAAO,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,YAAE,GAAG,UAAU,CAAC,IAAI,IAAI,KAAK,CAAC,UAAU,CAAC,EAAE,GAAU,CAAC;SAClG;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,UAAU,CAAC,EAAE;QACxC,IAAI,SAAS,EAAE;YACb,OAAO,CACL,8BACG,YAAY,CAAC,SAAS,EAAE,cAAc,CAAC,EACvC,YAAY,CAAC,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,CAAC,EACzD,IAAI,KAAK,MAAM,CAAC,QAAQ,IAAI,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACrE,IAAI,KAAK,MAAM,CAAC,QAAQ,IAAI,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,6BAA6B,YAAE,UAAU,CAAC,MAAM,GAAQ,CAAC,CAAC,CAAC,SAAS,EACpI,YAAY,YAAY,CAAC,SAAS,EAAE,cAAc,CAAC,KAAK,WAAW,CAAC,UAAU,CAAC,EAAE,IACjF,CACJ,CAAC;SACH;QACD,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,YAAE,GAAG,UAAU,CAAC,IAAI,IAAI,KAAK,CAAC,UAAU,CAAC,EAAE,GAAU,EACxF,WAAW,YAAY,CAAC,SAAS,EAAE,cAAc,CAAC,KAAK,WAAW,CAAC,UAAU,CAAC,EAAE,IAChF,CACJ,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAClB,8BACG,YAAY,IAAI,CACf,KAAC,UAAU,IACT,KAAK,EACH,KAAC,KAAK,IAAC,YAAY,EAAE,eAAe,EAAE,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,SAAS,YACzE,MAAC,UAAU,IAAC,OAAO,EAAC,IAAI,aAAE,UAAU,0BAAgC,GAC9D,GAEV,CACH,EACD,KAAC,IAAI,cACF,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CAC7B,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,MAAM,IAAC,SAAS,EAAE,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,YAC9D,mBAAmB,GACb,EACT,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,aAC9B,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,YAAE,UAAU,EAAE,IAAI,GAAc,EACvD,GAAG,YAAY,CAAC,SAAS,EAAE,cAAc,CAAC,IAAI,YAAY,CAAC,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,CAAC,YAAY,YAAY,CAC9H,SAAS,EACT,cAAc,CACf,KAAK,WAAW,CAAC,UAAU,CAAC,EAAE,IAC3B,EACL,CAAC,CAAC,SAAS,IAAI,UAAU,CAAC,IAAI,CAC7B,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,YAChC,KAAC,UAAU,IAAC,EAAE,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,YACxD,KAAC,2BAA2B,KAAG,GACpB,GACT,CACP,KAjB2C,eAAe,CAAC,UAAU,CAAC,CAkBnE,CACP,CAAC,GACG,IACN,CACJ,CAAC;IAEF,OAAO,CACL,8BACG,IAAI,KAAK,MAAM,CAAC,QAAQ,IAAI,CAC3B,MAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,aAC1B,YAAY,IAAI,CACf,KAAC,UAAU,IACT,KAAK,EACH,KAAC,KAAK,IAAC,YAAY,EAAE,eAAe,EAAE,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,SAAS,YACzE,MAAC,UAAU,IAAC,OAAO,EAAC,IAAI,aAAE,UAAU,0BAAgC,GAC9D,EAEV,MAAM,EAAE,KAAC,MAAM,IAAC,SAAS,EAAE,OAAO,CAAC,MAAM,YAAG,mBAAmB,GAAU,GACzE,CACH,EACD,KAAC,WAAW,cACV,KAAC,IAAI,cACF,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CAC7B,MAAC,QAAQ,IAAmC,KAAK,QAAC,OAAO,QAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,aAC1F,KAAC,YAAY,IAAC,OAAO,EAAE,iBAAiB,CAAC,UAAU,CAAC,EAAE,SAAS,EAAE,oBAAoB,CAAC,UAAU,CAAC,GAAI,EACrG,KAAC,uBAAuB,cACtB,KAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,YAC5C,KAAC,2BAA2B,KAAG,GACpB,GACW,KANb,eAAe,CAAC,UAAU,CAAC,CAO/B,CACZ,CAAC,GACG,GACK,IACT,CACR,EAEA,IAAI,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,SAAS,IAAI,KAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,WAAW,YAAG,WAAW,GAAQ,EAChG,IAAI,KAAK,MAAM,CAAC,IAAI,IAAI,SAAS,IAAI,4BAAG,WAAW,GAAI,EAEvD,eAAe,GAAG,CAAC,IAAI,CACtB,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,YACxC,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,SAAS,YACvC,sBAAsB,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,sBAAsB,GACvE,CACV,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IAAC,OAAO,EAAE,SAAS,YAAG,sBAAsB,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,sBAAsB,GAAU,CACrH,GACG,CACP,EAED,KAAC,QAAQ,IACP,IAAI,EAAE,YAAY,EAClB,gBAAgB,EAAE,IAAI,EACtB,OAAO,EAAE,mBAAmB,EAC5B,OAAO,EAAE,eAAe,EACxB,MAAM,EACJ,KAAC,UAAU,IAAC,IAAI,EAAC,OAAO,gBAAY,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,mBAAmB,YACtF,KAAC,SAAS,IAAC,QAAQ,EAAC,OAAO,GAAG,GACnB,GAEf,IACD,CACJ,CAAC;AACJ,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/no-shadow */\nimport React, { useState } from 'react';\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  Avatar,\n  Typography,\n  Badge,\n  List,\n  ListItem,\n  ListItemText,\n  ListItemSecondaryAction\n} from '@material-ui/core';\nimport Snackbar from '@material-ui/core/Snackbar';\nimport IconButton from '@material-ui/core/IconButton';\nimport CloseIcon from '@material-ui/icons/Close';\nimport ArrowForwardIosOutlinedIcon from '@material-ui/icons/ArrowForwardIosOutlined';\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\n\nimport { Utils } from '../../helpers/utils';\nimport { PConnProps } from '../../../types/PConnProps';\n\nimport './ToDo.css';\n\ninterface ToDoProps extends PConnProps {\n  // If any, enter additional props that only exist on this component\n  datasource?: any;\n  myWorkList?: any;\n  // eslint-disable-next-line react/no-unused-prop-types\n  caseInfoID?: string;\n  headerText?: string;\n  // eslint-disable-next-line react/no-unused-prop-types\n  itemKey?: string;\n  showTodoList?: boolean;\n  type?: string;\n  // eslint-disable-next-line react/no-unused-prop-types\n  context?: string;\n  isConfirm?: boolean;\n}\n\nconst isChildCase = assignment => {\n  return assignment.isChild;\n};\n\nfunction topThreeAssignments(assignmentsSource: any[]): any[] {\n  return Array.isArray(assignmentsSource) ? assignmentsSource.slice(0, 3) : [];\n}\n\nfunction getID(assignment: any) {\n  if (assignment.value) {\n    const refKey = assignment.value;\n    return refKey.substring(refKey.lastIndexOf(' ') + 1);\n  }\n  const refKey = assignment.ID;\n  const arKeys = refKey.split('!')[0].split(' ');\n  return arKeys[2];\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    borderLeft: '6px solid',\n    borderLeftColor: theme.palette.primary.light\n  },\n  avatar: {\n    backgroundColor: theme.palette.primary.light,\n    color: theme.palette.getContrastText(theme.palette.primary.light)\n  },\n  todoWrapper: {\n    borderLeft: '6px solid',\n    borderLeftColor: theme.palette.primary.light,\n    padding: theme.spacing(1),\n    margin: theme.spacing(1)\n  }\n}));\n\nexport default function ToDo(props: ToDoProps) {\n  const { getPConnect, datasource = [], headerText = 'To do', showTodoList = true, myWorkList = {}, type = 'worklist', isConfirm = false } = props;\n\n  const CONSTS = PCore.getConstants();\n\n  const bLogging = true;\n  let assignmentCount = 0;\n  const currentUser = PCore.getEnvironmentInfo().getOperatorName();\n  const currentUserInitials = Utils.getInitials(currentUser);\n  const assignmentsSource = datasource?.source || myWorkList?.source;\n\n  const [bShowMore, setBShowMore] = useState(true);\n  const [showSnackbar, setShowSnackbar] = useState(false);\n  const [snackbarMessage, setSnackbarMessage]: any = useState('');\n  // eslint-disable-next-line @typescript-eslint/no-use-before-define\n  const [assignments, setAssignments] = useState<any[]>(initAssignments());\n\n  const thePConn = getPConnect();\n  const classes = useStyles();\n  const theme = useTheme();\n  const isDesktop = useMediaQuery(theme.breakpoints.up('md'));\n  const localizedVal = PCore.getLocaleUtils().getLocaleValue;\n  const localeCategory = 'Todo';\n  const showlessLocalizedValue = localizedVal('show_less', 'CosmosFields');\n  const showMoreLocalizedValue = localizedVal('show_more', 'CosmosFields');\n  const canPerform = assignments?.[0]?.canPerform === 'true' || assignments?.[0]?.canPerform === true;\n  // const { setOpen } = useNavBar();\n\n  function initAssignments(): any[] {\n    if (assignmentsSource) {\n      assignmentCount = assignmentsSource.length;\n      return topThreeAssignments(assignmentsSource);\n    }\n    // turn off todolist\n    return [];\n  }\n\n  const getAssignmentId = assignment => {\n    return type === CONSTS.TODO ? assignment.ID : assignment.id;\n  };\n\n  const getPriority = assignment => {\n    return type === CONSTS.TODO ? assignment.urgency : assignment.priority;\n  };\n\n  const getAssignmentName = assignment => {\n    return type === CONSTS.TODO ? assignment.name : assignment.stepName;\n  };\n\n  function showToast(message: string) {\n    const theMessage = `Assignment: ${message}`;\n    // eslint-disable-next-line no-console\n    console.error(theMessage);\n    setSnackbarMessage(message);\n    setShowSnackbar(true);\n  }\n\n  function handleSnackbarClose(event: React.SyntheticEvent | React.MouseEvent, reason?: string) {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setShowSnackbar(false);\n  }\n\n  function _showMore() {\n    setBShowMore(false);\n    setAssignments(assignmentsSource);\n  }\n\n  function _showLess() {\n    setBShowMore(true);\n    setAssignments(topThreeAssignments(assignmentsSource));\n  }\n\n  function clickGo(assignment) {\n    const id = getAssignmentId(assignment);\n    let { classname = '' } = assignment;\n    const sTarget = thePConn.getContainerName();\n    const sTargetContainerName = sTarget;\n\n    const options: any = {\n      containerName: sTargetContainerName,\n      channelName: ''\n    };\n\n    if (classname === null || classname === '') {\n      classname = thePConn.getCaseInfo().getClassName();\n    }\n\n    if (sTarget === 'workarea') {\n      options.isActionFromToDoList = true;\n      options.target = '';\n      options.context = null;\n      options.isChild = isChildCase(assignment);\n    } else {\n      options.isActionFromToDoList = false;\n      options.target = sTarget;\n    }\n\n    thePConn\n      .getActionsApi()\n      .openAssignment(id, classname, options)\n      .then(() => {\n        if (bLogging) {\n          // eslint-disable-next-line no-console\n          console.log(`openAssignment completed`);\n        }\n      })\n      .catch(() => {\n        showToast(`Submit failed!`);\n      });\n  }\n\n  const renderTaskId = (type, getPConnect, showTodoList, assignment) => {\n    const displayID = getID(assignment);\n\n    if ((showTodoList && type !== CONSTS.TODO) || assignment.isChild === true) {\n      /* Supress link for todo inside flow step */\n      return <Button size='small' color='primary'>{`${assignment.name} ${getID(assignment)}`}</Button>;\n    }\n    return displayID;\n  };\n\n  const getListItemComponent = assignment => {\n    if (isDesktop) {\n      return (\n        <>\n          {localizedVal('Task in', localeCategory)}\n          {renderTaskId(type, getPConnect, showTodoList, assignment)}\n          {type === CONSTS.WORKLIST && assignment.status ? `\\u2022 ` : undefined}\n          {type === CONSTS.WORKLIST && assignment.status ? <span className='psdk-todo-assignment-status'>{assignment.status}</span> : undefined}\n          {` \\u2022  ${localizedVal('Urgency', localeCategory)}  ${getPriority(assignment)}`}\n        </>\n      );\n    }\n    return (\n      <>\n        <Button size='small' color='primary'>{`${assignment.name} ${getID(assignment)}`}</Button>\n        {` \\u2022 ${localizedVal('Urgency', localeCategory)}  ${getPriority(assignment)}`}\n      </>\n    );\n  };\n\n  const toDoContent = (\n    <>\n      {showTodoList && (\n        <CardHeader\n          title={\n            <Badge badgeContent={assignmentCount} overlap='rectangular' color='primary'>\n              <Typography variant='h6'>{headerText}&nbsp;&nbsp;&nbsp;</Typography>\n            </Badge>\n          }\n        />\n      )}\n      <List>\n        {assignments.map(assignment => (\n          <div className='psdk-todo-avatar-header' key={getAssignmentId(assignment)}>\n            <Avatar className={classes.avatar} style={{ marginRight: '16px' }}>\n              {currentUserInitials}\n            </Avatar>\n            <div style={{ display: 'block' }}>\n              <Typography variant='h6'>{assignment?.name}</Typography>\n              {`${localizedVal('Task in', localeCategory)} ${renderTaskId(type, getPConnect, showTodoList, assignment)} \\u2022  ${localizedVal(\n                'Urgency',\n                localeCategory\n              )}  ${getPriority(assignment)}`}\n            </div>\n            {(!isConfirm || canPerform) && (\n              <div style={{ marginLeft: 'auto' }}>\n                <IconButton id='go-btn' onClick={() => clickGo(assignment)}>\n                  <ArrowForwardIosOutlinedIcon />\n                </IconButton>\n              </div>\n            )}\n          </div>\n        ))}\n      </List>\n    </>\n  );\n\n  return (\n    <>\n      {type === CONSTS.WORKLIST && (\n        <Card className={classes.root}>\n          {showTodoList && (\n            <CardHeader\n              title={\n                <Badge badgeContent={assignmentCount} overlap='rectangular' color='primary'>\n                  <Typography variant='h6'>{headerText}&nbsp;&nbsp;&nbsp;</Typography>\n                </Badge>\n              }\n              avatar={<Avatar className={classes.avatar}>{currentUserInitials}</Avatar>}\n            />\n          )}\n          <CardContent>\n            <List>\n              {assignments.map(assignment => (\n                <ListItem key={getAssignmentId(assignment)} dense divider onClick={() => clickGo(assignment)}>\n                  <ListItemText primary={getAssignmentName(assignment)} secondary={getListItemComponent(assignment)} />\n                  <ListItemSecondaryAction>\n                    <IconButton onClick={() => clickGo(assignment)}>\n                      <ArrowForwardIosOutlinedIcon />\n                    </IconButton>\n                  </ListItemSecondaryAction>\n                </ListItem>\n              ))}\n            </List>\n          </CardContent>\n        </Card>\n      )}\n\n      {type === CONSTS.TODO && !isConfirm && <Card className={classes.todoWrapper}>{toDoContent}</Card>}\n      {type === CONSTS.TODO && isConfirm && <>{toDoContent}</>}\n\n      {assignmentCount > 3 && (\n        <Box display='flex' justifyContent='center'>\n          {bShowMore ? (\n            <Button color='primary' onClick={_showMore}>\n              {showMoreLocalizedValue === 'show_more' ? 'Show more' : showMoreLocalizedValue}\n            </Button>\n          ) : (\n            <Button onClick={_showLess}>{showlessLocalizedValue === 'show_less' ? 'Show less' : showlessLocalizedValue}</Button>\n          )}\n        </Box>\n      )}\n\n      <Snackbar\n        open={showSnackbar}\n        autoHideDuration={3000}\n        onClose={handleSnackbarClose}\n        message={snackbarMessage}\n        action={\n          <IconButton size='small' aria-label='close' color='inherit' onClick={handleSnackbarClose}>\n            <CloseIcon fontSize='small' />\n          </IconButton>\n        }\n      />\n    </>\n  );\n}\n"]}

package/lib/components_map.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {};
-export default _default;
-export const LazyMap: {};
+declare const ComponentMap: any[];
+export declare const LazyMap: any[];
+export default ComponentMap;
 //# sourceMappingURL=components_map.d.ts.map

package/lib/components_map.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components_map.d.ts","sourceRoot":"","sources":["../src/components_map.js"],"names":[],"mappings":";;AAozBA,yBAA0B"}
+{"version":3,"file":"components_map.d.ts","sourceRoot":"","sources":["../src/components_map.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,YAAY,EAAE,GAAG,EAkzBtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,GAAG,EAAS,CAAC;AAEnC,eAAe,YAAY,CAAC"}