@pega/dx-component-builder-sdk 0.23.16 → 0.23.18

package/tests/assets/sdk-r/components/create/override-sdk/field/Time/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "componentKey": "Time",
-    "name": "Time",
-    "label": "Time only",
-    "description": "Time only",
-    "type": "Field",
-    "subtype": "TimeOfDay",
-    "properties": []
-}
+  "componentKey": "Time",
+  "name": "Time",
+  "label": "Time only",
+  "description": "Time only",
+  "type": "Field",
+  "subtype": "TimeOfDay",
+  "properties": []
+}

package/tests/assets/sdk-r/components/create/override-sdk/field/URL/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "componentKey": "URL",
-    "name": "URL",
-    "label": "URL",
-    "description": "URL",
-    "type": "Field",
-    "subtype": "Text-URL",
-    "properties": []
-}
+  "componentKey": "URL",
+  "name": "URL",
+  "label": "URL",
+  "description": "URL",
+  "type": "Field",
+  "subtype": "Text-URL",
+  "properties": []
+}

package/tests/assets/sdk-r/components/create/override-sdk/field/UserReference/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "label": "UserReference",
-    "componentKey": "UserReference",
-    "name": "UserReference",
-    "description": "User reference",
-    "type": "Field",
-    "subtype": "DATA_CAPTURE",
-    "properties": []
-}
+  "label": "UserReference",
+  "componentKey": "UserReference",
+  "name": "UserReference",
+  "description": "User reference",
+  "type": "Field",
+  "subtype": "DATA_CAPTURE",
+  "properties": []
+}

package/tests/assets/sdk-r/components/create/override-sdk/infra/Assignment/Assignment.tsx

@@ -70,6 +70,20 @@ export default function Assignment(props: PropsWithChildren<AssignmentProps>) {
     return arIndicies;
   }
 
+  function getStepsInfo(steps, formedSteps: any = []) {
+    steps.forEach(step => {
+      if (step.name) {
+        step.name = PCore.getLocaleUtils().getLocaleValue(step.name, undefined, localeReference);
+      }
+      if (step.steps) {
+        formedSteps = getStepsInfo(step.steps, formedSteps);
+      } else {
+        formedSteps.push(step);
+      }
+    });
+    return formedSteps;
+  }
+
   useEffect(() => {
     if (children) {
       const firstChild = Array.isArray(children) ? children[0] : children;
@@ -97,13 +111,13 @@ export default function Assignment(props: PropsWithChildren<AssignmentProps>) {
           } else {
             setIsVertical(false);
           }
-          const steps = JSON.parse(JSON.stringify(oCaseInfo?.navigation?.steps));
-          steps.forEach(step => {
-            if (step.name) {
-              step.name = PCore.getLocaleUtils().getLocaleValue(step.name, undefined, localeReference);
-            }
-          });
-          setArNavigationSteps(steps);
+
+          if (oCaseInfo?.navigation?.steps) {
+            const steps = JSON.parse(JSON.stringify(oCaseInfo?.navigation?.steps));
+            const formedSteps = getStepsInfo(steps);
+            setArNavigationSteps(formedSteps);
+          }
+
           setArCurrentStepIndicies(findCurrentIndicies(arNavigationSteps, arCurrentStepIndicies, 0));
         }
       }

package/tests/assets/sdk-r/components/create/override-sdk/infra/NavBar/NavBar.tsx

@@ -116,6 +116,8 @@ export default function NavBar(props: NavBarProps) {
   const [bShowCaseTypes, setBShowCaseTypes] = useState(true);
   const [bShowOperatorButtons, setBShowOperatorButtons] = useState(false);
   const [anchorEl, setAnchorEl] = useState(null);
+  const localeUtils = PCore.getLocaleUtils();
+  const localeReference = pConn.getValue('.pyLocaleReference');
 
   const localizedVal = PCore.getLocaleUtils().getLocaleValue;
   const localeCategory = 'AppShell';
@@ -231,7 +233,7 @@ export default function NavBar(props: NavBarProps) {
               <ListItemIcon>
                 <WorkOutlineIcon fontSize='large' />
               </ListItemIcon>
-              <ListItemText primary={caseType.pyLabel} />
+              <ListItemText primary={localeUtils.getLocaleValue(caseType.pyLabel, '', localeReference)} />
             </ListItem>
           ))}
         </List>
