@pega/react-sdk-overrides 0.242.1 → 0.242.2

package/lib/designSystemExtension/CaseSummaryFields/CaseSummaryFields.css

@@ -13,6 +13,5 @@
 
 .psdk-case-summary-fields {
   padding: calc(2 * 0.5rem);
-  display: grid;
   grid-row-gap: calc(2 * 0.5rem);
 }

package/lib/field/Phone/Phone.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import MuiPhoneNumber from 'material-ui-phone-number-2';
+import MuiPhoneNumber from 'material-ui-phone-number';
 
 import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
 import { PConnFieldProps } from '@pega/react-sdk-components/lib/types/PConnProps';

package/lib/infra/VerticalTabs/LeftAlignVerticalTabs/LeftAlignVerticalTabs.tsx

@@ -18,7 +18,8 @@ interface LeftAlignVerticalTabsProps {
 const LeftAlignVerticalTabs: any = withStyles((/* theme */) => ({
   root: {
     width: '100%',
-    maxWidth: '100%'
+    maxWidth: '100%',
+    alignItems: 'flex-start'
   },
   wrapper: {
     display: 'block',

package/lib/widget/ToDo/ToDo.tsx

@@ -41,6 +41,7 @@ const fetchMyWorkList = (datapage, fields, numberOfRecords, includeTotalCount, c
         select: Object.keys(fields).map(key => ({ field: PCore.getAnnotationUtils().getPropertyName(fields[key]) }))
       },
       {
+        invalidateCache: true,
         additionalApiParams: {
           includeTotalCount
         }
@@ -147,7 +148,7 @@ export default function ToDo(props: ToDoProps) {
   const showlessLocalizedValue = localizedVal('show_less', 'CosmosFields');
   const showMoreLocalizedValue = localizedVal('show_more', 'CosmosFields');
   const canPerform = assignments?.[0]?.canPerform === 'true' || assignments?.[0]?.canPerform === true;
-  const [count, setCount] = useState(null);
+  const [count, setCount] = useState(0);
 
   const {
     WORK_BASKET: { MY_WORK_LIST }
@@ -170,9 +171,11 @@ export default function ToDo(props: ToDoProps) {
   );
 
   useEffect(() => {
-    fetchMyWorkList(myWorkList.datapage, getPConnect().getComponentConfig()?.myWorkList.fields, 3, true, context).then(responseData => {
-      deferLoadWorklistItems(responseData);
-    });
+    if (Object.keys(myWorkList).length && myWorkList.datapage) {
+      fetchMyWorkList(myWorkList.datapage, getPConnect().getComponentConfig()?.myWorkList.fields, 3, true, context).then(responseData => {
+        deferLoadWorklistItems(responseData);
+      });
+    }
   }, []);
 
   const getAssignmentId = assignment => {
@@ -204,10 +207,12 @@ export default function ToDo(props: ToDoProps) {
 
   function _showMore() {
     setBShowMore(false);
-    if (type === CONSTS.WORKLIST && count && count > assignments.length) {
+    if (type === CONSTS.WORKLIST && count && count > assignments.length && !assignmentsSource) {
       fetchMyWorkList(myWorkList.datapage, getPConnect().getComponentConfig()?.myWorkList.fields, count, false, context).then(response => {
         setAssignments(response.data);
       });
+    } else {
+      setAssignments(assignmentsSource);
     }
   }
 
@@ -285,7 +290,8 @@ export default function ToDo(props: ToDoProps) {
     );
   };
 
-  const getCount = () => (type === CONSTS.WORKLIST ? (count ?? assignments.length) : assignments.length);
+  // eslint-disable-next-line no-nested-ternary
+  const getCount = () => (assignmentsSource ? assignmentsSource.length : type === CONSTS.WORKLIST ? count : 0);
 
   const toDoContent = (
     <>

package/package.json

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