@pega/angular-sdk-components 0.25.8 → 0.25.9

package/fesm2022/pega-angular-sdk-components.mjs

@@ -1915,7 +1915,8 @@ class DeferLoadComponent {
         // update itself (re-render)
         const theRequestedAssignment = this.pConn$.getValue(PCore.getConstants().CASE_INFO.ASSIGNMENT_LABEL);
         const lastUpdateCaseTime = this.pConn$.getValue('caseInfo.lastUpdateTime');
-        if (theRequestedAssignment !== this.currentLoadedAssignment || (lastUpdateCaseTime && lastUpdateCaseTime !== this.lastUpdateCaseTime)) {
+        if ((theRequestedAssignment && theRequestedAssignment !== this.currentLoadedAssignment) ||
+            (lastUpdateCaseTime && lastUpdateCaseTime !== this.lastUpdateCaseTime)) {
             this.currentLoadedAssignment = theRequestedAssignment;
             this.lastUpdateCaseTime = lastUpdateCaseTime;
             this.updateSelf();
@@ -1989,6 +1990,8 @@ class DeferLoadComponent {
             }
         }
         else if (this.resourceType === this.PAGE) {
+            if (!this.loadViewCaseID)
+                return;
             // Rendering defer loaded tabs in case/ page context
             this.pConn$
                 .getActionsApi()
@@ -10894,6 +10897,7 @@ class FieldGroupTemplateComponent {
         this.utils = utils;
         this.angularPConnectData = {};
         this.showLabel$ = true;
+        this.referenceListLength = signal(null);
         this.allowAdd = true;
         this.allowEdit = true;
         this.allowDelete = true;
@@ -10901,16 +10905,13 @@ class FieldGroupTemplateComponent {
             return `${heading} ${index + 1}`;
         };
         this.getDynamicHeader = (item, index) => {
-            if (this.fieldHeader === 'propertyRef' && this.heading && item[this.heading.substring(1)]) {
+            if (this.heading && item[this.heading.substring(1)]) {
                 return item[this.heading.substring(1)];
             }
             return `Row ${index + 1}`;
         };
     }
     ngOnInit() {
-        // First thing in initialization is registering and subscribing to the AngularPConnect service
-        this.angularPConnectData = this.angularPConnect.registerAndSubscribeComponent(this, this.onStateChange);
-        this.updateSelf();
         this.menuIconOverride$ = this.utils.getImageSrc('trash', this.utils.getSDKStaticContentUrl());
         const { allowActions, allowTableEdit, referenceList } = this.configProps$;
         if (allowActions && Object.keys(allowActions).length > 0) {
@@ -10931,15 +10932,6 @@ class FieldGroupTemplateComponent {
             this.angularPConnectData.unsubscribeFn();
         }
     }
-    onStateChange() {
-        // Should always check the bridge to see if the component should
-        // update itself (re-render)
-        const bUpdateSelf = this.angularPConnect.shouldComponentUpdate(this);
-        // ONLY call updateSelf when the component should update
-        if (bUpdateSelf) {
-            this.updateSelf();
-        }
-    }
     ngOnChanges(changes) {
         if (changes && changes.configProps$) {
             const props = changes.configProps$;
@@ -10949,14 +10941,12 @@ class FieldGroupTemplateComponent {
                     this.pConn$ = changes?.pConn$?.currentValue;
                 }
                 this.updateSelf();
+                setTimeout(() => {
+                    this.angularPConnect.shouldComponentUpdate(this);
+                }, 100);
             }
         }
     }
-    ngAfterViewInit() {
-        const resolvedList = getReferenceList(this.pConn$);
-        // @ts-ignore - Expected 3 arguments, but got 1
-        this.pConn$.getListActions().initDefaultPageInstructions(resolvedList);
-    }
     updateSelf() {
         const inheritedProps = this.pConn$.getInheritedProps();
         const { label, hideLabel, allowRowDelete, referenceList, fieldHeader, renderMode, displayMode, heading, contextClass, lookForChildInConfig } = this.configProps$;
@@ -10972,7 +10962,9 @@ class FieldGroupTemplateComponent {
         if (this.readonlyMode) {
             this.pConn$.setInheritedProp('displayMode', 'DISPLAY_ONLY');
         }
-        if (this.referenceListLength != referenceList?.length) {
+        if (this.referenceListLength() != referenceList?.length) {
+            // @ts-ignore - Expected 3 arguments, but got 1
+            this.pConn$.getListActions().initDefaultPageInstructions(resolvedList);
             this.children = referenceList?.map((item, index) => {
                 return {
                     id: index,
@@ -10982,10 +10974,10 @@ class FieldGroupTemplateComponent {
                 };
             });
         }
-        this.referenceListLength = referenceList?.length || 0;
+        this.referenceListLength.set(referenceList?.length || 0);
     }
     addFieldGroupItem() {
-        this.pConn$.getListActions().insert({ classID: this.contextClass }, this.referenceListLength);
+        this.pConn$.getListActions().insert({ classID: this.contextClass }, this.referenceListLength());
     }
     deleteFieldGroupItem(index) {
         this.pConn$.getListActions().deleteEntry(index);
@@ -16532,10 +16524,11 @@ class AttachmentComponent {
         const rawValue = this.pConn$.getComponentConfig().value;
         const isAttachmentAnnotationPresent = typeof rawValue === 'object' ? false : rawValue?.includes('@ATTACHMENT');
         const { attachments, isOldAttachment } = isAttachmentAnnotationPresent ? value : PCore.getAttachmentUtils().prepareAttachmentData(value);
+        const isAttachmentsChanged = !PCore.isDeepEqual(this.attachments, attachments);
         this.isOldAttachment = isOldAttachment;
         this.attachments = attachments;
         // update the attachments shown in the UI
-        if (this.attachments.length) {
+        if (isAttachmentsChanged) {
             this.updateAttachments();
         }
     }
@@ -16766,6 +16759,7 @@ class AttachmentComponent {
                         fileResponses[index].value.thumbnail = localFile.props.thumbnail;
                         localFile.inProgress = false;
                         localFile.ID = fileResponses[index].value.ID;
+                        localFile.props.id = fileResponses[index].value.ID;
                         localFile.props.meta = this.localizationService.getLocalizedText('Uploaded successfully');
                         localFile.props.progress = 100;
                         localFile.handle = fileResponses[index].value.ID;