@pega/dx-component-builder-sdk 0.242.14 → 0.242.15

package/tests/assets/sdk-a/components/createAll/override-sdk/template/details-wide-narrow/details-wide-narrow.component.ts

@@ -1,7 +1,6 @@
-import { Component, OnInit, Input, forwardRef, OnDestroy } from '@angular/core';
-import { FormGroup } from '@angular/forms';
-import { AngularPConnectData, AngularPConnectService } from '@pega/angular-sdk-components';
+import { Component, forwardRef } from '@angular/core';
 import { ComponentMapperComponent } from '@pega/angular-sdk-components';
+import { DetailsTemplateBase } from '@pega/angular-sdk-components';
 
 @Component({
   selector: 'app-details-wide-narrow',
@@ -10,50 +9,16 @@ import { ComponentMapperComponent } from '@pega/angular-sdk-components';
   standalone: true,
   imports: [forwardRef(() => ComponentMapperComponent)]
 })
-export class DetailsWideNarrowComponent implements OnInit, OnDestroy {
-  constructor(private angularPConnect: AngularPConnectService) {}
-
-  @Input() pConn$: typeof PConnect;
-  @Input() formGroup$: FormGroup;
+export class DetailsWideNarrowComponent extends DetailsTemplateBase {
+  override pConn$: typeof PConnect;
 
   highlightedDataArr: any[] = [];
   showHighlightedData: boolean;
   arFields$: any[] = [];
   arFields2$: any[] = [];
   propsToUse: any = {};
-  // Used with AngularPConnect
-  angularPConnectData: AngularPConnectData = {};
-
-  ngOnInit(): void {
-    // First thing in initialization is registering and subscribing to the AngularPConnect service
-    this.angularPConnectData = this.angularPConnect.registerAndSubscribeComponent(this, this.onStateChange);
-
-    // this.updateSelf();
-    this.checkAndUpdate();
-  }
-
-  ngOnDestroy() {
-    if (this.angularPConnectData.unsubscribeFn) {
-      this.angularPConnectData.unsubscribeFn();
-    }
-  }
-
-  onStateChange() {
-    this.checkAndUpdate();
-  }
-
-  checkAndUpdate() {
-    // 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();
-    }
-  }
 
-  updateSelf() {
+  override updateSelf() {
     const rawMetaData: any = this.pConn$.resolveConfigProps(this.pConn$.getRawMetadata()?.config);
     this.showHighlightedData = rawMetaData?.showHighlightedData;
 

package/tests/assets/sdk-a/components/createAll/override-sdk/template/one-column/one-column.component.ts

@@ -2,7 +2,7 @@ import { Component, OnInit, Input, forwardRef, OnChanges, SimpleChanges } from '
 import { CommonModule } from '@angular/common';
 import { FormGroup } from '@angular/forms';
 import { ComponentMapperComponent } from '@pega/angular-sdk-components';
-import { FormTemplateBaseComponent } from '@pega/angular-sdk-components';
+import { FormTemplateBase } from '@pega/angular-sdk-components';
 
 @Component({
   selector: 'app-one-column',
@@ -11,7 +11,7 @@ import { FormTemplateBaseComponent } from '@pega/angular-sdk-components';
   standalone: true,
   imports: [CommonModule, forwardRef(() => ComponentMapperComponent)]
 })
-export class OneColumnComponent extends FormTemplateBaseComponent implements OnInit, OnChanges {
+export class OneColumnComponent extends FormTemplateBase implements OnInit, OnChanges {
   @Input() override pConn$: typeof PConnect;
   @Input() formGroup$: FormGroup;
 

package/tests/assets/sdk-a/components/createAll/override-sdk/template/simple-table-manual/simple-table-manual.component.scss

@@ -4,6 +4,7 @@
   width: 100%;
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
+  overflow-y: auto;
 }
 
 table {

package/tests/assets/sdk-a/components/createAll/override-sdk/template/three-column/three-column.component.ts

@@ -2,7 +2,7 @@ import { Component, OnInit, Input, forwardRef, OnChanges, SimpleChanges } from '
 import { CommonModule } from '@angular/common';
 import { FormGroup } from '@angular/forms';
 import { ComponentMapperComponent } from '@pega/angular-sdk-components';
-import { FormTemplateBaseComponent } from '@pega/angular-sdk-components';
+import { FormTemplateBase } from '@pega/angular-sdk-components';
 
 @Component({
   selector: 'app-three-column',
@@ -11,7 +11,7 @@ import { FormTemplateBaseComponent } from '@pega/angular-sdk-components';
   standalone: true,
   imports: [CommonModule, forwardRef(() => ComponentMapperComponent)]
 })
-export class ThreeColumnComponent extends FormTemplateBaseComponent implements OnInit, OnChanges {
+export class ThreeColumnComponent extends FormTemplateBase implements OnInit, OnChanges {
   @Input() override pConn$: typeof PConnect;
   @Input() formGroup$: FormGroup;
 

package/tests/assets/sdk-a/components/createAll/override-sdk/template/two-column/two-column.component.ts

@@ -2,7 +2,7 @@ import { Component, OnInit, Input, forwardRef, SimpleChanges, OnChanges } from '
 import { CommonModule } from '@angular/common';
 import { FormGroup } from '@angular/forms';
 import { ComponentMapperComponent } from '@pega/angular-sdk-components';
-import { FormTemplateBaseComponent } from '@pega/angular-sdk-components';
+import { FormTemplateBase } from '@pega/angular-sdk-components';
 
 @Component({
   selector: 'app-two-column',
@@ -11,7 +11,7 @@ import { FormTemplateBaseComponent } from '@pega/angular-sdk-components';
   standalone: true,
   imports: [CommonModule, forwardRef(() => ComponentMapperComponent)]
 })
-export class TwoColumnComponent extends FormTemplateBaseComponent implements OnInit, OnChanges {
+export class TwoColumnComponent extends FormTemplateBase implements OnInit, OnChanges {
   @Input() override pConn$: typeof PConnect;
   @Input() formGroup$: FormGroup;
 

package/tests/assets/sdk-a/components/createAll/override-sdk/template/wide-narrow-form/wide-narrow-form.component.ts

@@ -2,7 +2,7 @@ import { Component, OnInit, Input, forwardRef, OnChanges, SimpleChanges } from '
 import { CommonModule } from '@angular/common';
 import { FormGroup } from '@angular/forms';
 import { ComponentMapperComponent } from '@pega/angular-sdk-components';
-import { FormTemplateBaseComponent } from '@pega/angular-sdk-components';
+import { FormTemplateBase } from '@pega/angular-sdk-components';
 
 @Component({
   selector: 'app-wide-narrow-form',
@@ -11,7 +11,7 @@ import { FormTemplateBaseComponent } from '@pega/angular-sdk-components';
   standalone: true,
   imports: [CommonModule, forwardRef(() => ComponentMapperComponent)]
 })
-export class WideNarrowFormComponent extends FormTemplateBaseComponent implements OnInit, OnChanges {
+export class WideNarrowFormComponent extends FormTemplateBase implements OnInit, OnChanges {
   @Input() override pConn$: typeof PConnect;
   @Input() formGroup$: FormGroup;
 

package/tests/functional/sdk-a/localCreateAllListDeleteAllCustom.test.js

@@ -12,7 +12,7 @@ describe('createAll list and deleteAll local custom', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 50000);
 
   it('npm run createAll Local custom', async () => {
     const script = `npm run createAll "My" 0.0.1 DXIL "" Pega --prefix ../../..`;
@@ -42,7 +42,7 @@ describe('createAll list and deleteAll local custom', () => {
     //   // remove it
     //   fs.rmdirSync(fileDir, { recursive: true });
     // }
-  }, 10000);
+  }, 900000);
 
   it('npm run list Local custom', async () => {
     const script = 'npm run list Local custom --prefix ../../..';
@@ -77,7 +77,7 @@ describe('createAll list and deleteAll local custom', () => {
     expect(stdout).toContain('Pega_DXIL_MyCaseWidget');
     expect(stdout).toContain('Pega_DXIL_MyPageWidget');
     expect(stdout).toContain('Pega_DXIL_MyPageCaseWidget');
-  }, 10000);
+  }, 900000);
 
   it('compare created to default', async () => {
     const compList = [
@@ -129,7 +129,7 @@ describe('createAll list and deleteAll local custom', () => {
         expect(componentFileData).toEqual(assetFileData);
       });
     });
-  }, 10000);
+  }, 900000);
 
   it('npm run deleteAll Local custom', async () => {
     const script = `npm run deleteAll Local custom Y --prefix ../../..`;
@@ -156,5 +156,5 @@ describe('createAll list and deleteAll local custom', () => {
     // const createFile = path.resolve('../../..', path.join(`src/components/${newFileName}`, 'index.jsx'));
     // const doesExist = fs.existsSync(createFile);
     // expect(doesExist).not.toBeTruthy();
-  }, 10000);
+  }, 900000);
 });

package/tests/functional/sdk-a/localCreateAllListDeleteAllOverride.test.js

@@ -12,7 +12,7 @@ describe('overrideAll list and deleteAll local override', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 50000);
 
   it('npm run overrideAll Local', async () => {
     const script = `npm run overrideAll --prefix ../../..`;
@@ -42,7 +42,7 @@ describe('overrideAll list and deleteAll local override', () => {
     //   // remove it
     //   fs.rmdirSync(fileDir, { recursive: true });
     // }
-  }, 20000);
+  }, 900000);
 
   it('npm run list Local override', async () => {
     const script = 'npm run list Local override --prefix ../../..';
@@ -62,7 +62,7 @@ describe('overrideAll list and deleteAll local override', () => {
     expect(stdout).toContain('navbar');
 
     // done();
-  }, 10000);
+  }, 900000);
 
   it('compare created to default', async () => {
     let assetDir;
@@ -103,7 +103,7 @@ describe('overrideAll list and deleteAll local override', () => {
         });
       });
     });
-  }, 20000);
+  }, 900000);
 
   it('npm run deleteAll Local override', async () => {
     const script = `npm run deleteAll Local override Y --prefix ../../..`;
@@ -130,5 +130,5 @@ describe('overrideAll list and deleteAll local override', () => {
     // const createFile = path.resolve('../../..', path.join(`src/components/${newFileName}`, 'index.jsx'));
     // const doesExist = fs.existsSync(createFile);
     // expect(doesExist).not.toBeTruthy();
-  }, 10000);
+  }, 900000);
 });

