@churchillliving/se-ui-toolkit 6.53.721 → 6.53.722

package/fesm2022/churchillliving-se-ui-toolkit.mjs

@@ -2366,7 +2366,7 @@ class GridService {
                 return filter.value;
         }
     }
-    checkValidity(columns, row) {
+    checkValidity(columns, row, singleCell = false) {
         let isValid = true;
         columns.map((item) => {
             if (item.validations && !item.disabled) {
@@ -2375,7 +2375,8 @@ class GridService {
                 for (let i = 0; i < item.validations.length; i++) {
                     const minMaxValidDate = calendarMinMaxValue(item, row[item.field], i);
                     const valid = item.validations && item.header;
-                    if (item.validations[i].type == EGridValidator.REQUIRED &&
+                    if (!singleCell &&
+                        item.validations[i].type == EGridValidator.REQUIRED &&
                         !row[item.field] &&
                         !item.hidden &&
                         valid) {
@@ -6866,8 +6867,11 @@ class GridComponent {
         this.gridService.rowUpdate = false;
     }
     // check the validation of the field
-    gridValidation(columns, row) {
-        if (!this.gridService.checkValidity(columns, row)) {
+    gridValidation(columns, row, singleCell = false) {
+        if (singleCell == true) {
+            columns = [{ ...columns }];
+        }
+        if (!this.gridService.checkValidity(columns, row, singleCell)) {
             let errorMessageDetails = '';
             columns?.forEach((column) => {
                 if (column.errorMessage) {
@@ -6875,18 +6879,40 @@ class GridComponent {
                 }
             });
             let isRequired = columns.some((column) => column.errorMessage && !row[column.field]);
-            if (isRequired) {
+            if (isRequired && !singleCell) {
                 this.alertService.error(errorMessageDetails, 5000, 'REQUIRED FIELD');
             }
             else {
                 this.alertService.error(errorMessageDetails, 5000, 'INVALID FIELD');
+                if (singleCell) {
+                    this.setErrorCell(columns[0], row);
+                }
             }
             return false;
         }
         else {
+            if (singleCell) {
+                this.setErrorCell(columns[0], row);
+            }
             return true;
         }
     }
+    setErrorCell(column, row) {
+        if (column.errorMessage) {
+            console.log('error message: ', column.errorMessage);
+            if (row[column.field.toLowerCase() + '_obj']) {
+                row[column.field.toLowerCase() + '_obj'] = { ...row[column.field + '_obj'], errorMessage: column.errorMessage };
+            }
+            else {
+                row[column.field.toLowerCase() + '_obj'] = { errorMessage: column.errorMessage };
+            }
+        }
+        else {
+            if (row[column.field.toLowerCase() + '_obj']) {
+                delete row[column.field.toLowerCase() + '_obj'].errorMessage;
+            }
+        }
+    }
     /**
      *
      * @param row : any
@@ -7635,6 +7661,7 @@ class GridComponent {
     // Invoke onChange Event
     onChangeEvent(column, row) {
         // set dropdown displayField value base on optionLabel & optionValue.
+        this.gridValidation(column, row, true);
         this.displayFieldDropdownValue(column, row);
         this.onClearValue(column, row);
         this.browserCloseEvent(true);