@pega/angular-sdk-overrides 0.242.9 → 0.242.11

package/lib/field/check-box/check-box.component.html

@@ -18,6 +18,8 @@
           <mat-checkbox
             [labelPosition]="'after'"
             [checked]="item.selected"
+            [disabled]="bDisabled$ || bReadonly$"
+            [required]="bRequired$"
             [attr.data-test-id]="testId + ':' + item.value"
             (change)="handleChangeMultiMode($event, item)"
             (blur)="fieldOnBlur($event)"
@@ -29,6 +31,8 @@
         <mat-checkbox
           [labelPosition]="'after'"
           [checked]="isChecked$"
+          [disabled]="bDisabled$ || bReadonly$"
+          [required]="bRequired$"
           [attr.data-test-id]="testId"
           [formControl]="fieldControl"
           (change)="fieldOnChange($event)"

package/lib/field/date/date.component.html

@@ -15,10 +15,11 @@
           type="text"
           [value]="value$"
           [required]="bRequired$"
+          [disabled]="bDisabled$"
           [formControl]="fieldControl"
           (dateChange)="fieldOnDateChange($event)"
         />
-        <mat-datepicker-toggle matSuffix [for]="pegadate"></mat-datepicker-toggle>
+        <mat-datepicker-toggle matSuffix [for]="pegadate" [disabled]="bDisabled$"></mat-datepicker-toggle>
         <mat-datepicker #pegadate [startAt]="value$"></mat-datepicker>
         <mat-error *ngIf="fieldControl.invalid">{{ getErrorMessage() }}</mat-error>
       </mat-form-field>

package/lib/field/date-time/date-time.component.html

@@ -14,9 +14,10 @@
           [formControl]="fieldControl"
           (dateTimeChange)="fieldOnDateChange($event)"
           [required]="bRequired$"
+          [readonly]="bDisabled$"
         />
         <mat-datepicker-toggle matSuffix [owlDateTimeTrigger]="dtPicker"></mat-datepicker-toggle>
-        <owl-date-time #dtPicker></owl-date-time>
+        <owl-date-time #dtPicker [disabled]="bDisabled$"></owl-date-time>
         <mat-error *ngIf="fieldControl?.invalid">{{ getErrorMessage() }}</mat-error>
       </mat-form-field>
     </div>

package/lib/field/dropdown/dropdown.component.html

@@ -12,6 +12,7 @@
         <mat-select
           [value]="value$"
           [required]="bRequired$"
+          [disabled]="bDisabled$"
           [attr.data-test-id]="testId"
           (selectionChange)="fieldOnChange($event)"
           [formControl]="fieldControl"

package/lib/field/phone/phone.component.html

@@ -11,6 +11,7 @@
           [preferredCountries]="['us']"
           [enablePlaceholder]="true"
           [enableSearch]="true"
+          [disabled]="bDisabled$"
           (change)="fieldOnChange()"
           (blur)="fieldOnBlur()"
         >

package/lib/field/radio-buttons/radio-buttons.component.html

@@ -24,7 +24,7 @@
         <mat-radio-button
           *ngFor="let opt of options$"
           [checked]="isSelected(opt.key)"
-          [disabled]="bReadonly$"
+          [disabled]="bDisabled$ || bReadonly$"
           [value]="opt.key"
           class="psdk-radio-button"
         >

package/lib/template/confirmation/confirmation.component.html

@@ -14,7 +14,7 @@
       <button mat-raised-button color="primary" (click)="onConfirmViewClose()">Done</button>
     </div>
   </div>
-  <div *ngIf="toDoList?.length > 0">
+  <div *ngIf="!showConfirmView && toDoList?.length > 0">
     <component-mapper
       name="Todo"
       [props]="{ pConn$, datasource$: { source: toDoList }, headerText$: 'Tasks', type$: CONSTS.TODO, isConfirm: true }"

package/lib/template/field-group-template/field-group-template.component.ts