@@ -240,7 +242,7 @@ export default function NavBar(props: NavBarProps) {
         {navPages.map(page => (
           <ListItem button onClick={() => navPanelButtonClick(page)} key={page.pyLabel}>
             <ListItemIcon>{iconMap[page.pxPageViewIcon]}</ListItemIcon>
-            <ListItemText primary={page.pyLabel} />
+            <ListItemText primary={localeUtils.getLocaleValue(page.pyLabel, '', localeReference)} />
           </ListItem>
         ))}
       </List>
@@ -278,7 +280,7 @@ export default function NavBar(props: NavBarProps) {
               <ListItemIcon>
                 <ArrowBackIcon fontSize='large' />
               </ListItemIcon>
-              <Typography variant='inherit'>{localizedVal('Logout', localeCategory)}</Typography>
+              <Typography variant='inherit'>{localizedVal('Log off', localeCategory)}</Typography>
             </MenuItem>
           </Menu>
         </>

package/tests/assets/sdk-r/components/create/override-sdk/template/CaseSummary/CaseSummary.tsx

@@ -17,7 +17,8 @@ export default function CaseSummary(props: PropsWithChildren<CaseSummaryProps>)
   // const { status, showStatus } = theConfigProps;
   const status = theConfigProps.status;
   const showStatus = theConfigProps.showStatus;
-
+  const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+  const localeCategory = 'ModalContainer';
   // from Constellation DX Components
   // get the primary and secondary fields with the raw data (which has the non-resolved property values)
   // const regionsRaw = getPConnect().getRawMetadata().children;
@@ -29,13 +30,54 @@ export default function CaseSummary(props: PropsWithChildren<CaseSummaryProps>)
   let arPrimaryFields: any[] = [];
   let arSecondaryFields: any[] = [];
 
+  /* eslint-disable @typescript-eslint/no-shadow */
+  function prepareComponentInCaseSummary(pConnectMeta, getPConnect) {
+    const { config, children } = pConnectMeta;
+    const pConnect = getPConnect();
+
+    const caseSummaryComponentObject: any = {};
+
+    const { type } = pConnectMeta;
+    const createdComponent = pConnect.createComponent({
+      type,
+      children: children ? [...children] : [],
+      config: {
+        ...config
+      }
+    });
+
+    caseSummaryComponentObject.value = createdComponent;
+    return caseSummaryComponentObject;
+  }
+
+  function prepareCaseSummaryData(summaryFieldChildren) {
+    const convertChildrenToSummaryData = kid => {
+      return kid?.map((childItem, index) => {
+        const childMeta = childItem.getPConnect().meta;
+        const caseSummaryComponentObject = prepareComponentInCaseSummary(childMeta, childItem.getPConnect);
+        caseSummaryComponentObject.id = index + 1;
+        return caseSummaryComponentObject;
+      });
+    };
+    return summaryFieldChildren ? convertChildrenToSummaryData(summaryFieldChildren?.getChildren()) : undefined;
+  }
+
   for (const child of children as ReactElement[]) {
     const childPConn = (child as ReactElement).props.getPConnect();
     const childPConnData = childPConn.resolveConfigProps(childPConn.getRawMetadata());
     if (childPConnData.name.toLowerCase() === 'primary fields') {
       arPrimaryFields = childPConnData.children;
+      arPrimaryFields.forEach(field => {
+        if (field.config?.value && typeof field.config?.value === 'string') {
+          field.config.value = localizedVal(field.config.value, localeCategory);
+        }
+      });
     } else if (childPConnData.name.toLowerCase() === 'secondary fields') {
+      const secondarySummaryFields = prepareCaseSummaryData(childPConn);
       arSecondaryFields = childPConnData.children;
+      arSecondaryFields.forEach((field, index) => {
+        field.config.displayLabel = secondarySummaryFields[index]?.value?.props?.label;
+      });
     }
   }
 

package/tests/assets/sdk-r/components/create/override-sdk/template/CaseSummary/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "componentKey": "CaseSummary",
-    "name": "CaseSummary",
-    "label": "Summary data",
-    "description": "Case summary template",
-    "type": "Template",
-    "subtype": "SUMMARY",
-    "properties": []
-}
+  "componentKey": "CaseSummary",
+  "name": "CaseSummary",
+  "label": "Summary data",
+  "description": "Case summary template",
+  "type": "Template",
+  "subtype": "SUMMARY",
+  "properties": []
+}

