npm - @pega/dx-component-builder-sdk - Versions diffs - 0.23.11 → 0.23.12 - Mend

@pega/dx-component-builder-sdk 0.23.11 → 0.23.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (184) hide show

package/tests/assets/sdk-a/components/createAll/override-sdk/field/currency/currency.component.html CHANGED Viewed

@@ -15,7 +15,7 @@
             [placeholder]="placeholder"
             [value]="value$ | number: '1.2-2'"
             [required]="bRequired$"
-            [formControlName]="controlName$"
+            [formControl]="fieldControl"
             [attr.data-test-id]="testId"
             (change)="fieldOnChange($event)"
             (blur)="fieldOnBlur($event)"

package/tests/assets/sdk-a/components/createAll/override-sdk/field/currency/currency.component.ts CHANGED Viewed

@@ -68,7 +68,7 @@ export class CurrencyComponent implements OnInit, OnDestroy {
     // this.updateSelf();
     this.checkAndUpdate();
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       // add control to formGroup
       this.formGroup$.addControl(this.controlName$, this.fieldControl);
       this.fieldControl.setValue(this.value$);
@@ -80,7 +80,7 @@ export class CurrencyComponent implements OnInit, OnDestroy {
   }
   ngOnDestroy(): void {
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       this.formGroup$.removeControl(this.controlName$);
     }

package/tests/assets/sdk-a/components/createAll/override-sdk/field/date/date.component.html CHANGED Viewed

@@ -15,7 +15,7 @@
           type="text"
           [value]="value$"
           [required]="bRequired$"
-          [formControlName]="controlName$"
+          [formControl]="fieldControl"
           (dateChange)="fieldOnDateChange($event)"
           (blur)="fieldOnBlur($event)"
         />

package/tests/assets/sdk-a/components/createAll/override-sdk/field/date/date.component.ts CHANGED Viewed

@@ -102,7 +102,7 @@ export class DateComponent implements OnInit, OnDestroy {
     // this.updateSelf();
     this.checkAndUpdate();
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       // add control to formGroup
       this.formGroup$.addControl(this.controlName$, this.fieldControl);
       this.fieldControl.setValue(this.value$);
@@ -114,7 +114,7 @@ export class DateComponent implements OnInit, OnDestroy {
   }
   ngOnDestroy(): void {
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       this.formGroup$.removeControl(this.controlName$);
     }

package/tests/assets/sdk-a/components/createAll/override-sdk/field/date-time/date-time.component.html CHANGED Viewed

@@ -11,7 +11,7 @@
           [attr.data-test-id]="testId"
           [ngxMatDatetimePicker]="picker"
           [placeholder]="placeholder"
-          [formControlName]="controlName$"
+          [formControl]="fieldControl"
           (dateChange)="fieldOnChange($event)"
           (blur)="fieldOnBlur($event)"
           [value]="value$"

package/tests/assets/sdk-a/components/createAll/override-sdk/field/date-time/date-time.component.ts CHANGED Viewed

@@ -67,7 +67,7 @@ export class DateTimeComponent implements OnInit, OnDestroy {
   configProps$: DateTimeProps;
   label$ = '';
-  value$: string;
+  value$: any;
   bRequired$ = false;
   bReadonly$ = false;
   bDisabled$ = false;
@@ -106,7 +106,7 @@ export class DateTimeComponent implements OnInit, OnDestroy {
     // this.updateSelf();
     this.checkAndUpdate();
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       // add control to formGroup
       this.formGroup$.addControl(this.controlName$, this.fieldControl);
       this.fieldControl.setValue(this.value$);
@@ -118,7 +118,7 @@ export class DateTimeComponent implements OnInit, OnDestroy {
   }
   ngOnDestroy(): void {
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       this.formGroup$.removeControl(this.controlName$);
     }
     if (this.angularPConnectData.unsubscribeFn) {
@@ -152,7 +152,8 @@ export class DateTimeComponent implements OnInit, OnDestroy {
     this.displayMode$ = this.configProps$.displayMode;
     this.testId = this.configProps$.testId;
     this.helperText = this.configProps$.helperText;
+    this.value$ = this.configProps$?.value;
+    this.fieldControl.setValue(this.value$);
     // timeout and detectChanges to avoid ExpressionChangedAfterItHasBeenCheckedError
     setTimeout(() => {
       if (this.configProps$.required != null) {

package/tests/assets/sdk-a/components/createAll/override-sdk/field/decimal/decimal.component.html CHANGED Viewed

@@ -14,7 +14,7 @@
           step="0.01"
           [value]="value$"
           [required]="bRequired$"
-          [formControlName]="controlName$"
+          [formControl]="fieldControl"
           [attr.data-test-id]="testId"
           (blur)="fieldOnBlur($event)"
         />

package/tests/assets/sdk-a/components/createAll/override-sdk/field/decimal/decimal.component.ts CHANGED Viewed

@@ -73,7 +73,7 @@ export class DecimalComponent implements OnInit, OnDestroy {
     // this.updateSelf();
     this.checkAndUpdate();
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       // add control to formGroup
       this.formGroup$.addControl(this.controlName$, this.fieldControl);
       this.fieldControl.setValue(this.value$);
@@ -85,7 +85,7 @@ export class DecimalComponent implements OnInit, OnDestroy {
   }
   ngOnDestroy(): void {
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       this.formGroup$.removeControl(this.controlName$);
     }

package/tests/assets/sdk-a/components/createAll/override-sdk/field/dropdown/dropdown.component.html CHANGED Viewed

@@ -14,7 +14,7 @@
           [required]="bRequired$"
           [attr.data-test-id]="testId"
           (selectionChange)="fieldOnChange($event)"
-          [formControlName]="controlName$"
+          [formControl]="fieldControl"
         >
           <mat-option *ngFor="let opt of options$" [value]="opt.key">
             {{ getLocalizedOptionValue(opt) }}

package/tests/assets/sdk-a/components/createAll/override-sdk/field/dropdown/dropdown.component.ts CHANGED Viewed

@@ -79,7 +79,7 @@ export class DropdownComponent implements OnInit, OnDestroy {
     // this.updateSelf();
     this.checkAndUpdate();
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       // add control to formGroup
       this.formGroup$.addControl(this.controlName$, this.fieldControl);
       this.fieldControl.setValue(this.value$);
@@ -91,7 +91,7 @@ export class DropdownComponent implements OnInit, OnDestroy {
   }
   ngOnDestroy(): void {
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       this.formGroup$.removeControl(this.controlName$);
     }

package/tests/assets/sdk-a/components/createAll/override-sdk/field/email/email.component.html CHANGED Viewed

@@ -12,7 +12,7 @@
           type="email"
           [value]="value$"
           [required]="bRequired$"
-          [formControlName]="controlName$"
+          [formControl]="fieldControl"
           [attr.data-test-id]="testId"
           (change)="fieldOnChange($event)"
           (blur)="fieldOnBlur($event)"

package/tests/assets/sdk-a/components/createAll/override-sdk/field/email/email.component.ts CHANGED Viewed

@@ -61,7 +61,7 @@ export class EmailComponent implements OnInit, OnDestroy {
     // this.updateSelf();
     this.checkAndUpdate();
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       // add control to formGroup
       this.formGroup$.addControl(this.controlName$, this.fieldControl);
       this.fieldControl.setValue(this.value$);
@@ -73,7 +73,7 @@ export class EmailComponent implements OnInit, OnDestroy {
   }
   ngOnDestroy(): void {
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       this.formGroup$.removeControl(this.controlName$);
     }

package/tests/assets/sdk-a/components/createAll/override-sdk/field/integer/integer.component.html CHANGED Viewed

@@ -13,7 +13,7 @@
           step="1"
           [value]="value$"
           [required]="bRequired$"
-          [formControlName]="controlName$"
+          [formControl]="fieldControl"
           [attr.data-test-id]="testId"
           (change)="fieldOnChange($event)"
           (blur)="fieldOnBlur($event)"

package/tests/assets/sdk-a/components/createAll/override-sdk/field/integer/integer.component.ts CHANGED Viewed

@@ -61,7 +61,7 @@ export class IntegerComponent implements OnInit, OnDestroy {
     // this.updateSelf();
     this.checkAndUpdate();
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       // add control to formGroup
       this.formGroup$.addControl(this.controlName$, this.fieldControl);
       this.fieldControl.setValue(this.value$);
@@ -73,7 +73,7 @@ export class IntegerComponent implements OnInit, OnDestroy {
   }
   ngOnDestroy(): void {
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       this.formGroup$.removeControl(this.controlName$);
     }

package/tests/assets/sdk-a/components/createAll/override-sdk/field/percentage/percentage.component.html CHANGED Viewed

@@ -14,7 +14,7 @@
           step=".01"
           [value]="value$"
           [required]="bRequired$"
-          [formControlName]="controlName$"
+          [formControl]="fieldControl"
           [attr.data-test-id]="testId"
           (change)="fieldOnChange($event)"
           (blur)="fieldOnBlur($event)"

package/tests/assets/sdk-a/components/createAll/override-sdk/field/percentage/percentage.component.ts CHANGED Viewed

@@ -60,7 +60,7 @@ export class PercentageComponent implements OnInit, OnDestroy {
     // this.updateSelf();
     this.checkAndUpdate();
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       // add control to formGroup
       this.formGroup$.addControl(this.controlName$, this.fieldControl);
       this.fieldControl.setValue(this.value$);
@@ -72,7 +72,7 @@ export class PercentageComponent implements OnInit, OnDestroy {
   }
   ngOnDestroy(): void {
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       this.formGroup$.removeControl(this.controlName$);
     }

package/tests/assets/sdk-a/components/createAll/override-sdk/field/phone/phone.component.html CHANGED Viewed

@@ -4,11 +4,10 @@
 <ng-template #noDisplayMode>
   <div *ngIf="!bReadonly$ && bHasForm$; else noEdit">
     <div #f="ngForm" [formGroup]="formGroup$" *ngIf="bVisible$">
-      <!-- <div class="psdk-full-width"> -->
       <mat-form-field class="psdk-full-width" subscriptSizing="dynamic" [hintLabel]="helperText">
         <ngx-mat-intl-tel-input
           [attr.data-test-id]="testId"
-          [formControlName]="controlName$"
+          [formControl]="fieldControl"
           [preferredCountries]="['us']"
           [enablePlaceholder]="true"
           [enableSearch]="true"
@@ -19,7 +18,6 @@
         <mat-label>{{ label$ }}</mat-label>
         <mat-error *ngIf="fieldControl.invalid">{{ getErrorMessage() }}</mat-error>
       </mat-form-field>
-      <!-- </div> -->
     </div>
   </div>
 </ng-template>

package/tests/assets/sdk-a/components/createAll/override-sdk/field/phone/phone.component.ts CHANGED Viewed

@@ -67,7 +67,7 @@ export class PhoneComponent implements OnInit, OnDestroy {
     // this.updateSelf();
     this.checkAndUpdate();
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       // add control to formGroup
       this.formGroup$.addControl(this.controlName$, this.fieldControl);
       this.fieldControl.setValue(this.value$);
@@ -79,7 +79,7 @@ export class PhoneComponent implements OnInit, OnDestroy {
   }
   ngOnDestroy(): void {
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       this.formGroup$.removeControl(this.controlName$);
     }

package/tests/assets/sdk-a/components/createAll/override-sdk/field/radio-buttons/radio-buttons.component.html CHANGED Viewed

@@ -16,7 +16,7 @@
       <mat-radio-group
         [value]="value$"
         [required]="bRequired$"
-        [formControlName]="controlName$"
+        [formControl]="fieldControl"
         [attr.data-test-id]="testId"
         (change)="fieldOnChange($event)"
         class="{{ bInline$ ? 'psdk-radio-horizontal' : 'psdk-radio-vertical' }}"

package/tests/assets/sdk-a/components/createAll/override-sdk/field/radio-buttons/radio-buttons.component.ts CHANGED Viewed

@@ -78,7 +78,7 @@ export class RadioButtonsComponent implements OnInit, OnDestroy {
     // this.updateSelf();
     this.checkAndUpdate();
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       // add control to formGroup
       this.formGroup$.addControl(this.controlName$, this.fieldControl);
       this.fieldControl.setValue(this.value$);
@@ -90,7 +90,7 @@ export class RadioButtonsComponent implements OnInit, OnDestroy {
   }
   ngOnDestroy(): void {
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       this.formGroup$.removeControl(this.controlName$);
     }

package/tests/assets/sdk-a/components/createAll/override-sdk/field/scalar-list/scalar-list.component.ts CHANGED Viewed

@@ -49,7 +49,7 @@ export class ScalarListComponent implements OnInit, OnDestroy {
     // this.updateSelf();
     this.checkAndUpdate();
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       // add control to formGroup
       this.formGroup$.addControl(this.controlName$, this.fieldControl);
       this.fieldControl.setValue(this.value$);
@@ -61,7 +61,7 @@ export class ScalarListComponent implements OnInit, OnDestroy {
   }
   ngOnDestroy(): void {
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       this.formGroup$.removeControl(this.controlName$);
     }

package/tests/assets/sdk-a/components/createAll/override-sdk/field/semantic-link/semantic-link.component.scss CHANGED Viewed

@@ -7,7 +7,7 @@
 }
 .psdk-label {
-  color: rgba(0, 0, 0, 0.54);
+  color: var(--app-label-color);
   margin: 8px 0px;
 }

package/tests/assets/sdk-a/components/createAll/override-sdk/field/text/text.component.scss CHANGED Viewed

@@ -25,6 +25,6 @@
 }
 .psdk-details-fields-label {
-  color: rgba(0, 0, 0, 0.54);
+  color: var(--app-label-color);
   margin: 8px 0px;
 }

package/tests/assets/sdk-a/components/createAll/override-sdk/field/text-area/text-area.component.html CHANGED Viewed

@@ -15,6 +15,7 @@
             [value]="value$"
             [required]="bRequired$"
             [disabled]="bDisabled$"
+            [formControl]="fieldControl"
             (change)="fieldOnChange($event)"
           ></textarea>
           <mat-error *ngIf="fieldControl.invalid">{{ getErrorMessage() }}</mat-error>

package/tests/assets/sdk-a/components/createAll/override-sdk/field/text-area/text-area.component.ts CHANGED Viewed

@@ -62,7 +62,7 @@ export class TextAreaComponent implements OnInit, OnDestroy {
     // this.updateSelf();
     this.checkAndUpdate();
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       // add control to formGroup
       this.formGroup$.addControl(this.controlName$, this.fieldControl);
       this.fieldControl.setValue(this.value$);
@@ -74,7 +74,7 @@ export class TextAreaComponent implements OnInit, OnDestroy {
   }
   ngOnDestroy(): void {
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       this.formGroup$.removeControl(this.controlName$);
     }

package/tests/assets/sdk-a/components/createAll/override-sdk/field/text-input/text-input.component.html CHANGED Viewed

@@ -13,7 +13,7 @@
           [value]="value$"
           [required]="bRequired$"
           [attr.data-test-id]="testId"
-          [formControlName]="controlName$"
+          [formControl]="fieldControl"
           (change)="fieldOnChange($event)"
           (blur)="fieldOnBlur($event)"
         />

package/tests/assets/sdk-a/components/createAll/override-sdk/field/text-input/text-input.component.ts CHANGED Viewed

@@ -62,7 +62,7 @@ export class TextInputComponent implements OnInit, OnDestroy {
     // this.updateSelf();
     this.checkAndUpdate();
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       // add control to formGroup
       this.formGroup$.addControl(this.controlName$, this.fieldControl);
       this.fieldControl.setValue(this.value$);
@@ -74,7 +74,7 @@ export class TextInputComponent implements OnInit, OnDestroy {
   }
   ngOnDestroy(): void {
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       this.formGroup$.removeControl(this.controlName$);
     }

package/tests/assets/sdk-a/components/createAll/override-sdk/field/time/time.component.html CHANGED Viewed

@@ -12,7 +12,7 @@
           type="time"
           [value]="value$"
           [required]="bRequired$"
-          [formControlName]="controlName$"
+          [formControl]="fieldControl"
           (change)="fieldOnChange($event)"
           (blur)="fieldOnBlur($event)"
         />

package/tests/assets/sdk-a/components/createAll/override-sdk/field/time/time.component.ts CHANGED Viewed

@@ -59,7 +59,7 @@ export class TimeComponent implements OnInit, OnDestroy {
     // this.updateSelf();
     this.checkAndUpdate();
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       // add control to formGroup
       this.formGroup$.addControl(this.controlName$, this.fieldControl);
       this.fieldControl.setValue(this.value$);
@@ -71,7 +71,7 @@ export class TimeComponent implements OnInit, OnDestroy {
   }
   ngOnDestroy(): void {
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       this.formGroup$.removeControl(this.controlName$);
     }
     if (this.angularPConnectData.unsubscribeFn) {

package/tests/assets/sdk-a/components/createAll/override-sdk/field/url/url.component.html CHANGED Viewed

@@ -12,7 +12,7 @@
           type="url"
           [value]="value$"
           [required]="bRequired$"
-          [formControlName]="controlName$"
+          [formControl]="fieldControl"
           (change)="fieldOnChange($event)"
           (blur)="fieldOnBlur($event)"
         />

package/tests/assets/sdk-a/components/createAll/override-sdk/field/url/url.component.ts CHANGED Viewed

@@ -60,7 +60,7 @@ export class UrlComponent implements OnInit, OnDestroy {
     // this.updateSelf();
     this.checkAndUpdate();
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       // add control to formGroup
       this.formGroup$.addControl(this.controlName$, this.fieldControl);
       this.fieldControl.setValue(this.value$);
@@ -72,7 +72,7 @@ export class UrlComponent implements OnInit, OnDestroy {
   }
   ngOnDestroy(): void {
-    if (this.formGroup$ != null) {
+    if (this.formGroup$) {
       this.formGroup$.removeControl(this.controlName$);
     }

package/tests/assets/sdk-a/components/createAll/override-sdk/field/user-reference/user-reference.component.html CHANGED Viewed

@@ -7,7 +7,7 @@
       <mat-select
         [value]="value$"
         [required]="bRequired$"
-        [formControlName]="controlName$"
+        [formControl]="fieldControl"
         [attr.data-test-id]="testId"
         (selectionChange)="fieldOnChange($event)"
       >
@@ -27,7 +27,7 @@
       <input
         matInput
         [placeholder]="placeholder"
-        [formControlName]="controlName$"
+        [formControl]="fieldControl"
         [value]="value$"
         [required]="bRequired$"
         [matAutocomplete]="auto"

package/tests/assets/sdk-a/components/createAll/override-sdk/field/user-reference/user-reference.component.scss CHANGED Viewed

@@ -1,8 +1,6 @@
-@import '@pega/angular-sdk-components/_shared/styles.scss';
 .psdk-user-reference {
   font-size: 0.8rem;
-  color: $app-neutral-color;
+  color: var(--app-neutral-color);
 }
 .psdk-single {
   flex: 1;

package/tests/assets/sdk-a/components/createAll/override-sdk/infra/action-buttons/action-buttons.component.scss CHANGED Viewed

	@@ -1 +0,0 @@
1	- @import '@pega/angular-sdk-components/_shared/styles.scss';

package/tests/assets/sdk-a/components/createAll/override-sdk/infra/assignment-card/assignment-card.component.scss CHANGED Viewed

@@ -1,7 +1,5 @@
-@import '@pega/angular-sdk-components/_shared/styles.scss';
 .psdk-case-view-divider {
-  border-bottom: 0.0625rem solid $app-neutral-light-color;
+  border-bottom: 0.0625rem solid var(--app-neutral-light-color);
 }
 .psdk-flow-container {