@pega/react-sdk-overrides 0.23.9 → 0.23.10

package/lib/designSystemExtensions/FieldGroupList/FieldGroupList.tsx

@@ -29,7 +29,7 @@ const FieldGroupList = props => {
                   type='button'
                   style={{ float: 'right' }}
                   className='psdk-utility-button'
-                  id={`delete-row-${Utils.getLastChar(item.name)}`}
+                  id={`delete-row-${item.id}`}
                   onClick={() => {
                     props.onDelete(item.id);
                   }}

package/lib/templates/FieldGroupTemplate/FieldGroupTemplate.tsx

@@ -17,6 +17,7 @@ export default function FieldGroupTemplate(props) {
     lookForChildInConfig,
     heading,
     displayMode,
+    fieldHeader,
     allowTableEdit: allowAddEdit
   } = props;
   const pConn = getPConnect();
@@ -26,13 +27,20 @@ export default function FieldGroupTemplate(props) {
   const isReadonlyMode = renderMode === 'ReadOnly' || displayMode === 'LABELS_LEFT';
   const HEADING = heading ?? 'Row';
 
+  const getDynamicHeaderProp = (item, index) => {
+    if (fieldHeader === 'propertyRef' && heading && item[heading.substring(1)]) {
+      return item[heading.substring(1)];
+    }
+    return `Row ${index + 1}`;
+  };
+
   const addRecord = () => {
     if (PCore.getPCoreVersion()?.includes('8.7')) {
       pConn.getListActions().insert({ classID: contextClass }, referenceList.length, pageReference);
     } else {
       pConn.getListActions().insert({ classID: contextClass }, referenceList.length);
     }
-  }
+  };
 
   if (!isReadonlyMode) {
     const addFieldGroupItem = () => {
@@ -52,7 +60,10 @@ export default function FieldGroupTemplate(props) {
     const MemoisedChildren = useMemo(() => {
       return referenceList.map((item, index) => ({
         id: index,
-        name: `${HEADING} ${index + 1}`,
+        name:
+          fieldHeader === 'propertyRef'
+            ? getDynamicHeaderProp(item, index)
+            : `${HEADING} ${index + 1}`,
         children: buildView(pConn, index, lookForChildInConfig)
       }));
     }, [referenceList?.length]);

package/lib/widgets/FileUtility/FileUtility/FileUtility.tsx

@@ -8,7 +8,7 @@ import './FileUtility.css';
 import  { IconButton, Menu, MenuItem } from '@material-ui/core';
 import MoreVertIcon from '@material-ui/icons/MoreVert';
 import { Button } from '@material-ui/core';
-import { validateMaxSize } from '@pega/react-sdk-components/lib/components/infra/Attachment/AttachmentUtils';
+import { validateMaxSize } from '@pega/react-sdk-components/lib/components/widgets/Attachment/AttachmentUtils';
 import { CircularProgress } from "@material-ui/core";
 
 declare const PCore;

package/package.json

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