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

package/tests/assets/sdk-r/components/createAll/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/createAll/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/createAll/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/createAll/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/createAll/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/createAll/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/createAll/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/createAll/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/createAll/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/createAll/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/createAll/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/createAll/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": []
+}

package/tests/assets/sdk-r/components/createAll/override-sdk/template/SimpleTableManual/SimpleTableManual.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable no-nested-ternary */
-import React, { PropsWithChildren, useEffect, useRef, useState } from 'react';
+import React, { PropsWithChildren, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import Table from '@material-ui/core/Table';
 import TableBody from '@material-ui/core/TableBody';
 import TableCell from '@material-ui/core/TableCell';
@@ -141,7 +141,6 @@ export default function SimpleTableManual(props: PropsWithChildren<SimpleTableMa
   // Getting current context
   const context = getPConnect().getContextName();
   const resolvedList = getReferenceList(pConn);
-  const pageReference = `${pConn.getPageReference()}${resolvedList}`;
   pConn.setReferenceList(resolvedList);
   const menuIconOverride$ = Utils.getImageSrc('trash', Utils.getSDKStaticConentUrl());
 
@@ -198,6 +197,20 @@ export default function SimpleTableManual(props: PropsWithChildren<SimpleTableMa
   //  Constellation DX Components.
   const fieldDefs = buildFieldsForTable(rawFields, resolvedFields, showDeleteButton);
 
+  useLayoutEffect(() => {
+    if (allowEditingInModal) {
+      getPConnect()
+        .getListActions()
+        .initDefaultPageInstructions(
+          getPConnect().getReferenceList(),
+          fieldDefs.filter(item => item.name).map(item => item.name)
+        );
+    } else {
+      // @ts-ignore - An argument for 'fields' was not provided
+      getPConnect().getListActions().initDefaultPageInstructions(getPConnect().getReferenceList());
+    }
+  }, []);
+
   const displayedColumns = fieldDefs.map(field => {
     return field.name ? field.name : field.cellRenderer;
   });
@@ -288,11 +301,13 @@ export default function SimpleTableManual(props: PropsWithChildren<SimpleTableMa
       pConn
         .getActionsApi()
         .openEmbeddedDataModal(defaultView, pConn, referenceListStr, referenceList.length, PCore.getConstants().RESOURCE_STATUS.CREATE);
-    } else if (PCore.getPCoreVersion()?.includes('8.7')) {
-      pConn.getListActions().insert({ classID: contextClass }, referenceList.length, pageReference);
     } else {
-      pConn.getListActions().insert({ classID: contextClass }, referenceList.length, ''); // 3rd arg null until typedef marked correctly as optional
+      pConn.getListActions().insert({ classID: contextClass }, referenceList.length);
     }
+
+    getPConnect().clearErrorMessages({
+      property: (getPConnect().getStateProps() as any)?.referenceList?.substring(1)
+    } as any);
   };
 
   const editRecord = () => {
@@ -312,11 +327,11 @@ export default function SimpleTableManual(props: PropsWithChildren<SimpleTableMa
 
   const deleteRecord = () => {
     setEditAnchorEl(null);
-    if (PCore.getPCoreVersion()?.includes('8.7')) {
-      pConn.getListActions().deleteEntry(selectedRowIndex.current, pageReference);
-    } else {
-      pConn.getListActions().deleteEntry(selectedRowIndex.current, ''); // 2nd arg empty string until typedef marked correctly as optional
-    }
+    pConn.getListActions().deleteEntry(selectedRowIndex.current);
+  };
+
+  const deleteRecordFromInlineEditable = (index: number) => {
+    pConn.getListActions().deleteEntry(index);
   };
 
   function buildElementsForTable() {
@@ -616,7 +631,7 @@ export default function SimpleTableManual(props: PropsWithChildren<SimpleTableMa
                           className='psdk-utility-button'
                           id='delete-button'
                           aria-label='Delete Cell'
-                          onClick={() => deleteRecord()}
+                          onClick={() => deleteRecordFromInlineEditable(index)}
                         >
                           <img className='psdk-utility-card-action-svg-icon' src={menuIconOverride$} />
                         </button>
@@ -632,7 +647,8 @@ export default function SimpleTableManual(props: PropsWithChildren<SimpleTableMa
                 .slice(0)
                 .map((row, index) => {
                   return (
-                    <TableRow key={row[displayedColumns[0]]}>
+                    // eslint-disable-next-line react/no-array-index-key
+                    <TableRow key={index}>
                       {displayedColumns.map(colKey => {
                         return (
                           <TableCell key={colKey} className={classes.tableCell}>

package/tests/assets/sdk-r/components/createAll/override-sdk/template/SubTabs/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "componentKey": "SubTabs",
-    "name": "SubTabs",
-    "label": "Sub tabs",
-    "description": "Sub tabs view",
-    "type": "Template",
-    "subtype": "TAB",
-    "properties": []
-}
+  "componentKey": "SubTabs",
+  "name": "SubTabs",
+  "label": "Sub tabs",
+  "description": "Sub tabs view",
+  "type": "Template",
+  "subtype": "TAB",
+  "properties": []
+}

package/tests/assets/sdk-r/components/createAll/override-sdk/template/TwoColumn/config-ext.json

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

package/tests/assets/sdk-r/components/createAll/override-sdk/template/TwoColumnPage/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "componentKey": "TwoColumnPage",
-    "name": "TwoColumnPage",
-    "label": "Two column",
-    "description": "TwoColumn Page Template",
-    "type": "Template",
-    "subtype": "PAGE",
-    "properties": []
-}
+  "componentKey": "TwoColumnPage",
+  "name": "TwoColumnPage",
+  "label": "Two column",
+  "description": "TwoColumn Page Template",
+  "type": "Template",
+  "subtype": "PAGE",
+  "properties": []
+}

package/tests/assets/sdk-r/components/createAll/override-sdk/template/TwoColumnTab/config-ext.json

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

package/tests/assets/sdk-r/components/createAll/override-sdk/template/WideNarrow/WideNarrow.tsx

@@ -1,5 +1,5 @@
 import { PropsWithChildren, ReactElement } from 'react';
-import { PConnProps } from 'packages/react-sdk-components/src/types/PConnProps';
+import { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
 import './WideNarrow.css';
 
 interface WideNarrowProps extends PConnProps {

package/tests/assets/sdk-r/components/createAll/override-sdk/template/WideNarrowDetails/config-ext.json

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

package/tests/assets/sdk-r/components/createAll/override-sdk/template/WideNarrowForm/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "componentKey": "WideNarrowForm",
-    "name": "WideNarrowForm",
-    "label": "Wide-narrow",
-    "description": "WideNarrow Template",
-    "type": "Template",
-    "subtype": "FORM",
-    "properties": []
-}
+  "componentKey": "WideNarrowForm",
+  "name": "WideNarrowForm",
+  "label": "Wide-narrow",
+  "description": "WideNarrow Template",
+  "type": "Template",
+  "subtype": "FORM",
+  "properties": []
+}

package/tests/assets/sdk-r/components/createAll/override-sdk/template/WideNarrowPage/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "componentKey": "WideNarrowPage",
-    "name": "WideNarrowPage",
-    "label": "Wide-narrow",
-    "description": "Wide-narrow Page Template",
-    "type": "Template",
-    "subtype": "PAGE",
-    "properties": []
-}
+  "componentKey": "WideNarrowPage",
+  "name": "WideNarrowPage",
+  "label": "Wide-narrow",
+  "description": "Wide-narrow Page Template",
+  "type": "Template",
+  "subtype": "PAGE",
+  "properties": []
+}

package/tests/assets/sdk-r/components/createAll/override-sdk/template/WssNavBar/WssNavBar.tsx

@@ -54,6 +54,9 @@ export default function WssNavBar(props: WssNavBarProps) {
   const [anchorElNav, setAnchorElNav] = useState<null | HTMLElement>(null);
   const [anchorElUser, setAnchorElUser] = useState<null | HTMLElement>(null);
 
+  const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+  const localeCategory = 'AppShell';
+
   const handleOpenNavMenu = (event: React.MouseEvent<HTMLElement>) => {
     setAnchorElNav(event.currentTarget);
   };
@@ -144,7 +147,7 @@ export default function WssNavBar(props: WssNavBarProps) {
                 onClose={handleCloseUserMenu}
               >
                 <MenuItem onClick={logout}>
-                  <Typography>Logout</Typography>
+                  <Typography>{localizedVal('Log off', localeCategory)}</Typography>
                 </MenuItem>
               </Menu>
             </Box>

package/tests/assets/sdk-r/components/createAll/override-sdk/widget/AppAnnouncement/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "componentKey": "AppAnnouncement",
-    "name": "AppAnnouncement",
-    "label": "App announcement",
-    "description": "App announcement widget",
-    "type": "Widget",
-    "subtype": "PAGE",
-    "properties": []
-}
+  "componentKey": "AppAnnouncement",
+  "name": "AppAnnouncement",
+  "label": "App announcement",
+  "description": "App announcement widget",
+  "type": "Widget",
+  "subtype": "PAGE",
+  "properties": []
+}

package/tests/assets/sdk-r/components/createAll/override-sdk/widget/Attachment/Attachment.tsx

@@ -1,11 +1,16 @@
 /* eslint-disable react/jsx-boolean-value */
 /* eslint-disable react/no-array-index-key */
+/* eslint-disable no-nested-ternary */
 import { useState, useEffect, useCallback } from 'react';
 import { CircularProgress, IconButton, Menu, MenuItem, Button } from '@material-ui/core';
 import MoreVertIcon from '@material-ui/icons/MoreVert';
 import download from 'downloadjs';
 
-import { buildFilePropsFromResponse, getIconFromFileType, validateMaxSize } from '@pega/react-sdk-components/lib/components/helpers/attachmentHelpers';
+import {
+  buildFilePropsFromResponse,
+  getIconFromFileType,
+  validateMaxSize
+} from '@pega/react-sdk-components/lib/components/helpers/attachmentHelpers';
 import { Utils } from '@pega/react-sdk-components/lib/components/helpers/utils';
 import { isInfinity23OrHigher } from '@pega/react-sdk-components/lib/components/helpers/common-utils';
 import { PConnFieldProps } from '@pega/react-sdk-components/lib/types/PConnProps';
@@ -39,7 +44,10 @@ export default function Attachment(props: AttachmentProps) {
   [required, disabled] = [required, disabled].map(prop => prop === true || (typeof prop === 'string' && prop === 'true'));
   const pConn = getPConnect();
   const caseID = PCore.getStoreValue('.pyID', 'caseInfo.content', pConn.getContextName());
-
+  const localizedVal = PCore.getLocaleUtils().getLocaleValue;
+  const localeCategory = 'CosmosFields';
+  const uploadMultipleFilesLabel = localizedVal('file_upload_text_multiple', localeCategory);
+  const uploadSingleFileLabel = localizedVal('file_upload_text_one', localeCategory);
   let categoryName = '';
   if (value && value.pyCategoryName) {
     categoryName = value.pyCategoryName;
@@ -379,7 +387,13 @@ export default function Attachment(props: AttachmentProps) {
             onChange={onFileAdded}
           />
           <Button style={{ textTransform: 'none' }} variant='outlined' color='primary' component='span'>
-            {allowMultiple === 'true' ? 'Upload files' : 'Upload a file'}
+            {allowMultiple === 'true'
+              ? uploadMultipleFilesLabel === 'file_upload_text_multiple'
+                ? 'Choose files'
+                : uploadMultipleFilesLabel
+              : uploadSingleFileLabel === 'file_upload_text_one'
+                ? 'Choose a file'
+                : uploadSingleFileLabel}
           </Button>
         </label>
       </div>

package/tests/assets/sdk-r/components/createAll/override-sdk/widget/CaseHistory/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "componentKey": "CaseHistory",
-    "name": "CaseHistory",
-    "label": "Case history",
-    "description": "Case history widget",
-    "type": "Widget",
-    "subtype": "CASE",
-    "properties": []
-}
+  "componentKey": "CaseHistory",
+  "name": "CaseHistory",
+  "label": "Case history",
+  "description": "Case history widget",
+  "type": "Widget",
+  "subtype": "CASE",
+  "properties": []
+}

package/tests/assets/sdk-r/components/createAll/override-sdk/widget/FileUtility/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "componentKey": "FileUtility",
-    "name": "FileUtility",
-    "label": "Attachments",
-    "description": "Attachments",
-    "type": "Widget",
-    "subtype": "CASE",
-    "properties": []
-}
+  "componentKey": "FileUtility",
+  "name": "FileUtility",
+  "label": "Attachments",
+  "description": "Attachments",
+  "type": "Widget",
+  "subtype": "CASE",
+  "properties": []
+}

package/tests/assets/sdk-r/components/createAll/override-sdk/widget/Followers/config-ext.json

@@ -1,9 +1,9 @@
 {
-    "componentKey": "Followers",
-    "name": "Followers",
-    "label": "Followers",
-    "description": "Followers",
-    "type": "Widget",
-    "subtype": "CASE",
-    "properties": []
-}
+  "componentKey": "Followers",
+  "name": "Followers",
+  "label": "Followers",
+  "description": "Followers",
+  "type": "Widget",
+  "subtype": "CASE",
+  "properties": []
+}