@pega/dx-component-builder-sdk 0.24.2 → 0.24.4

package/tests/assets/sdk-a/components/createAll/override-sdk/infra/dashboard-filter/dashboard-filter.component.ts

@@ -0,0 +1,89 @@
+import { Component, OnInit, Input, forwardRef } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';
+import { MatNativeDateModule } from '@angular/material/core';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatButtonModule } from '@angular/material/button';
+import { debounceTime } from 'rxjs/operators';
+import { Subject } from 'rxjs';
+import { ComponentMapperComponent } from '@pega/angular-sdk-components';
+import { getFilterExpression, getFormattedDate, createFilter, combineFilters } from '@pega/angular-sdk-components';
+
+@Component({
+  selector: 'app-dashboard-filter',
+  templateUrl: './dashboard-filter.component.html',
+  styleUrls: ['./dashboard-filter.component.scss'],
+  standalone: true,
+  imports: [
+    CommonModule,
+    MatFormFieldModule,
+    ReactiveFormsModule,
+    MatDatepickerModule,
+    MatButtonModule,
+    MatNativeDateModule,
+    forwardRef(() => ComponentMapperComponent)
+  ]
+})
+export class DashboardFilterComponent implements OnInit {
+  @Input() pConn$: typeof PConnect;
+  @Input() filtersFormGroup$: FormGroup;
+  @Input() inlineProps;
+  @Input() children;
+
+  arChildren$: any[];
+  private filterChangeSubject = new Subject<string>();
+
+  constructor() {
+    this.filterChangeSubject.pipe(debounceTime(500)).subscribe(val => this.fireFilterChange(val));
+  }
+
+  ngOnInit() {
+    if (this.filtersFormGroup$ != null) {
+      this.filtersFormGroup$.addControl('start', new FormControl(null));
+      this.filtersFormGroup$.addControl('end', new FormControl(null));
+    }
+  }
+
+  clearFilters() {
+    this.filtersFormGroup$.reset();
+    PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CLEAR_ALL);
+  }
+
+  updateTmpData(filterData) {
+    this.filterChangeSubject.next(filterData);
+  }
+
+  dateRangeChangeHandler(field) {
+    const { filterId, name } = field;
+    const start = (this.filtersFormGroup$.get('start') as FormControl).value;
+    const end = (this.filtersFormGroup$.get('end') as FormControl).value;
+    if (start && end) {
+      let startDate = getFormattedDate(start);
+      let endDate = getFormattedDate(end);
+
+      if (startDate && endDate) {
+        startDate = `${startDate}T00:00:00`;
+        endDate = `${endDate}T00:00:00`;
+        const startFilter = createFilter(startDate, name, 'GT');
+        const endFilter = createFilter(endDate, name, 'LT');
+
+        const filterData = {
+          filterId,
+          filterExpression: combineFilters([startFilter, endFilter], null)
+        };
+        PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CHANGE, filterData);
+      }
+    }
+  }
+
+  fireFilterChange(data: any) {
+    const { event, field } = data;
+    const filterData = {
+      filterId: field.filterId,
+      filterExpression: getFilterExpression(event.target.value, field.name, field.metadata)
+    };
+
+    PCore.getPubSubUtils().publish(PCore.getConstants().PUB_SUB_EVENTS.EVENT_DASHBOARD_FILTER_CHANGE, filterData);
+  }
+}

package/tests/assets/sdk-a/components/createAll/override-sdk/infra/defer-load/defer-load.component.ts

