@churchillliving/se-ui-toolkit 6.53.497 → 6.53.499

package/bundles/churchillliving-se-ui-toolkit.umd.js

@@ -3898,6 +3898,8 @@
           this.pagination = false;
           // Optional prop to handle show CurrentPage Report
           this.showCurrentPageReport = false;
+          // Displays aggregate that fetch from records
+          this.aggregatedResult = [];
           this.showconfirmDialog = true;
           this.saveAllData = false;
           this.columnActions = [];
@@ -5430,6 +5432,7 @@
                       var columnType = col.type;
                       if (columnType === exports.EGridAggregate.COUNT) {
                           var count = _this.rowsData.length;
+                          count = _this.setFetchAggregatedValue(column, count, 1);
                           col.aggrValue = _this.setAggregateFooterText(col, count, 'Count');
                       }
                       if (columnType === exports.EGridAggregate.SUM ||
@@ -5438,10 +5441,12 @@
                           if (colValues && colValues.length > 0) {
                               var sum = colValues.reduce(function (acc, cur) { return acc + cur; }, 0);
                               if (columnType === exports.EGridAggregate.SUM) {
+                                  sum = _this.setFetchAggregatedValue(column, sum, 2);
                                   col.aggrValue = _this.setAggregateFooterText(col, sum, 'Sum');
                               }
                               if (columnType === exports.EGridAggregate.AVERAGE) {
                                   var average = sum / colValues.length || 0;
+                                  average = _this.setFetchAggregatedValue(column, sum, 3);
                                   col.aggrValue = _this.setAggregateFooterText(col, average, 'Avg');
                               }
                           }
@@ -5453,6 +5458,17 @@
               });
           }
       };
+      // set the aggregataion value that coming from fetch
+      GridComponent.prototype.setFetchAggregatedValue = function (column, aggregateValue, aggregateAction) {
+          var _a;
+          if (((_a = this.aggregatedResult) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+              var aggregatedColumn = this.aggregatedResult.find(function (aggregate) { var _a, _b; return ((_a = aggregate.field) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = column.field) === null || _b === void 0 ? void 0 : _b.toLowerCase()) && aggregate.aggregationOperation === aggregateAction; });
+              if (aggregatedColumn) {
+                  aggregateValue = aggregatedColumn === null || aggregatedColumn === void 0 ? void 0 : aggregatedColumn.value;
+              }
+          }
+          return aggregateValue;
+      };
       /**
        * set grid Aggregate values
        */
@@ -5972,29 +5988,30 @@
       };
       // Invoke onClick Event.
       GridComponent.prototype.onClickEvent = function (column, row) {
-          // if (column.type === EGridColumnType.LINK && (column.editLink === false || column.editLink === undefined) && column.editable !== true && column.disabled !== true) {
-          //   if (column && column.onClick && column.disabled !== true && row[column.field + '_obj']?.action?.disabled !== true) {
-          //     column.onClick(row);
-          //   } else {
-          //     let a = document.createElement('a');
-          //     a.href = row[column.field + '_obj']?.hyperlink;
-          //     a.target = column.target ? column.target : '_blank',
-          //     a.click();
-          //   }
-          // }
-          // if (column.type === EGridColumnType.DATE && row[column.field]) {
-          //   this.calenderPreviousValue = row[column.field];
-          // } else if (
-          //   !row[column.field] &&
-          //   column.type === EGridColumnType.DATE &&
-          //   (column.showTime || column.timeOnly) &&
-          //   column.minutesInterval
-          // ) {
-          //   this.defaultDate = new Date(utilities.setMinutesInterval(new Date()));
-          // }
-          // if (column && column.onClick && column.disabled !== true && row[column.field + '_obj']?.disabled !== true) {
-          //   column.onClick(row);
-          // }
+          var _a, _b, _c, _d;
+          if (column.type === exports.EGridColumnType.LINK && (column.editLink === false || column.editLink === undefined) && column.editable !== true && column.disabled !== true) {
+              if (column && column.onClick && column.disabled !== true && ((_b = (_a = row[column.field + '_obj']) === null || _a === void 0 ? void 0 : _a.action) === null || _b === void 0 ? void 0 : _b.disabled) !== true) {
+                  column.onClick(row);
+              }
+              else {
+                  var a = document.createElement('a');
+                  a.href = (_c = row[column.field + '_obj']) === null || _c === void 0 ? void 0 : _c.hyperlink;
+                  a.target = column.target ? column.target : '_blank',
+                      a.click();
+              }
+          }
+          if (column.type === exports.EGridColumnType.DATE && row[column.field]) {
+              this.calenderPreviousValue = row[column.field];
+          }
+          else if (!row[column.field] &&
+              column.type === exports.EGridColumnType.DATE &&
+              (column.showTime || column.timeOnly) &&
+              column.minutesInterval) {
+              this.defaultDate = new Date(setMinutesInterval(new Date()));
+          }
+          if (column && column.onClick && column.disabled !== true && ((_d = row[column.field + '_obj']) === null || _d === void 0 ? void 0 : _d.disabled) !== true) {
+              column.onClick(row);
+          }
       };
       // set the select value of multi-select
       GridComponent.prototype.showOption = function (column, row) {
@@ -6412,6 +6429,7 @@
       pagination: [{ type: i0.Input }],
       showCurrentPageReport: [{ type: i0.Input }],
       totalRecords: [{ type: i0.Input }],
+      aggregatedResult: [{ type: i0.Input }],
       showconfirmDialog: [{ type: i0.Input }],
       saveAllData: [{ type: i0.Input }],
       defaultRows: [{ type: i0.Input }],