package/tests/assets/sdk-r/components/create/override-sdk/template/CaseView/CaseView.tsx

@@ -178,7 +178,7 @@ export default function CaseView(props: PropsWithChildren<CaseViewProps>) {
     const actionsAPI = thePConn.getActionsApi();
     const openLocalAction = actionsAPI.openLocalAction.bind(actionsAPI);
 
-    openLocalAction(editAction.ID, { ...editAction });
+    openLocalAction(editAction.ID, { ...editAction, containerName: 'modal', type: 'express' });
   }
 
   function getActionButtonsHtml(): any {

package/tests/assets/sdk-r/components/create/override-sdk/template/CaseView/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "componentKey": "CaseView",
-    "name": "CaseView",
-    "label": "Object page",
-    "description": "Standard case page",
-    "type": "Template",
-    "subtype": "CASEVIEW",
-    "properties": []
-}
+  "componentKey": "CaseView",
+  "name": "CaseView",
+  "label": "Object page",
+  "description": "Standard case page",
+  "type": "Template",
+  "subtype": "CASEVIEW",
+  "properties": []
+}

package/tests/assets/sdk-r/components/create/override-sdk/template/CaseViewActionsMenu/CaseViewActionsMenu.tsx

@@ -4,6 +4,9 @@ import Menu from '@material-ui/core/Menu';
 import MenuItem from '@material-ui/core/MenuItem';
 
 import { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+import Snackbar from '@material-ui/core/Snackbar';
+import IconButton from '@material-ui/core/IconButton';
+import CloseIcon from '@material-ui/icons/Close';
 
 interface CaseViewActionsMenuProps extends PConnProps {
   // If any, enter additional props that only exist on this component
@@ -23,6 +26,9 @@ export default function CaseViewActionsMenu(props: CaseViewActionsMenuProps) {
 
   const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
 
+  const [showSnackbar, setShowSnackbar] = useState(false);
+  const [snackbarMessage, setSnackbarMessage]: any = useState('');
+
   const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
     setAnchorEl(event.currentTarget);
   };
@@ -33,6 +39,18 @@ export default function CaseViewActionsMenu(props: CaseViewActionsMenuProps) {
 
   const arMenuItems: any[] = [];
 
+  function showToast(message: string) {
+    setSnackbarMessage(message);
+    setShowSnackbar(true);
+  }
+
+  function handleSnackbarClose(event: React.SyntheticEvent | React.MouseEvent, reason?: string) {
+    if (reason === 'clickaway') {
+      return;
+    }
+    setShowSnackbar(false);
+  }
+
   function _actionMenuActionsClick(data) {
     const actionsAPI = thePConn.getActionsApi();
     const openLocalAction = actionsAPI.openLocalAction.bind(actionsAPI);
@@ -51,7 +69,11 @@ export default function CaseViewActionsMenu(props: CaseViewActionsMenuProps) {
     const openProcessAction = actionsAPI.openProcessAction.bind(actionsAPI);
     openProcessAction(process.ID, {
       ...process
-    });
+    })
+      .then(() => {})
+      .catch(() => {
+        showToast(`${process.name} Submit failed!`);
+      });
     handleClose();
   }
 
@@ -79,6 +101,17 @@ export default function CaseViewActionsMenu(props: CaseViewActionsMenuProps) {
       <Menu id='simple-menu' anchorEl={anchorEl} keepMounted open={Boolean(anchorEl)} onClose={handleClose}>
         {arMenuItems}
       </Menu>
+      <Snackbar
+        open={showSnackbar}
+        autoHideDuration={3000}
+        onClose={handleSnackbarClose}
+        message={snackbarMessage}
+        action={
+          <IconButton size='small' aria-label='close' color='inherit' onClick={handleSnackbarClose}>
+            <CloseIcon fontSize='small' />
+          </IconButton>
+        }
+      />
     </>
   );
 }

package/tests/assets/sdk-r/components/create/override-sdk/template/Confirmation/config-ext.json

@@ -1,12 +1,12 @@
 {
-    "componentKey": "Confirmation",
-    "name": "Confirmation",
-    "label": "Confirmation",
-    "description": "Confirmation template",
-    "type": "Template",
-    "subtype": "CASE",
-    "icon": "confirm-view.svg",
-    "hideTemplateEdit": true,
-    "hideViewName": true,
-    "properties": []
-}
+  "componentKey": "Confirmation",
+  "name": "Confirmation",
+  "label": "Confirmation",
+  "description": "Confirmation template",
+  "type": "Template",
+  "subtype": "CASE",
+  "icon": "confirm-view.svg",
+  "hideTemplateEdit": true,
+  "hideViewName": true,
+  "properties": []
+}

