@pega/react-sdk-overrides 0.23.37 → 0.23.38

package/lib/field/UserReference/UserReference.tsx

@@ -4,6 +4,7 @@ import { Typography } from '@material-ui/core';
 import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
 import { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
 
+import FieldValueList from '@pega/react-sdk-components/lib/components/designSystemExtension/FieldValueList';
 import { getUserId, isUserNameAvailable } from './UserReferenceUtils';
 
 const DROPDOWN_LIST = 'Drop-down list';
@@ -12,6 +13,7 @@ const SEARCH_BOX = 'Search box';
 interface UserReferenceProps extends PConnProps {
   // If any, enter additional props that only exist on URLComponent here
   displayAs?: string;
+  displayMode?: string;
   label?: string;
   value?: any;
   testId?: string;
@@ -36,6 +38,7 @@ const UserReference = (props: UserReferenceProps) => {
   const {
     label = '',
     displayAs = '',
+    displayMode = '',
     getPConnect,
     value = '',
     testId = '',
@@ -96,6 +99,14 @@ const UserReference = (props: UserReferenceProps) => {
 
   let userReferenceComponent: any = null;
 
+  if (displayMode === 'LABELS_LEFT') {
+    return <FieldValueList name={hideLabel ? '' : label} value={userName || ''} />;
+  }
+
+  if (displayMode === 'STACKED_LARGE_VAL') {
+    return <FieldValueList name={hideLabel ? '' : label} value={userName || ''} variant='stacked' />;
+  }
+
   if (readOnly && showAsFormattedText) {
     if (userId) {
       userReferenceComponent = (
@@ -172,7 +183,6 @@ const UserReference = (props: UserReferenceProps) => {
       );
     }
   }
-
   return userReferenceComponent;
 };
 

package/lib/infra/Containers/ModalViewContainer/ListViewActionButtons/ListViewActionButtons.tsx

@@ -49,10 +49,13 @@ function ListViewActionButtons(props: ListViewActionButtonsProps) {
           getPConnect()
             .getActionsApi()
             .submitEmbeddedDataModal(context)
-            .then(() => {})
-            .finally(() => {
+            .then(() => {
               setIsDisabled(false);
               closeActionsDialog();
+            })
+            .catch(err => {
+              // eslint-disable-next-line no-console
+              console.log(err);
             });
         }}
       >

package/lib/template/DefaultForm/utils/index.ts

@@ -20,13 +20,8 @@ export const getKeyForMappedField = field => {
 
   const pConnect = field?.getPConnect?.();
 
-  if (pConnect?.meta?.type && pConnect?.meta?.config?.name) {
-    return `${pConnect.meta.type}_${pConnect.meta.config.name}`;
-  }
-
-  // Using label as a fallback if name is not defined.
-  if (pConnect?.meta?.type && pConnect?.meta?.config?.label) {
-    return `${pConnect.meta.type}_${pConnect.meta.config.label}`;
+  if (pConnect?.meta) {
+    return JSON.stringify(pConnect.meta);
   }
 
   return uuidv4();

package/package.json

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