@@ -44,7 +44,8 @@ export class DeferLoadComponent implements OnInit, OnDestroy, OnChanges {
 
   ngOnInit(): void {
     this.angularPConnectData = this.angularPConnect.registerAndSubscribeComponent(this, this.onStateChange);
-    this.loadActiveTab();
+    // The below call is causing an error while creating/opening a case, hence commenting it out
+    // this.loadActiveTab();
   }
 
   ngOnDestroy(): void {
@@ -56,7 +57,6 @@ export class DeferLoadComponent implements OnInit, OnDestroy, OnChanges {
   onStateChange() {
     // Should always check the bridge to see if the component should
     // update itself (re-render)
-    // @ts-ignore - second parameter pageReference for getValue method should be optional
     const theRequestedAssignment = this.pConn$.getValue(PCore.getConstants().CASE_INFO.ASSIGNMENT_LABEL);
     if (theRequestedAssignment !== this.currentLoadedAssignment) {
       this.currentLoadedAssignment = theRequestedAssignment;
@@ -65,7 +65,6 @@ export class DeferLoadComponent implements OnInit, OnDestroy, OnChanges {
   }
 
   ngOnChanges() {
-    // @ts-ignore - second parameter pageReference for getValue method should be optional
     this.loadViewCaseID = this.pConn$.getValue(this.constants.PZINSKEY) || this.pConn$.getValue(this.constants.CASE_INFO.CASE_INFO_ID);
     let containerItemData;
     const targetName = this.pConn$.getTarget();
@@ -91,7 +90,6 @@ export class DeferLoadComponent implements OnInit, OnDestroy, OnChanges {
 
   getViewOptions = () => ({
     viewContext: this.resourceType,
-    // @ts-ignore - parameter “contextName” for getDataObject method should be optional
     pageClass: this.loadViewCaseID ? '' : this.pConn$.getDataObject().pyPortal.classID,
     container: this.isContainerPreview ? 'preview' : null,
     containerName: this.isContainerPreview ? 'preview' : null,
@@ -138,9 +136,8 @@ export class DeferLoadComponent implements OnInit, OnDestroy, OnChanges {
         this.pConn$
           .getActionsApi()
           .showData(this.name, dataContext, dataContextParameters, {
-            // @ts-ignore - skipSemanticUrl should be boolean type
             skipSemanticUrl: true,
-            // @ts-ignore
+            // @ts-ignore - Object literal may only specify known properties, and 'isDeferLoaded' does not exist in type '{ containerName: string; skipSemanticUrl: boolean; }'
             isDeferLoaded: true
           })
           .then(data => {
@@ -160,8 +157,8 @@ export class DeferLoadComponent implements OnInit, OnDestroy, OnChanges {
     } else {
       this.pConn$
         .getActionsApi()
-        .refreshCaseView(encodeURI(this.loadViewCaseID), this.name, null)
-        .then(data => {
+        .refreshCaseView(encodeURI(this.loadViewCaseID), this.name, '')
+        .then((data: any) => {
           this.onResponse(data.root);
         });
     }

package/tests/assets/sdk-a/components/createAll/override-sdk/infra/flow-container/flow-container.component.html

@@ -0,0 +1,40 @@
+<div style="text-align: left" class="psdk-flow-container-top">
+  <div *ngIf="!bShowConfirm">
+    <div *ngIf="!todo_showTodo$">
+      <h2>{{ containerName$ }}</h2>
+      <div *ngIf="banners?.length">
+        <component-mapper name="AlertBanner" [props]="{ banners }"></component-mapper>
+      </div>
+    </div>
+    <div *ngIf="todo_showTodo$">
+      <component-mapper
+        name="Todo"
+        [props]="{
+          pConn$: todo_pConn$,
+          caseInfoID$: todo_caseInfoID$,
+          datasource$: todo_datasource$,
+          showTodoList$: todo_showTodoList$,
+          headerText$: todo_headerText$,
+          type$: 'TODO',
+          context$: todo_context$,
+          itemKey$: itemKey$,
+          isConfirm: true
+        }"
+      ></component-mapper>
+    </div>
+    <div *ngIf="!todo_showTodo$">
+      <component-mapper name="Assignment" [props]="{ pConn$, formGroup$, arChildren$, itemKey$ }"></component-mapper>
+    </div>
+  </div>
+  <div *ngIf="bHasCaseMessages$">
+    <mat-card class="psdk-message-card">
+      <div style="display: flex; flex-direction: row">
+        <div><img class="psdk-icon" src="{{ checkSvg$ }}" /></div>
+        <div>{{ caseMessages$ }}</div>
+      </div>
+    </mat-card>
+  </div>
+  <div *ngIf="bShowBanner && bShowConfirm">
+    <component-mapper name="View" [props]="{ formGroup$, pConn$: confirm_pconn }"></component-mapper>
+  </div>
+</div>

package/tests/assets/sdk-a/components/createAll/override-sdk/infra/flow-container/flow-container.component.scss

@@ -0,0 +1 @@
+/* moved the flow-conatiner component styles to containerStyles file */

package/tests/assets/sdk-a/components/createAll/override-sdk/infra/flow-container/flow-container.component.spec.ts

@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+
+import { FlowContainerComponent } from './flow-container.component';
+
+describe('FlowContainerComponent', () => {
+  let component: FlowContainerComponent;
+  let fixture: ComponentFixture<FlowContainerComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [FlowContainerComponent]
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(FlowContainerComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});