package/tests/functional/sdk-a/localCreateBuildAllDeleteAllCustom.test.js

@@ -12,7 +12,7 @@ describe('create buildAll and deleteAll local custom', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 50000);
 
   it('npm run create Local text custom', async () => {
     const fileName = 'MyTestText';
@@ -138,7 +138,7 @@ describe('create buildAll and deleteAll local custom', () => {
     expect(stdout).toContain('Pega_DXIL_MyTestPage');
     expect(stdout).toContain('Pega_DXIL_MyTestDetails');
     // done();
-  }, 100000);
+  }, 900000);
 
   it('npm run deleteAll Local custom', async () => {
     const script = `npm run deleteAll Local custom Y --prefix ../../..`;

package/tests/functional/sdk-a/localCreateBuildDeleteCustom.test.js

@@ -12,7 +12,7 @@ describe('create build and delete local custom', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 50000);
 
   it('npm run create Local custom', async () => {
     const fileName = 'MyTestText';
@@ -62,7 +62,7 @@ describe('create build and delete local custom', () => {
     expect(stdout).toContain(`${newFileNameConstellation} schema is valid`);
     // expect(stdout).toContain('Compiled successfully.');
     // done();
-  }, 60000);
+  }, 900000);
 
   it('npm run delete Local custom', async () => {
     const fileName = 'MyTestText';

package/tests/functional/sdk-a/localCreateBuildDeleteOverride.test.js

@@ -12,7 +12,7 @@ describe('create build and delete local override', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 50000);
 
   it('npm run create Local override', async () => {
     const fileName = 'auto-complete';
@@ -49,7 +49,7 @@ describe('create build and delete local override', () => {
     // expect(stdout).toContain(`${newFileNameConstellation} schema is valid`);
     // expect(stdout).toContain('Compiled successfully.');
     // done();
-  }, 50000);
+  }, 900000);
 
   it('npm run delete Local override', async () => {
     const fileName = 'auto-complete';

package/tests/functional/sdk-a/localCreateListDeleteCustom.test.js

@@ -12,7 +12,7 @@ describe('create list and delete local custom', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 50000);
 
   it('npm run create Local custom', async () => {
     const fileName = 'MyTestText';

package/tests/functional/sdk-a/localCreateListDeleteOverride.test.js

@@ -12,7 +12,7 @@ describe('create list and delete local override', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 50000);
 
   it('npm run create Local override', async () => {
     const fileName = 'auto-complete';

package/tests/functional/sdk-a/localCreateMapAllClearMap.test.js

@@ -12,7 +12,7 @@ describe('create mapAll clearMap custom local', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 100000);
 
   it('npm run create Local text custom', async () => {
     const fileName = 'MyTestText';
@@ -203,7 +203,7 @@ describe('create mapAll clearMap custom local', () => {
     const blankMapData = fs.readFileSync(blankMap, { encoding: 'utf8' });
 
     expect(mapDataAng).toEqual(blankMapData);
-  }, 10000);
+  }, 100000);
 
   it('npm run deleteAll Local verify not in map custom', async () => {
     const script = `npm run deleteAll Local custom Y --prefix ../../..`;

package/tests/functional/sdk-a/localCreatePublishAllDeleteAllCustom.test.js

@@ -12,7 +12,7 @@ describe('create publish and deleteAll local', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 50000);
 
   it('npm run create Local text custom', async () => {
     const fileName = 'MyTestText';
@@ -185,7 +185,7 @@ describe('create publish and deleteAll local', () => {
     expect(isInMap).toBeTruthy();
 
     // done();
-  }, 100000);
+  }, 900000);
 
   it('npm run deleteAll Local verify not in map custom', async () => {
     const script = `npm run deleteAll Local custom Y --prefix ../../..`;

package/tests/functional/sdk-a/localCreatePublishAllDeleteAllOverride.test.js

@@ -12,7 +12,7 @@ describe('override publish and deleteAll local override', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 50000);
 
   it('npm run override auto complete override', async () => {
     const fileName = 'auto-complete';
@@ -133,7 +133,7 @@ describe('override publish and deleteAll local override', () => {
     }
 
     expect(isInMap).toBeTruthy();
-  }, 100000);
+  }, 900000);
 
   it('npm run deleteAll Local override verify removed from map', async () => {
     const script = `npm run deleteAll Local override Y --prefix ../../..`;

package/tests/functional/sdk-a/localCreatePublishDeleteCustom.test.js

@@ -12,7 +12,7 @@ describe('create publish and delete local custom', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 50000);
 
   it('npm run create Local custom', async () => {
     const fileName = 'MyTestText';
@@ -91,7 +91,7 @@ describe('create publish and delete local custom', () => {
     expect(isInMap).toBeTruthy();
 
     // done();
-  }, 60000);
+  }, 900000);
 
   it('npm run delete Local custom verify removed from map', async () => {
     const fileName = 'MyTestText';

package/tests/functional/sdk-a/localCreatePublishDeleteOverride.test.js

@@ -12,7 +12,7 @@ describe('create publish and delete local override', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 50000);
 
   it('npm run create Local override', async () => {
     const fileName = 'auto-complete';
@@ -66,7 +66,7 @@ describe('create publish and delete local override', () => {
     }
 
     expect(isInMap).toBeTruthy();
-  }, 50000);
+  }, 900000);
 
   it('npm run delete Local override verify removed from map', async () => {
     const fileName = 'auto-complete';

package/tests/functional/sdk-a/localCreateRenameDeleteCustom.test.js

@@ -12,7 +12,7 @@ describe('create rename and delete local', () => {
     // console.log(stdout);
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
-  });
+  }, 50000);
 
   it('npm run create Local custom', async () => {
     const fileName = 'MyTestText';