package/tests/assets/sdk-r/components/create/override-sdk/template/DataReference/config-ext.json

@@ -1,10 +1,10 @@
 {
-    "label": "DataReference",
-    "componentKey": "DataReference",
-    "name": "DataReference",
-    "description": "Data Reference Template",
-    "type": "Template",
-    "icon": "DataReference.svg",
-    "subtype": "DATAVIEW",
-    "properties": []
-}
+  "label": "DataReference",
+  "componentKey": "DataReference",
+  "name": "DataReference",
+  "description": "Data Reference Template",
+  "type": "Template",
+  "icon": "DataReference.svg",
+  "subtype": "DATAVIEW",
+  "properties": []
+}

package/tests/assets/sdk-r/components/create/override-sdk/template/DefaultForm/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "componentKey": "DefaultForm",
-    "name": "DefaultForm",
-    "label": "Default form",
-    "description": "DefaultForm Template",
-    "type": "Template",
-    "subtype": "FORM",
-    "properties": []
-}
+  "componentKey": "DefaultForm",
+  "name": "DefaultForm",
+  "label": "Default form",
+  "description": "DefaultForm Template",
+  "type": "Template",
+  "subtype": "FORM",
+  "properties": []
+}

package/tests/assets/sdk-r/components/create/override-sdk/template/DetailsSubTabs/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "componentKey": "DetailsSubTabs",
-    "name": "DetailsSubTabs",
-    "label": "Details (Sub tabs)",
-    "description": "Details (Sub tabs)",
-    "type": "Template",
-    "subtype": "DETAILS",
-    "properties": []
-}
+  "componentKey": "DetailsSubTabs",
+  "name": "DetailsSubTabs",
+  "label": "Details (Sub tabs)",
+  "description": "Details (Sub tabs)",
+  "type": "Template",
+  "subtype": "DETAILS",
+  "properties": []
+}

package/tests/assets/sdk-r/components/create/override-sdk/template/DetailsThreeColumn/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "componentKey": "DetailsThreeColumn",
-    "name": "DetailsThreeColumn",
-    "label": "Details (Three column)",
-    "description": "Details (Three column)",
-    "type": "Template",
-    "subtype": "DETAILS",
-    "properties": []
-}
+  "componentKey": "DetailsThreeColumn",
+  "name": "DetailsThreeColumn",
+  "label": "Details (Three column)",
+  "description": "Details (Three column)",
+  "type": "Template",
+  "subtype": "DETAILS",
+  "properties": []
+}

package/tests/assets/sdk-r/components/create/override-sdk/template/DetailsTwoColumn/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "componentKey": "DetailsTwoColumn",
-    "name": "DetailsTwoColumn",
-    "label": "Details (Two column)",
-    "description": "Details (Two column)",
-    "type": "Template",
-    "subtype": "DETAILS",
-    "properties": []
-}
+  "componentKey": "DetailsTwoColumn",
+  "name": "DetailsTwoColumn",
+  "label": "Details (Two column)",
+  "description": "Details (Two column)",
+  "type": "Template",
+  "subtype": "DETAILS",
+  "properties": []
+}

package/tests/assets/sdk-r/components/create/override-sdk/template/ListPage/config-ext.json

@@ -1,8 +1,8 @@
 {
-    "componentKey": "ListPage",
-    "name": "ListPage",
-    "type": "Template",
-    "subtype": "PAGE",
-    "label": "List page",
-    "properties": []
-}
+  "componentKey": "ListPage",
+  "name": "ListPage",
+  "type": "Template",
+  "subtype": "PAGE",
+  "label": "List page",
+  "properties": []
+}

package/tests/assets/sdk-r/components/create/override-sdk/template/ListView/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "componentKey": "ListView",
-    "name": "ListView",
-    "label": "Table",
-    "description": "Table Template",
-    "type": "Template",
-    "subtype": "LIST",
-    "properties": []
-}
+  "componentKey": "ListView",
+  "name": "ListView",
+  "label": "Table",
+  "description": "Table Template",
+  "type": "Template",
+  "subtype": "LIST",
+  "properties": []
+}

package/tests/assets/sdk-r/components/create/override-sdk/template/ListView/utils.ts