@@ -6,7 +6,7 @@ import { AngularPConnectData, AngularPConnectService } from '@pega/angular-sdk-c
 import { buildView, getReferenceList } from '@pega/angular-sdk-components';
 import { Utils } from '@pega/angular-sdk-components';
 import { ComponentMapperComponent } from '@pega/angular-sdk-components';
-import { evaluateAllowRowAction } from './utils';
+import { evaluateAllowRowAction } from '@pega/angular-sdk-components';
 
 interface FieldGroupTemplateProps {
   // If any, enter additional props that only exist on this component

package/lib/template/simple-table-manual/helpers.ts

@@ -294,19 +294,3 @@ export const createPConnect = (contextName, referenceList, pageReference) => {
 
   return getPConnect();
 };
-
-/**
- * This method evaluates whether a row action is allowed based on the provided conditions.
- * @param {string|boolean|undefined} allowRowDelete - The condition for allowing row deletion.
- * @param {object} rowData - The data of the row being evaluated.
- * @returns {boolean} - Returns true if the row action is allowed, false otherwise.
- */
-export const evaluateAllowRowAction = (allowRowDelete, rowData) => {
-  if (allowRowDelete === undefined || allowRowDelete === true) return true;
-  if (allowRowDelete.startsWith?.('@E ')) {
-    const expression = allowRowDelete.replace('@E ', '');
-    // @ts-ignore - Expected 3 arguments, but got 2
-    return PCore.getExpressionEngine().evaluate(expression, rowData);
-  }
-  return false;
-};

package/lib/template/simple-table-manual/simple-table-manual.component.ts

@@ -16,7 +16,8 @@ import { ComponentMapperComponent } from '@pega/angular-sdk-components';
 import { AngularPConnectData, AngularPConnectService } from '@pega/angular-sdk-components';
 import { DatapageService } from '@pega/angular-sdk-components';
 import { getReferenceList } from '@pega/angular-sdk-components';
-import { buildFieldsForTable, evaluateAllowRowAction, filterDataByCommonFields, filterDataByDate, getContext } from './helpers';
+import { buildFieldsForTable, filterDataByCommonFields, filterDataByDate, getContext } from './helpers';
+import { evaluateAllowRowAction } from '@pega/angular-sdk-components';
 import { Utils } from '@pega/angular-sdk-components';
 import { getSeconds } from '@pega/angular-sdk-components';
 

package/lib/template/utils.ts

@@ -21,3 +21,19 @@ export function filterForFieldValueList(fields: any) {
       value
     }));
 }
+
+/**
+ * This method evaluates whether a row action is allowed based on the provided conditions.
+ * @param {string|boolean|undefined} allowRowDelete - The condition for allowing row deletion.
+ * @param {object} rowData - The data of the row being evaluated.
+ * @returns {boolean} - Returns true if the row action is allowed, false otherwise.
+ */
+export const evaluateAllowRowAction = (allowRowDelete, rowData) => {
+  if (allowRowDelete === undefined || allowRowDelete === true) return true;
+  if (allowRowDelete.startsWith?.('@E ')) {
+    const expression = allowRowDelete.replace('@E ', '');
+    // @ts-ignore - Expected 3 arguments, but got 2
+    return PCore.getExpressionEngine().evaluate(expression, rowData);
+  }
+  return false;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/angular-sdk-overrides",
-  "version": "0.242.9",
+  "version": "0.242.11",
   "description": "Angular SDK - Code for overriding components",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/lib/template/field-group-template/utils.ts

@@ -1,9 +0,0 @@
-export const evaluateAllowRowAction = (allowRowDelete, rowData) => {
-  if (allowRowDelete === undefined || allowRowDelete === true) return true;
-  if (allowRowDelete.startsWith?.('@E ')) {
-    const expression = allowRowDelete.replace('@E ', '');
-    // @ts-ignore
-    return PCore.getExpressionEngine().evaluate(expression, rowData);
-  }
-  return false;
-};