@@ -680,7 +680,9 @@ export const readContextResponse = async (context, params) => {
     if (compositeKeys.length) {
       otherContext.setCompositeKeys(compositeKeys);
     }
-    otherContext.fetchRowActionDetails = null;
+    if (otherContext) {
+      otherContext.fetchRowActionDetails = null;
+    }
   }
 
   const presetArray = [];

package/tests/assets/sdk-r/components/create/override-sdk/template/NarrowWideDetails/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "componentKey": "NarrowWideDetails",
-    "name": "NarrowWideDetails",
-    "label": "Details (Narrow-wide)",
-    "description": "Details (Narrow-wide) template",
-    "type": "Template",
-    "subtype": "DETAILS",
-    "properties": []
-}
+  "componentKey": "NarrowWideDetails",
+  "name": "NarrowWideDetails",
+  "label": "Details (Narrow-wide)",
+  "description": "Details (Narrow-wide) template",
+  "type": "Template",
+  "subtype": "DETAILS",
+  "properties": []
+}

package/tests/assets/sdk-r/components/create/override-sdk/template/NarrowWideForm/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "componentKey": "NarrowWideForm",
-    "name": "NarrowWideForm",
-    "label": "Narrow-wide",
-    "description": "NarrowWide Template",
-    "type": "Template",
-    "subtype": "FORM",
-    "properties": []
-}
+  "componentKey": "NarrowWideForm",
+  "name": "NarrowWideForm",
+  "label": "Narrow-wide",
+  "description": "NarrowWide Template",
+  "type": "Template",
+  "subtype": "FORM",
+  "properties": []
+}

package/tests/assets/sdk-r/components/create/override-sdk/template/NarrowWidePage/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "componentKey": "NarrowWidePage",
-    "name": "NarrowWidePage",
-    "label": "Narrow-wide",
-    "description": "Narrow-wide Page Template",
-    "type": "Template",
-    "subtype": "PAGE",
-    "properties": []
-}
+  "componentKey": "NarrowWidePage",
+  "name": "NarrowWidePage",
+  "label": "Narrow-wide",
+  "description": "Narrow-wide Page Template",
+  "type": "Template",
+  "subtype": "PAGE",
+  "properties": []
+}

package/tests/assets/sdk-r/components/create/override-sdk/template/OneColumn/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "componentKey": "OneColumn",
-    "name": "OneColumn",
-    "label": "One column",
-    "description": "OneColumn Template",
-    "type": "Template",
-    "subtype": "FORM",
-    "properties": []
-}
+  "componentKey": "OneColumn",
+  "name": "OneColumn",
+  "label": "One column",
+  "description": "OneColumn Template",
+  "type": "Template",
+  "subtype": "FORM",
+  "properties": []
+}

package/tests/assets/sdk-r/components/create/override-sdk/template/OneColumnPage/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "componentKey": "OneColumnPage",
-    "name": "OneColumnPage",
-    "label": "One column",
-    "description": "OneColumn Page Template",
-    "type": "Template",
-    "subtype": "PAGE",
-    "properties": []
-}
+  "componentKey": "OneColumnPage",
+  "name": "OneColumnPage",
+  "label": "One column",
+  "description": "OneColumn Page Template",
+  "type": "Template",
+  "subtype": "PAGE",
+  "properties": []
+}

package/tests/assets/sdk-r/components/create/override-sdk/template/OneColumnTab/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "componentKey": "OneColumnTab",
-    "name": "OneColumnTab",
-    "label": "One column",
-    "description": "One column",
-    "type": "Template",
-    "subtype": "TAB",
-    "properties": []
-}
+  "componentKey": "OneColumnTab",
+  "name": "OneColumnTab",
+  "label": "One column",
+  "description": "One column",
+  "type": "Template",
+  "subtype": "TAB",
+  "properties": []
+}

package/tests/assets/sdk-r/components/create/override-sdk/template/SimpleTable/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "label": "SimpleTable",
-    "componentKey": "SimpleTable",
-    "name": "SimpleTable",
-    "description": "Datatype List Template",
-    "type": "Template",
-    "subtype": "DATAVIEW",
-    "properties": []
-}
+  "label": "SimpleTable",
+  "componentKey": "SimpleTable",
+  "name": "SimpleTable",
+  "description": "Datatype List Template",
+  "type": "Template",
+  "subtype": "DATAVIEW",
+  "properties": []
+}