logitude-dashboard-library 3.2.63 → 3.2.65

package/dist/index.js

@@ -597,7 +597,103 @@ var getLast30DaysDates = function getLast30DaysDates(format) {
   return dateValues;
 };
 
-var getDateRangesByCode = function getDateRangesByCode(code, _fromDate, _toDate) {
+var getDateRangesByPeriod = function getDateRangesByPeriod(_operator, _interval, _range, _format) {
+  if (_format === void 0) {
+    _format = "YYYYMMDD000000";
+  }
+
+  if (!_operator || !_interval || !_range) return null;
+  var result = {
+    date1: null,
+    date2: null
+  };
+
+  if (_operator.toLowerCase() == 'current') {
+    switch (_range) {
+      case "Day":
+        result.date1 = getTodayDates()[0];
+        result.date2 = getTodayDates()[1];
+        break;
+
+      case "Week":
+        result.date1 = getCurrentWeekDates()[0];
+        result.date2 = getCurrentWeekDates()[1];
+        break;
+
+      case "Month":
+        result.date1 = getCurrentMonthDates()[0];
+        result.date2 = getCurrentMonthDates()[1];
+        break;
+
+      case "Current_Month_To_Date":
+      case "Month To Date":
+        result.date1 = getCurrentMonthToDateDates()[0];
+        result.date2 = getCurrentMonthToDateDates()[1];
+        break;
+
+      case "Quarter":
+        result.date1 = getCurrentQuarterDates()[0];
+        result.date2 = getCurrentQuarterDates()[1];
+        break;
+
+      case "Current_Quarter_To_Date":
+      case "Quarter To Date":
+        result.date1 = getCurrentQuarterToDateDates()[0];
+        result.date2 = getCurrentQuarterToDateDates()[1];
+        break;
+
+      case "Year":
+        result.date1 = getCurrentYearDates()[0];
+        result.date2 = getCurrentYearDates()[1];
+        break;
+
+      case "Current_Year_To_Date":
+      case "Year To Date":
+        result.date1 = getCurrentYearToDateDates()[0];
+        result.date2 = getCurrentYearToDateDates()[1];
+        break;
+    }
+  } else {
+    var dateGroupCodes = {
+      'Day': 'days',
+      'Week': 'weeks',
+      'Month': 'months',
+      'Quarter': 'quarters',
+      'Year': 'years',
+      'Year To Date': 'years',
+      'Quarter To Date': 'quarters',
+      'Month To Date': 'months'
+    };
+    var customDateGroupCodes = ['Year To Date', 'Quarter To Date', 'Month To Date'];
+
+    if (_operator.toLowerCase() == 'next') {
+      result.date1 = moment().startOf(dateGroupCodes[_range]).add(1, dateGroupCodes[_range]).format(_format);
+      result.date2 = moment().startOf(dateGroupCodes[_range]).add(Number(_interval), dateGroupCodes[_range]).endOf(dateGroupCodes[_range]).format(_format);
+    } else if (_operator.toLowerCase() == 'previous' && !customDateGroupCodes.includes(_range)) {
+      result.date1 = moment().subtract(Number(_interval), dateGroupCodes[_range]).startOf(dateGroupCodes[_range]).format(_format);
+      result.date2 = moment().subtract(1, dateGroupCodes[_range]).endOf(dateGroupCodes[_range]).format(_format);
+    } else if (_operator.toLowerCase() == 'previous' && customDateGroupCodes.includes(_range)) {
+      result.date1 = moment().subtract(Number(_interval), dateGroupCodes[_range]).startOf(dateGroupCodes[_range]).format(_format);
+      result.date2 = moment().format(_format);
+    }
+  }
+
+  return result;
+};
+
+var getDateRangesByCode = function getDateRangesByCode(code, _fromDate, _toDate, _operator, _interval, _range) {
+  if (_operator === void 0) {
+    _operator = null;
+  }
+
+  if (_interval === void 0) {
+    _interval = null;
+  }
+
+  if (_range === void 0) {
+    _range = null;
+  }
+
   var result = {
     fromDate: null,
     toDate: null
@@ -705,6 +801,12 @@ var getDateRangesByCode = function getDateRangesByCode(code, _fromDate, _toDate)
       result.fromDate = getCurrentWeekDates()[0];
       result.toDate = getCurrentWeekDates()[1];
       break;
+
+    case "Previous_Next":
+      var previousNextDates = getDateRangesByPeriod(_operator || "", _interval || "", _range || "");
+      result.fromDate = previousNextDates && previousNextDates.date1 ? previousNextDates.date1 : null;
+      result.toDate = previousNextDates && previousNextDates.date2 ? previousNextDates.date2 : null;
+      break;
   }
 
   return result;
@@ -1103,11 +1205,18 @@ var KpiChart = function KpiChart(props) {
 
       if (isKPISettingsActivated) {
         var PeriodDateFilterDates = getDateRangesByCode(kpiSettings.PeriodDateFilter.DateTimeValueCode, null, null);
-        var ComparePeriodDateFilterDates = kpiSettings.ComparisonPeriodType == 'Manually' ? getDateRangesByCode(kpiSettings.ComparePeriodDateFilter.DateTimeValueCode, kpiSettings.ComparePeriodDateFilter.FieldValue, kpiSettings.ComparePeriodDateFilter.FieldValue2) : getDateRangesByCode(null, null, null);
+        var comparePeriodOperator = kpiSettings.ComparePeriodDateFilter.DateRangeOperator || kpiSettings.ComparePeriodDateFilter.Operator;
+        var comparePeriodInterval = kpiSettings.ComparePeriodDateFilter.DatePickerTextFieldValue != null ? String(kpiSettings.ComparePeriodDateFilter.DatePickerTextFieldValue) : null;
+        var ComparePeriodDateFilterDates = kpiSettings.ComparisonPeriodType == 'Manually' ? getDateRangesByCode(kpiSettings.ComparePeriodDateFilter.DateTimeValueCode, kpiSettings.ComparePeriodDateFilter.FieldValue, kpiSettings.ComparePeriodDateFilter.FieldValue2, comparePeriodOperator, comparePeriodInterval, kpiSettings.ComparePeriodDateFilter.DateGroupCode) : getDateRangesByCode(null, null, null);
         kpiSettings.PeriodDateFilter.FieldValue = PeriodDateFilterDates.fromDate;
         kpiSettings.PeriodDateFilter.FieldValue2 = PeriodDateFilterDates.toDate;
         kpiSettings.ComparePeriodDateFilter.FieldValue = ComparePeriodDateFilterDates.fromDate;
         kpiSettings.ComparePeriodDateFilter.FieldValue2 = ComparePeriodDateFilterDates.toDate;
+
+        if (kpiSettings.ComparisonPeriodType == 'Manually' && kpiSettings.ComparePeriodDateFilter.DateTimeValueCode == 'Previous_Next') {
+          kpiSettings.ComparePeriodDateFilter.Operator = 'Between';
+        }
+
         _updatedWidget.KPIComparisonSettings = JSON.stringify(kpiSettings);
       }
 
@@ -2041,373 +2150,194 @@ var TableChart = function TableChart(props) {
   }));
 };
 
-var PivotTable = React.forwardRef(function (props, comRef) {
-  var _useState = React.useState(),
-      widget = _useState[0],
-      setWidget = _useState[1];
+var PIVOT_DATE_DATA_CELL_CLASS = 'dl-pivot-date-data-cell';
+var getPivotDataCellClassNames = function getPivotDataCellClassNames(measure) {
+  if (isPivotDateMinMaxMeasure(measure)) {
+    return "dl-ag-pivot-data-cell " + PIVOT_DATE_DATA_CELL_CLASS;
+  }
 
-  var _useState2 = React.useState(true),
-      isLoading = _useState2[0],
-      setIsLoading = _useState2[1];
+  return 'dl-ag-pivot-data-cell';
+};
+var isPivotDateMinMaxMeasure = function isPivotDateMinMaxMeasure(measure) {
+  if (!measure) return false;
+  if (measure.MeasureCode !== 'Min' && measure.MeasureCode !== 'Max') return false;
+  return FieldDataType.isDateOrDateTimeType(measure.MeasureFieldDataType);
+};
 
-  var widgetRefData = React.useRef(null);
-  var tabledata = React.useRef();
-  var pivotGridRef = React.useRef(null);
+var toValidDate = function toValidDate(value) {
+  if (isPivotMeasureValueEmpty(value)) return null;
+  var date = moment(value);
+  if (!date || !date.isValid()) return null;
+  return date.toDate();
+};
 
-  var _useState3 = React.useState(new PivotGridDataSource({
-    store: [],
-    fields: []
-  })),
-      dataSource = _useState3[0],
-      setDataSource = _useState3[1];
+var formatPivotDateMeasureValue = function formatPivotDateMeasureValue(value) {
+  if (isPivotMeasureValueEmpty(value)) return '';
+  var date = moment(value);
+  if (!date || !date.isValid()) return '';
+  return date.format('DD.MM.YYYY');
+};
+var isRowPivotField = function isRowPivotField(field) {
+  return !!(field.PivotCode && field.PivotCode.indexOf('Row') !== -1);
+};
+var truncateToTwoDecimals = function truncateToTwoDecimals(value) {
+  var numericValue = isNullOrUndefinedOrEmpty(value) ? 0 : Number(value);
+  var safeValue = isNaN(numericValue) ? 0 : numericValue;
+  var decimalParts = safeValue.toString().split('.');
+  var firstPart = decimalParts[0] ? decimalParts[0] : '0';
+  var secondPart = decimalParts[1] ? decimalParts[1].toString().substr(0, 2) : '0';
+  return Number(firstPart + '.' + secondPart);
+};
+var isPivotMeasureValueEmpty = function isPivotMeasureValueEmpty(value) {
+  return value === null || value === undefined || value === '';
+};
+var logitudeSumAgg = function logitudeSumAgg(params) {
+  var values = params && params.values ? params.values : [];
+  if (values.length === 0) return null;
+  var total = 0;
+  var hasValue = false;
 
-  React.useEffect(function () {
-    var _props$customChartPro;
+  for (var i = 0; i < values.length; i++) {
+    if (isPivotMeasureValueEmpty(values[i])) continue;
+    hasValue = true;
+    total += truncateToTwoDecimals(values[i]);
+  }
 
-    if (props.customChartProps && props.customChartProps.widget) {
-      setWidget(props.customChartProps.widget);
-      widgetRefData.current = props.customChartProps.widget;
-      getPivotTableData();
-    }
+  return hasValue ? total : null;
+};
 
-    (_props$customChartPro = props.customChartProps.dataBinding) === null || _props$customChartPro === void 0 ? void 0 : _props$customChartPro.widgetUpdated.subscribe(function (updatedWidget) {
-      var _widgetRefData$curren;
+var isAgGridDateMeasureTotalAggregation = function isAgGridDateMeasureTotalAggregation(params) {
+  var aggParams = params;
+  var rowNode = aggParams.rowNode;
 
-      if ((updatedWidget === null || updatedWidget === void 0 ? void 0 : updatedWidget.key) != ((_widgetRefData$curren = widgetRefData.current) === null || _widgetRefData$curren === void 0 ? void 0 : _widgetRefData$curren.key)) return;
-      setWidget(_extends({}, updatedWidget));
-    });
-    document.addEventListener("resizeStop", handleResize);
-    return function () {
-      document.removeEventListener("resizeStop", handleResize);
-    };
-  }, []);
-  React.useEffect(function () {
-    if (props.customChartProps.isInEditMode) {
-      var _pivotGridRef$current;
+  if (rowNode && rowNode.footer) {
+    return true;
+  }
 
-      if (pivotGridRef.current && (_pivotGridRef$current = pivotGridRef.current) !== null && _pivotGridRef$current !== void 0 && _pivotGridRef$current.instance && pivotGridRef.current.instance.element && pivotGridRef.current.instance.element().classList) {
-        pivotGridRef.current.instance.element().classList.add('force-overflow-hidden');
-      }
+  if (rowNode && rowNode.group && rowNode.leafGroup === false) {
+    return true;
+  }
 
-      setTimeout(function () {
-        var _pivotGridRef$current2;
+  var colDef = aggParams.colDef || aggParams.column && aggParams.column.getColDef && aggParams.column.getColDef();
 
-        handleResize();
+  if (!colDef) {
+    return false;
+  }
 
-        if (pivotGridRef.current && (_pivotGridRef$current2 = pivotGridRef.current) !== null && _pivotGridRef$current2 !== void 0 && _pivotGridRef$current2.instance && pivotGridRef.current.instance.element && pivotGridRef.current.instance.element().classList) {
-          pivotGridRef.current.instance.element().classList.remove('force-overflow-hidden');
-        }
-      }, 5);
-    }
-  }, [props.customChartProps.isInEditMode]);
+  if (colDef.pivotTotalColumnIds !== undefined && colDef.pivotTotalColumnIds !== null) {
+    return true;
+  }
 
-  var handleResize = function handleResize() {
-    var _pivotGridRef$current3, _pivotGridRef$current4;
+  var colId = colDef.colId || aggParams.column && aggParams.column.getColId && aggParams.column.getColId();
+  return !!(colId && String(colId).indexOf('PivotRowTotal_') === 0);
+};
 
-    if (pivotGridRef.current && (_pivotGridRef$current3 = pivotGridRef.current) !== null && _pivotGridRef$current3 !== void 0 && _pivotGridRef$current3.instance && (_pivotGridRef$current4 = pivotGridRef.current) !== null && _pivotGridRef$current4 !== void 0 && _pivotGridRef$current4.instance.repaint) {
-      var _pivotGridRef$current5;
+var isDevExtremePivotDataCellTotalOrGrandTotal = function isDevExtremePivotDataCellTotalOrGrandTotal(cell, hasRowFields, hasColumnFields) {
+  if (!cell) {
+    return false;
+  }
 
-      (_pivotGridRef$current5 = pivotGridRef.current) === null || _pivotGridRef$current5 === void 0 ? void 0 : _pivotGridRef$current5.instance.repaint();
-    }
-  };
+  if (hasRowFields && (cell.rowType === 'T' || cell.rowType === 'GT')) {
+    return true;
+  }
 
-  var getPivotTableData = function getPivotTableData(widget) {
-    if (Session.Tenant == 0) {
-      tabledata.current = [];
-      setIsLoading(false);
-      return;
-    }
+  if (hasColumnFields && (cell.columnType === 'T' || cell.columnType === 'GT')) {
+    return true;
+  }
 
-    var dashboardAnalyticsService = new DashboardAnalyticsService();
-    var widgetLoadLogger = new WidgetLoadLogger(props.customChartProps.widget, props.customChartProps.isPreviewModeActive, "PostGetPivotData");
-    dashboardAnalyticsService.getPivotData(props.customChartProps.widget).then(function (res) {
-      tabledata.current = res.data;
-      setPivotDataSourceFields();
-      setIsLoading(false);
-      widgetLoadLogger.log(res);
-    })["catch"](function (err) {
-      console.log("Error while Getting Pivot Table Data: ", err);
-      tabledata.current = null;
-      setPivotDataSourceFields();
-      setIsLoading(false);
-    });
-  };
+  return false;
+};
+var isDevExtremeSummaryCellTotalOrGrandTotal = function isDevExtremeSummaryCellTotalOrGrandTotal(cell, hasRowFields, hasColumnFields) {
+  if (!cell) {
+    return false;
+  }
 
-  var customizeCells = React.useCallback(function (e) {
-    if (e.cell.rowPath && e.cell.rowPath[0] === "Germany" && e.cell.columnPath && e.cell.columnPath[0] === "Export" && e.cell.columnPath[1] === "Air") {
-      e.cellElement.children[0].style.padding = "6px";
-      e.cellElement.children[0].style.borderRadius = "6px";
-      e.cellElement.children[0].style.backgroundColor = "#f4433673";
-    }
+  var rowPath = cell._rowPath;
+  var columnPath = cell._columnPath;
+  var rowType = rowPath && rowPath[0] ? rowPath[0].type : null;
+  var columnType = columnPath && columnPath[0] ? columnPath[0].type : null;
 
-    if (e.cell.rowPath && e.cell.rowPath[0] === "USA" && e.cell.columnPath && e.cell.columnPath[0] === "Import" && e.cell.columnPath[1] === "Inland") {
-      e.cellElement.children[0].style.padding = "6px";
-      e.cellElement.children[0].style.borderRadius = "6px";
-      e.cellElement.children[0].style.backgroundColor = "#03a9f4ad";
-    }
-  }, []);
-  var onCellClick = React.useCallback(function (e) {
-    if (e.area === 'data') {
-      var pivotFields = [];
-      e.columnFields.forEach(function (c, index) {
-        var fieldValue = e.cell.columnPath[index];
+  if (hasRowFields && (rowType === 'T' || rowType === 'GT')) {
+    return true;
+  }
 
-        if (fieldValue !== undefined) {
-          pivotFields.push(_extends({}, c.fieldData, {
-            FieldValue: fieldValue
-          }));
-        }
-      });
-      e.rowFields.forEach(function (r, index) {
-        var fieldValue = e.cell.rowPath[index];
+  if (hasColumnFields && (columnType === 'T' || columnType === 'GT')) {
+    return true;
+  }
 
-        if (fieldValue !== undefined) {
-          pivotFields.push(_extends({}, r.fieldData, {
-            FieldValue: fieldValue
-          }));
-        }
-      });
-      props.customChartProps.onSelectDataPoint({
-        MeasureFieldId: '',
-        Widget: props.customChartProps.widget,
-        MeasureCode: '',
-        Formula: '',
-        GroupById: '',
-        PivotFields: pivotFields
-      });
-    }
-  }, []);
+  return false;
+};
+var isAgGridPivotDateMeasureTotalDisplayCell = function isAgGridPivotDateMeasureTotalDisplayCell(params) {
+  var node = params && params.node;
+  var colDef = params && params.colDef;
 
-  var getColumnNameByColumnId = function getColumnNameByColumnId(fieldName, dataField, datafieldValue) {
-    var data = tabledata.current.PivotData.find(function (el) {
-      return el[dataField] == datafieldValue;
-    });
-    return data ? ConvertStringToPascalCaseHelper(data[fieldName]) : '';
-  };
+  if (node && node.footer) {
+    return true;
+  }
 
-  var SortRowAndColumnHeaders = function SortRowAndColumnHeaders(a, b, field) {
-    if (field.DateCode == 'Month') {
-      var aValue = a.value == null ? -1 : Number(a.value);
-      var bValue = b.value == null ? -1 : Number(b.value);
+  if (node && node.group && node.leafGroup === false) {
+    return true;
+  }
 
-      if (aValue < bValue) {
-        return -1;
-      }
+  if (!colDef) {
+    return false;
+  }
 
-      if (aValue > bValue) {
-        return 1;
-      }
+  if (colDef.pivotTotalColumnIds !== undefined && colDef.pivotTotalColumnIds !== null) {
+    return true;
+  }
 
-      return 0;
-    } else if (field.DateCode != null) {
-      var _aValue = a.value == null ? '' : a.value;
+  return isPivotRowGrandTotalColumnDef(colDef);
+};
+var logitudeMinAgg = function logitudeMinAgg(params) {
+  if (isAgGridDateMeasureTotalAggregation(params)) {
+    return null;
+  }
 
-      var _bValue = b.value == null ? '' : b.value;
+  var values = params && params.values ? params.values : [];
+  var minDate = null;
+  var minValue = null;
 
-      if (_aValue < _bValue) {
-        return -1;
-      }
+  for (var i = 0; i < values.length; i++) {
+    var currentDate = toValidDate(values[i]);
+    if (!currentDate) continue;
 
-      if (_aValue > _bValue) {
-        return 1;
-      }
+    if (!minDate || currentDate.getTime() < minDate.getTime()) {
+      minDate = currentDate;
+      minValue = values[i];
+    }
+  }
 
-      return 0;
-    } else {
-      var aText = a.text == null ? '' : a.text;
-      var bText = b.text == null ? '' : b.text;
+  return minValue;
+};
+var logitudeMaxAgg = function logitudeMaxAgg(params) {
+  if (isAgGridDateMeasureTotalAggregation(params)) {
+    return null;
+  }
 
-      if (aText < bText) {
-        return -1;
-      }
+  var values = params && params.values ? params.values : [];
+  var maxDate = null;
+  var maxValue = null;
 
-      if (aText > bText) {
-        return 1;
-      }
+  for (var i = 0; i < values.length; i++) {
+    var currentDate = toValidDate(values[i]);
+    if (!currentDate) continue;
 
-      return 0;
+    if (!maxDate || currentDate.getTime() > maxDate.getTime()) {
+      maxDate = currentDate;
+      maxValue = values[i];
     }
-  };
-
-  var setPivotDataSourceFields = function setPivotDataSourceFields() {
-    if (tabledata.current && tabledata.current.PivoFields && tabledata.current.PivotMeasures) {
-      var pivotRowsAndColumnsFields = tabledata.current.PivoFields.map(function (field) {
-        return {
-          dataField: field.PivotCode,
-          caption: field.DisplayName,
-          name: field.PivotName,
-          width: 100,
-          allowSorting: false,
-          allowFiltering: false,
-          area: field.PivotCode && field.PivotCode.includes('Row') ? 'row' : 'column',
-          sortingMethod: function sortingMethod(a, b) {
-            return SortRowAndColumnHeaders(a, b, field);
-          },
-          expanded: true,
-          wordWrapEnabled: true,
-          fieldData: {
-            FieldId: field.FieldId,
-            FieldType: field.FieldType ? field.FieldType : "Field",
-            FieldValue: '',
-            DateCode: field.DateCode
-          },
-          customizeText: function customizeText(cellInfo) {
-            return getColumnNameByColumnId(field.PivotName, field.PivotCode, cellInfo.value);
-          }
-        };
-      });
-      var pivotDataCellsFields = tabledata.current.PivotMeasures.map(function (measure) {
-        return {
-          dataField: measure.PivotMeasureCode,
-          area: 'data',
-          dataType: 'number',
-          wordWrapEnabled: true,
-          caption: measure.MeasureCode == 'Sum' && typeof measure.DisplayName == 'string' ? ConvertStringToPascalCaseHelper(measure.DisplayName.replace("Sum of ", "")) : ConvertStringToPascalCaseHelper(measure.DisplayName),
-          summaryType: 'custom',
-          calculateCustomSummary: function calculateCustomSummary(options) {
-            if (options.summaryProcess == 'calculate') {
-              var _value = !isNullOrUndefinedOrEmpty(options.value) ? options.value : 0;
-
-              var decimalParts = _value.toString().split(".");
-
-              var firstPart = decimalParts[0] ? decimalParts[0] : 0;
-              var secondPart = decimalParts[1] ? decimalParts[1] : 0;
-              secondPart = secondPart.toString().substr(0, 2);
-
-              var _finalVal = firstPart + "." + secondPart;
-
-              options.value = Number(_finalVal);
-              options.totalValue = (!isNullOrUndefinedOrEmpty(options.totalValue) ? options.totalValue : 0) + options.value;
-            }
-          },
-          format: function format(value) {
-            var isInteger = isValueInteger(measure.MeasureCode, measure.MeasureFieldDataType);
-            var minimumFraction = isInteger ? 0 : 2;
-
-            var _value = isNullOrUndefinedOrEmpty(value) ? 0 : value;
-
-            return getNumberInSystemLocalFormat(_value, 2, minimumFraction);
-          }
-        };
-      });
-      var AllfieldsData = [].concat(pivotRowsAndColumnsFields, pivotDataCellsFields);
-      setDataSource(new PivotGridDataSource({
-        store: tabledata.current.PivotData,
-        fields: AllfieldsData
-      }));
-    }
-  };
-
-  var isRowsEmptyAndColumnsNotEmpty = function isRowsEmptyAndColumnsNotEmpty() {
-    var pivotRows = widget && !isNullOrUndefinedOrEmpty(widget === null || widget === void 0 ? void 0 : widget.PivotRows) ? JSON.parse(widget === null || widget === void 0 ? void 0 : widget.PivotRows) : [];
-    var pivotColumns = widget && !isNullOrUndefinedOrEmpty(widget === null || widget === void 0 ? void 0 : widget.PivotColumns) ? JSON.parse(widget === null || widget === void 0 ? void 0 : widget.PivotColumns) : [];
-    return (pivotRows === null || pivotRows === void 0 ? void 0 : pivotRows.length) === 0 && (pivotColumns === null || pivotColumns === void 0 ? void 0 : pivotColumns.length) > 0;
-  };
-
-  var canShowRowsGrandTotal = function canShowRowsGrandTotal() {
-    if (isRowsEmptyAndColumnsNotEmpty()) {
-      return true;
-    }
-
-    var pivotTotalsSettings = widget && !isNullOrUndefinedOrEmpty(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings) ? JSON.parse(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings) : {};
-    return !isNullOrUndefinedOrEmpty(pivotTotalsSettings.ShowRowsGrandTotal) ? pivotTotalsSettings.ShowRowsGrandTotal : false;
-  };
-
-  var isRowsNotEmptyAndColumnsEmpty = function isRowsNotEmptyAndColumnsEmpty() {
-    var pivotRows = widget && !isNullOrUndefinedOrEmpty(widget === null || widget === void 0 ? void 0 : widget.PivotRows) ? JSON.parse(widget === null || widget === void 0 ? void 0 : widget.PivotRows) : [];
-    var pivotColumns = widget && !isNullOrUndefinedOrEmpty(widget === null || widget === void 0 ? void 0 : widget.PivotColumns) ? JSON.parse(widget === null || widget === void 0 ? void 0 : widget.PivotColumns) : [];
-    return (pivotRows === null || pivotRows === void 0 ? void 0 : pivotRows.length) > 0 && (pivotColumns === null || pivotColumns === void 0 ? void 0 : pivotColumns.length) === 0;
-  };
-
-  var canShowColumnsGrandTotal = function canShowColumnsGrandTotal() {
-    if (isRowsNotEmptyAndColumnsEmpty()) {
-      return true;
-    }
-
-    var pivotTotalsSettings = widget && !isNullOrUndefinedOrEmpty(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings) ? JSON.parse(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings) : {};
-    return !isNullOrUndefinedOrEmpty(pivotTotalsSettings.ShowColumnsGrandTotal) ? pivotTotalsSettings.ShowColumnsGrandTotal : false;
-  };
-
-  var canShowRowsTotal = function canShowRowsTotal() {
-    var pivotTotalsSettings = widget && !isNullOrUndefinedOrEmpty(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings) ? JSON.parse(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings) : {};
-    return !isNullOrUndefinedOrEmpty(pivotTotalsSettings.ShowRowsTotal) ? pivotTotalsSettings.ShowRowsTotal : false;
-  };
-
-  var canShowColumnsTotal = function canShowColumnsTotal() {
-    var pivotTotalsSettings = widget && !isNullOrUndefinedOrEmpty(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings) ? JSON.parse(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings) : {};
-    return !isNullOrUndefinedOrEmpty(pivotTotalsSettings.ShowColumnsTotal) ? pivotTotalsSettings.ShowColumnsTotal : false;
-  };
-
-  return React__default.createElement(React__default.Fragment, null, isLoading ? React__default.createElement("div", {
-    className: 'dl-full-hight dl-flex-content-center spinner-custome'
-  }, React__default.createElement(progressspinner.ProgressSpinner, {
-    style: {
-      width: '40px',
-      height: '40px'
-    },
-    strokeWidth: "4",
-    animationDuration: "2s"
-  })) : React__default.createElement(PivotGrid__default, {
-    id: "pivotGridId",
-    ref: pivotGridRef,
-    dataSource: dataSource,
-    allowExpandAll: true,
-    showBorders: true,
-    className: 'pivot-grid-element',
-    onCellClick: onCellClick,
-    showRowGrandTotals: canShowRowsGrandTotal(),
-    showColumnGrandTotals: canShowColumnsGrandTotal(),
-    showRowTotals: canShowRowsTotal(),
-    showColumnTotals: canShowColumnsTotal(),
-    showTotalsPrior: 'none',
-    wordWrapEnabled: true
-  }, React__default.createElement(PivotGrid.FieldPanel, {
-    showColumnFields: false,
-    showDataFields: false,
-    showFilterFields: false,
-    showRowFields: false,
-    texts: {
-      rowFieldArea: ""
-    },
-    allowFieldDragging: false,
-    visible: true
-  }), React__default.createElement(PivotGrid.FieldChooser, {
-    enabled: false
-  }), React__default.createElement(PivotGrid.Scrolling, {
-    mode: "virtual"
-  })));
-});
-
-var isRowPivotField = function isRowPivotField(field) {
-  return !!(field.PivotCode && field.PivotCode.indexOf('Row') !== -1);
-};
-var truncateToTwoDecimals = function truncateToTwoDecimals(value) {
-  var numericValue = isNullOrUndefinedOrEmpty(value) ? 0 : Number(value);
-  var safeValue = isNaN(numericValue) ? 0 : numericValue;
-  var decimalParts = safeValue.toString().split('.');
-  var firstPart = decimalParts[0] ? decimalParts[0] : '0';
-  var secondPart = decimalParts[1] ? decimalParts[1].toString().substr(0, 2) : '0';
-  return Number(firstPart + '.' + secondPart);
-};
-var isPivotMeasureValueEmpty = function isPivotMeasureValueEmpty(value) {
-  return value === null || value === undefined || value === '';
-};
-var logitudeSumAgg = function logitudeSumAgg(params) {
-  var values = params && params.values ? params.values : [];
-  if (values.length === 0) return null;
-  var total = 0;
-  var hasValue = false;
-
-  for (var i = 0; i < values.length; i++) {
-    if (isPivotMeasureValueEmpty(values[i])) continue;
-    hasValue = true;
-    total += truncateToTwoDecimals(values[i]);
   }
 
-  return hasValue ? total : null;
+  return maxValue;
 };
 var formatPivotMeasureValue = function formatPivotMeasureValue(value, measure) {
   if (isPivotMeasureValueEmpty(value)) return '';
+
+  if (isPivotDateMinMaxMeasure(measure)) {
+    return formatPivotDateMeasureValue(value);
+  }
+
   var isInteger = isValueInteger(measure.MeasureCode, measure.MeasureFieldDataType);
   var minimumFraction = isInteger ? 0 : 2;
   return getNumberInSystemLocalFormat(value, 2, minimumFraction);
@@ -2883,14 +2813,7 @@ var parsePivotTotalsSettings = function parsePivotTotalsSettings(json) {
   }
 };
 
-var ROW_GROUP_COLUMN_MIN_WIDTH = 100;
-
-var applyAgGridLicense = function applyAgGridLicense() {
-  if (!Session.AgGridLicenseKey) return;
-  agGridEnterprise.LicenseManager.setLicenseKey(Session.AgGridLicenseKey);
-};
-
-var AgPivotGrid = React.forwardRef(function (props, _comRef) {
+var PivotTable = React.forwardRef(function (props, comRef) {
   var _useState = React.useState(),
       widget = _useState[0],
       setWidget = _useState[1];
@@ -2899,34 +2822,27 @@ var AgPivotGrid = React.forwardRef(function (props, _comRef) {
       isLoading = _useState2[0],
       setIsLoading = _useState2[1];
 
-  var _useState3 = React.useState([]),
-      rowData = _useState3[0],
-      setRowData = _useState3[1];
-
-  var _useState4 = React.useState([]),
-      columnDefs = _useState4[0],
-      setColumnDefs = _useState4[1];
-
-  var _useState5 = React.useState(0),
-      measureCount = _useState5[0],
-      setMeasureCount = _useState5[1];
-
   var widgetRefData = React.useRef(null);
   var tabledata = React.useRef();
-  var gridApiRef = React.useRef(null);
-  var columnApiRef = React.useRef(null);
-  var gridContainerRef = React.useRef(null);
-  var pivotFieldsRef = React.useRef([]);
-  var pivotMeasuresRef = React.useRef([]);
+  var pivotGridRef = React.useRef(null);
+  var dateMeasureDataFieldsRef = React.useRef(new Set());
+  var pivotHasRowFieldsRef = React.useRef(false);
+  var pivotHasColumnFieldsRef = React.useRef(false);
+
+  var _useState3 = React.useState(new PivotGridDataSource({
+    store: [],
+    fields: []
+  })),
+      dataSource = _useState3[0],
+      setDataSource = _useState3[1];
+
   React.useEffect(function () {
     var _props$customChartPro;
 
-    applyAgGridLicense();
-
     if (props.customChartProps && props.customChartProps.widget) {
       setWidget(props.customChartProps.widget);
       widgetRefData.current = props.customChartProps.widget;
-      getPivotTableData(props.customChartProps.widget);
+      getPivotTableData();
     }
 
     (_props$customChartPro = props.customChartProps.dataBinding) === null || _props$customChartPro === void 0 ? void 0 : _props$customChartPro.widgetUpdated.subscribe(function (updatedWidget) {
@@ -2935,58 +2851,493 @@ var AgPivotGrid = React.forwardRef(function (props, _comRef) {
       if ((updatedWidget === null || updatedWidget === void 0 ? void 0 : updatedWidget.key) != ((_widgetRefData$curren = widgetRefData.current) === null || _widgetRefData$curren === void 0 ? void 0 : _widgetRefData$curren.key)) return;
       setWidget(_extends({}, updatedWidget));
     });
-    document.addEventListener('resizeStop', handleResize);
+    document.addEventListener("resizeStop", handleResize);
     return function () {
-      document.removeEventListener('resizeStop', handleResize);
+      document.removeEventListener("resizeStop", handleResize);
     };
   }, []);
   React.useEffect(function () {
-    if (!props.customChartProps.isInEditMode) return;
+    if (props.customChartProps.isInEditMode) {
+      var _pivotGridRef$current;
 
-    if (gridContainerRef.current && gridContainerRef.current.classList) {
-      gridContainerRef.current.classList.add('force-overflow-hidden');
-    }
+      if (pivotGridRef.current && (_pivotGridRef$current = pivotGridRef.current) !== null && _pivotGridRef$current !== void 0 && _pivotGridRef$current.instance && pivotGridRef.current.instance.element && pivotGridRef.current.instance.element().classList) {
+        pivotGridRef.current.instance.element().classList.add('force-overflow-hidden');
+      }
 
-    setTimeout(function () {
-      handleResize();
+      setTimeout(function () {
+        var _pivotGridRef$current2;
 
-      if (gridContainerRef.current && gridContainerRef.current.classList) {
-        gridContainerRef.current.classList.remove('force-overflow-hidden');
-      }
-    }, 5);
+        handleResize();
+
+        if (pivotGridRef.current && (_pivotGridRef$current2 = pivotGridRef.current) !== null && _pivotGridRef$current2 !== void 0 && _pivotGridRef$current2.instance && pivotGridRef.current.instance.element && pivotGridRef.current.instance.element().classList) {
+          pivotGridRef.current.instance.element().classList.remove('force-overflow-hidden');
+        }
+      }, 5);
+    }
   }, [props.customChartProps.isInEditMode]);
 
   var handleResize = function handleResize() {
-    if (gridApiRef.current && gridApiRef.current.resetRowHeights) {
-      gridApiRef.current.resetRowHeights();
+    var _pivotGridRef$current3, _pivotGridRef$current4;
+
+    if (pivotGridRef.current && (_pivotGridRef$current3 = pivotGridRef.current) !== null && _pivotGridRef$current3 !== void 0 && _pivotGridRef$current3.instance && (_pivotGridRef$current4 = pivotGridRef.current) !== null && _pivotGridRef$current4 !== void 0 && _pivotGridRef$current4.instance.repaint) {
+      var _pivotGridRef$current5;
+
+      (_pivotGridRef$current5 = pivotGridRef.current) === null || _pivotGridRef$current5 === void 0 ? void 0 : _pivotGridRef$current5.instance.repaint();
     }
   };
 
-  var getPivotTableData = function getPivotTableData(widgetPm) {
+  var getPivotTableData = function getPivotTableData(widget) {
     if (Session.Tenant == 0) {
       tabledata.current = [];
-      setRowData([]);
       setIsLoading(false);
       return;
     }
 
     var dashboardAnalyticsService = new DashboardAnalyticsService();
-    var widgetLoadLogger = new WidgetLoadLogger(props.customChartProps.widget, props.customChartProps.isPreviewModeActive, 'PostGetPivotData');
-    dashboardAnalyticsService.getPivotData(widgetPm).then(function (res) {
+    var widgetLoadLogger = new WidgetLoadLogger(props.customChartProps.widget, props.customChartProps.isPreviewModeActive, "PostGetPivotData");
+    dashboardAnalyticsService.getPivotData(props.customChartProps.widget).then(function (res) {
       tabledata.current = res.data;
-      buildGridFromPivotResponse();
+      setPivotDataSourceFields();
       setIsLoading(false);
       widgetLoadLogger.log(res);
     })["catch"](function (err) {
-      console.log('Error while Getting Pivot Table Data: ', err);
+      console.log("Error while Getting Pivot Table Data: ", err);
       tabledata.current = null;
-      setRowData([]);
+      setPivotDataSourceFields();
       setIsLoading(false);
     });
   };
 
-  var lookupDisplayName = function lookupDisplayName(field, rawValue) {
-    var pivotData = tabledata.current && tabledata.current.PivotData ? tabledata.current.PivotData : [];
+  var customizeCells = React.useCallback(function (e) {
+    if (e.cell.rowPath && e.cell.rowPath[0] === "Germany" && e.cell.columnPath && e.cell.columnPath[0] === "Export" && e.cell.columnPath[1] === "Air") {
+      e.cellElement.children[0].style.padding = "6px";
+      e.cellElement.children[0].style.borderRadius = "6px";
+      e.cellElement.children[0].style.backgroundColor = "#f4433673";
+    }
+
+    if (e.cell.rowPath && e.cell.rowPath[0] === "USA" && e.cell.columnPath && e.cell.columnPath[0] === "Import" && e.cell.columnPath[1] === "Inland") {
+      e.cellElement.children[0].style.padding = "6px";
+      e.cellElement.children[0].style.borderRadius = "6px";
+      e.cellElement.children[0].style.backgroundColor = "#03a9f4ad";
+    }
+  }, []);
+  var onCellClick = React.useCallback(function (e) {
+    if (e.area === 'data') {
+      var pivotFields = [];
+      e.columnFields.forEach(function (c, index) {
+        var fieldValue = e.cell.columnPath[index];
+
+        if (fieldValue !== undefined) {
+          pivotFields.push(_extends({}, c.fieldData, {
+            FieldValue: fieldValue
+          }));
+        }
+      });
+      e.rowFields.forEach(function (r, index) {
+        var fieldValue = e.cell.rowPath[index];
+
+        if (fieldValue !== undefined) {
+          pivotFields.push(_extends({}, r.fieldData, {
+            FieldValue: fieldValue
+          }));
+        }
+      });
+      props.customChartProps.onSelectDataPoint({
+        MeasureFieldId: '',
+        Widget: props.customChartProps.widget,
+        MeasureCode: '',
+        Formula: '',
+        GroupById: '',
+        PivotFields: pivotFields
+      });
+    }
+  }, []);
+  var onCellPrepared = React.useCallback(function (e) {
+    if (e.area !== 'data') {
+      return;
+    }
+
+    var dataFields = e.component.getDataSource().getAreaFields('data');
+    var dataField = dataFields && dataFields[e.cell.dataIndex];
+
+    if (!dataField || !dateMeasureDataFieldsRef.current.has(dataField.dataField)) {
+      return;
+    }
+
+    e.cellElement.classList.add(PIVOT_DATE_DATA_CELL_CLASS);
+
+    if (isDevExtremePivotDataCellTotalOrGrandTotal(e.cell, pivotHasRowFieldsRef.current, pivotHasColumnFieldsRef.current)) {
+      e.cell.text = '';
+      var contentSpan = e.cellElement ? e.cellElement.querySelector('span') : null;
+
+      if (contentSpan) {
+        contentSpan.textContent = '';
+      }
+    }
+  }, []);
+
+  var getColumnNameByColumnId = function getColumnNameByColumnId(fieldName, dataField, datafieldValue) {
+    var data = tabledata.current.PivotData.find(function (el) {
+      return el[dataField] == datafieldValue;
+    });
+    return data ? ConvertStringToPascalCaseHelper(data[fieldName]) : '';
+  };
+
+  var SortRowAndColumnHeaders = function SortRowAndColumnHeaders(a, b, field) {
+    if (field.DateCode == 'Month') {
+      var aValue = a.value == null ? -1 : Number(a.value);
+      var bValue = b.value == null ? -1 : Number(b.value);
+
+      if (aValue < bValue) {
+        return -1;
+      }
+
+      if (aValue > bValue) {
+        return 1;
+      }
+
+      return 0;
+    } else if (field.DateCode != null) {
+      var _aValue = a.value == null ? '' : a.value;
+
+      var _bValue = b.value == null ? '' : b.value;
+
+      if (_aValue < _bValue) {
+        return -1;
+      }
+
+      if (_aValue > _bValue) {
+        return 1;
+      }
+
+      return 0;
+    } else {
+      var aText = a.text == null ? '' : a.text;
+      var bText = b.text == null ? '' : b.text;
+
+      if (aText < bText) {
+        return -1;
+      }
+
+      if (aText > bText) {
+        return 1;
+      }
+
+      return 0;
+    }
+  };
+
+  var setPivotDataSourceFields = function setPivotDataSourceFields() {
+    if (tabledata.current && tabledata.current.PivoFields && tabledata.current.PivotMeasures) {
+      var pivotRowsAndColumnsFields = tabledata.current.PivoFields.map(function (field) {
+        return {
+          dataField: field.PivotCode,
+          caption: field.DisplayName,
+          name: field.PivotName,
+          width: 100,
+          allowSorting: false,
+          allowFiltering: false,
+          area: field.PivotCode && field.PivotCode.includes('Row') ? 'row' : 'column',
+          sortingMethod: function sortingMethod(a, b) {
+            return SortRowAndColumnHeaders(a, b, field);
+          },
+          expanded: true,
+          wordWrapEnabled: true,
+          fieldData: {
+            FieldId: field.FieldId,
+            FieldType: field.FieldType ? field.FieldType : "Field",
+            FieldValue: '',
+            DateCode: field.DateCode
+          },
+          customizeText: function customizeText(cellInfo) {
+            return getColumnNameByColumnId(field.PivotName, field.PivotCode, cellInfo.value);
+          }
+        };
+      });
+      var hasRowFields = tabledata.current.PivoFields.some(function (field) {
+        return field.PivotCode && field.PivotCode.includes('Row');
+      });
+      var hasColumnFields = tabledata.current.PivoFields.some(function (field) {
+        return field.PivotCode && !field.PivotCode.includes('Row');
+      });
+      pivotHasRowFieldsRef.current = hasRowFields;
+      pivotHasColumnFieldsRef.current = hasColumnFields;
+      dateMeasureDataFieldsRef.current = new Set(tabledata.current.PivotMeasures.filter(function (measure) {
+        return (measure.MeasureCode === 'Min' || measure.MeasureCode === 'Max') && FieldDataType.isDateOrDateTimeType(measure.MeasureFieldDataType);
+      }).map(function (measure) {
+        return measure.PivotMeasureCode;
+      }));
+      var pivotDataCellsFields = tabledata.current.PivotMeasures.map(function (measure) {
+        var isDateMinMaxMeasure = (measure.MeasureCode === 'Min' || measure.MeasureCode === 'Max') && FieldDataType.isDateOrDateTimeType(measure.MeasureFieldDataType);
+        return _extends({
+          dataField: measure.PivotMeasureCode,
+          area: 'data',
+          dataType: isDateMinMaxMeasure ? 'string' : 'number',
+          wordWrapEnabled: true,
+          caption: measure.MeasureCode == 'Sum' && typeof measure.DisplayName == 'string' ? ConvertStringToPascalCaseHelper(measure.DisplayName.replace("Sum of ", "")) : ConvertStringToPascalCaseHelper(measure.DisplayName),
+          summaryType: 'custom',
+          calculateCustomSummary: function calculateCustomSummary(options) {
+            if (options.summaryProcess == 'start') {
+              options.totalValue = null;
+              return;
+            }
+
+            if (options.summaryProcess != 'calculate') {
+              return;
+            }
+
+            if (isDateMinMaxMeasure) {
+              if (isNullOrUndefinedOrEmpty(options.value)) {
+                return;
+              }
+
+              var currentDate = moment(options.value);
+
+              if (!currentDate || !currentDate.isValid()) {
+                return;
+              }
+
+              if (isNullOrUndefinedOrEmpty(options.totalValue)) {
+                options.totalValue = options.value;
+                return;
+              }
+
+              var totalDate = moment(options.totalValue);
+
+              if (!totalDate || !totalDate.isValid()) {
+                options.totalValue = options.value;
+                return;
+              }
+
+              if (measure.MeasureCode === 'Max') {
+                if (currentDate.isAfter(totalDate)) {
+                  options.totalValue = options.value;
+                }
+              } else if (currentDate.isBefore(totalDate)) {
+                options.totalValue = options.value;
+              }
+
+              return;
+            }
+
+            var _value = !isNullOrUndefinedOrEmpty(options.value) ? options.value : 0;
+
+            var decimalParts = _value.toString().split(".");
+
+            var firstPart = decimalParts[0] ? decimalParts[0] : 0;
+            var secondPart = decimalParts[1] ? decimalParts[1] : 0;
+            secondPart = secondPart.toString().substr(0, 2);
+
+            var _finalVal = firstPart + "." + secondPart;
+
+            options.value = Number(_finalVal);
+            options.totalValue = (!isNullOrUndefinedOrEmpty(options.totalValue) ? options.totalValue : 0) + options.value;
+          }
+        }, isDateMinMaxMeasure ? {
+          calculateSummaryValue: function calculateSummaryValue(cell) {
+            if (isDevExtremeSummaryCellTotalOrGrandTotal(cell, hasRowFields, hasColumnFields)) {
+              return null;
+            }
+
+            return cell.value();
+          },
+          customizeText: function customizeText(cellInfo) {
+            return formatPivotDateMeasureValue(cellInfo.value);
+          }
+        } : {
+          format: function format(value) {
+            var isInteger = isValueInteger(measure.MeasureCode, measure.MeasureFieldDataType);
+            var minimumFraction = isInteger ? 0 : 2;
+
+            var _value = isNullOrUndefinedOrEmpty(value) ? 0 : value;
+
+            return getNumberInSystemLocalFormat(_value, 2, minimumFraction);
+          }
+        });
+      });
+      var AllfieldsData = [].concat(pivotRowsAndColumnsFields, pivotDataCellsFields);
+      setDataSource(new PivotGridDataSource({
+        store: tabledata.current.PivotData,
+        fields: AllfieldsData
+      }));
+    }
+  };
+
+  var canShowRowsGrandTotal = function canShowRowsGrandTotal() {
+    var pivotTotalsSettings = widget && !isNullOrUndefinedOrEmpty(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings) ? JSON.parse(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings) : {};
+    return !isNullOrUndefinedOrEmpty(pivotTotalsSettings.ShowRowsGrandTotal) ? pivotTotalsSettings.ShowRowsGrandTotal : false;
+  };
+
+  var isRowsNotEmptyAndColumnsEmpty = function isRowsNotEmptyAndColumnsEmpty() {
+    var pivotRows = widget && !isNullOrUndefinedOrEmpty(widget === null || widget === void 0 ? void 0 : widget.PivotRows) ? JSON.parse(widget === null || widget === void 0 ? void 0 : widget.PivotRows) : [];
+    var pivotColumns = widget && !isNullOrUndefinedOrEmpty(widget === null || widget === void 0 ? void 0 : widget.PivotColumns) ? JSON.parse(widget === null || widget === void 0 ? void 0 : widget.PivotColumns) : [];
+    return (pivotRows === null || pivotRows === void 0 ? void 0 : pivotRows.length) > 0 && (pivotColumns === null || pivotColumns === void 0 ? void 0 : pivotColumns.length) === 0;
+  };
+
+  var canShowColumnsGrandTotal = function canShowColumnsGrandTotal() {
+    if (isRowsNotEmptyAndColumnsEmpty()) {
+      return true;
+    }
+
+    var pivotTotalsSettings = widget && !isNullOrUndefinedOrEmpty(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings) ? JSON.parse(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings) : {};
+    return !isNullOrUndefinedOrEmpty(pivotTotalsSettings.ShowColumnsGrandTotal) ? pivotTotalsSettings.ShowColumnsGrandTotal : false;
+  };
+
+  var canShowRowsTotal = function canShowRowsTotal() {
+    var pivotTotalsSettings = widget && !isNullOrUndefinedOrEmpty(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings) ? JSON.parse(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings) : {};
+    return !isNullOrUndefinedOrEmpty(pivotTotalsSettings.ShowRowsTotal) ? pivotTotalsSettings.ShowRowsTotal : false;
+  };
+
+  var canShowColumnsTotal = function canShowColumnsTotal() {
+    var pivotTotalsSettings = widget && !isNullOrUndefinedOrEmpty(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings) ? JSON.parse(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings) : {};
+    return !isNullOrUndefinedOrEmpty(pivotTotalsSettings.ShowColumnsTotal) ? pivotTotalsSettings.ShowColumnsTotal : false;
+  };
+
+  return React__default.createElement(React__default.Fragment, null, isLoading ? React__default.createElement("div", {
+    className: 'dl-full-hight dl-flex-content-center spinner-custome'
+  }, React__default.createElement(progressspinner.ProgressSpinner, {
+    style: {
+      width: '40px',
+      height: '40px'
+    },
+    strokeWidth: "4",
+    animationDuration: "2s"
+  })) : React__default.createElement(PivotGrid__default, {
+    id: "pivotGridId",
+    ref: pivotGridRef,
+    dataSource: dataSource,
+    allowExpandAll: true,
+    showBorders: true,
+    className: 'pivot-grid-element',
+    onCellClick: onCellClick,
+    onCellPrepared: onCellPrepared,
+    showRowGrandTotals: canShowRowsGrandTotal(),
+    showColumnGrandTotals: canShowColumnsGrandTotal(),
+    showRowTotals: canShowRowsTotal(),
+    showColumnTotals: canShowColumnsTotal(),
+    showTotalsPrior: 'none',
+    wordWrapEnabled: true
+  }, React__default.createElement(PivotGrid.FieldPanel, {
+    showColumnFields: false,
+    showDataFields: false,
+    showFilterFields: false,
+    showRowFields: false,
+    texts: {
+      rowFieldArea: ""
+    },
+    allowFieldDragging: false,
+    visible: true
+  }), React__default.createElement(PivotGrid.FieldChooser, {
+    enabled: false
+  }), React__default.createElement(PivotGrid.Scrolling, {
+    mode: "virtual"
+  })));
+});
+
+var ROW_GROUP_COLUMN_MIN_WIDTH = 100;
+
+var applyAgGridLicense = function applyAgGridLicense() {
+  if (!Session.AgGridLicenseKey) return;
+  agGridEnterprise.LicenseManager.setLicenseKey(Session.AgGridLicenseKey);
+};
+
+var AgPivotGrid = React.forwardRef(function (props, _comRef) {
+  var _useState = React.useState(),
+      widget = _useState[0],
+      setWidget = _useState[1];
+
+  var _useState2 = React.useState(true),
+      isLoading = _useState2[0],
+      setIsLoading = _useState2[1];
+
+  var _useState3 = React.useState([]),
+      rowData = _useState3[0],
+      setRowData = _useState3[1];
+
+  var _useState4 = React.useState([]),
+      columnDefs = _useState4[0],
+      setColumnDefs = _useState4[1];
+
+  var _useState5 = React.useState(0),
+      measureCount = _useState5[0],
+      setMeasureCount = _useState5[1];
+
+  var widgetRefData = React.useRef(null);
+  var tabledata = React.useRef();
+  var gridApiRef = React.useRef(null);
+  var columnApiRef = React.useRef(null);
+  var gridContainerRef = React.useRef(null);
+  var pivotFieldsRef = React.useRef([]);
+  var pivotMeasuresRef = React.useRef([]);
+  React.useEffect(function () {
+    var _props$customChartPro;
+
+    applyAgGridLicense();
+
+    if (props.customChartProps && props.customChartProps.widget) {
+      setWidget(props.customChartProps.widget);
+      widgetRefData.current = props.customChartProps.widget;
+      getPivotTableData(props.customChartProps.widget);
+    }
+
+    (_props$customChartPro = props.customChartProps.dataBinding) === null || _props$customChartPro === void 0 ? void 0 : _props$customChartPro.widgetUpdated.subscribe(function (updatedWidget) {
+      var _widgetRefData$curren;
+
+      if ((updatedWidget === null || updatedWidget === void 0 ? void 0 : updatedWidget.key) != ((_widgetRefData$curren = widgetRefData.current) === null || _widgetRefData$curren === void 0 ? void 0 : _widgetRefData$curren.key)) return;
+      setWidget(_extends({}, updatedWidget));
+    });
+    document.addEventListener('resizeStop', handleResize);
+    return function () {
+      document.removeEventListener('resizeStop', handleResize);
+    };
+  }, []);
+  React.useEffect(function () {
+    if (!props.customChartProps.isInEditMode) return;
+
+    if (gridContainerRef.current && gridContainerRef.current.classList) {
+      gridContainerRef.current.classList.add('force-overflow-hidden');
+    }
+
+    setTimeout(function () {
+      handleResize();
+
+      if (gridContainerRef.current && gridContainerRef.current.classList) {
+        gridContainerRef.current.classList.remove('force-overflow-hidden');
+      }
+    }, 5);
+  }, [props.customChartProps.isInEditMode]);
+
+  var handleResize = function handleResize() {
+    if (gridApiRef.current && gridApiRef.current.resetRowHeights) {
+      gridApiRef.current.resetRowHeights();
+    }
+  };
+
+  var getPivotTableData = function getPivotTableData(widgetPm) {
+    if (Session.Tenant == 0) {
+      tabledata.current = [];
+      setRowData([]);
+      setIsLoading(false);
+      return;
+    }
+
+    var dashboardAnalyticsService = new DashboardAnalyticsService();
+    var widgetLoadLogger = new WidgetLoadLogger(props.customChartProps.widget, props.customChartProps.isPreviewModeActive, 'PostGetPivotData');
+    dashboardAnalyticsService.getPivotData(widgetPm).then(function (res) {
+      tabledata.current = res.data;
+      buildGridFromPivotResponse();
+      setIsLoading(false);
+      widgetLoadLogger.log(res);
+    })["catch"](function (err) {
+      console.log('Error while Getting Pivot Table Data: ', err);
+      tabledata.current = null;
+      setRowData([]);
+      setIsLoading(false);
+    });
+  };
+
+  var lookupDisplayName = function lookupDisplayName(field, rawValue) {
+    var pivotData = tabledata.current && tabledata.current.PivotData ? tabledata.current.PivotData : [];
     return getPivotDisplayName(pivotData, field.PivotName, field.PivotCode, rawValue);
   };
 
@@ -2998,11 +3349,14 @@ var AgPivotGrid = React.forwardRef(function (props, _comRef) {
     return lookupDisplayName(field, rawValue);
   };
 
-  var applyPivotDataCellFormatting = function applyPivotDataCellFormatting(colDef) {
+  var applyPivotDataCellFormatting = function applyPivotDataCellFormatting(colDef, measure) {
     colDef.sortable = false;
     colDef.filter = false;
-    colDef.cellClass = 'dl-ag-pivot-data-cell';
-    colDef.type = 'numericColumn';
+    colDef.cellClass = measure ? getPivotDataCellClassNames(measure) : 'dl-ag-pivot-data-cell';
+
+    if (!measure || !isPivotDateMinMaxMeasure(measure)) {
+      colDef.type = 'numericColumn';
+    }
   };
 
   var buildGridFromPivotResponse = function buildGridFromPivotResponse() {
@@ -3072,28 +3426,36 @@ var AgPivotGrid = React.forwardRef(function (props, _comRef) {
     };
   };
 
+  var getMeasureAggFunc = function getMeasureAggFunc(measure) {
+    if (!isPivotDateMinMaxMeasure(measure)) return 'logitudeSum';
+    return measure.MeasureCode === 'Max' ? 'logitudeMax' : 'logitudeMin';
+  };
+
   var createMeasureColDef = function createMeasureColDef(measure) {
-    return {
+    var colDef = {
       field: measure.PivotMeasureCode,
       headerName: getMeasureCaption(measure),
-      aggFunc: 'logitudeSum',
+      aggFunc: getMeasureAggFunc(measure),
       enableValue: true,
       wrapText: true,
       autoHeight: true,
       sortable: false,
       filter: false,
-      cellClass: 'dl-ag-pivot-data-cell',
-      type: 'numericColumn',
+      cellClass: getPivotDataCellClassNames(measure),
       valueFormatter: function valueFormatter(params) {
+        if (isPivotDateMinMaxMeasure(measure) && isAgGridPivotDateMeasureTotalDisplayCell(params)) {
+          return '';
+        }
+
         return formatPivotMeasureValue(params.value, measure);
       }
     };
-  };
 
-  var isRowsEmptyAndColumnsNotEmpty = function isRowsEmptyAndColumnsNotEmpty() {
-    var pivotRows = parseJsonArray(widget === null || widget === void 0 ? void 0 : widget.PivotRows);
-    var pivotColumns = parseJsonArray(widget === null || widget === void 0 ? void 0 : widget.PivotColumns);
-    return pivotRows.length === 0 && pivotColumns.length > 0;
+    if (!isPivotDateMinMaxMeasure(measure)) {
+      colDef.type = 'numericColumn';
+    }
+
+    return colDef;
   };
 
   var isRowsNotEmptyAndColumnsEmpty = function isRowsNotEmptyAndColumnsEmpty() {
@@ -3103,7 +3465,6 @@ var AgPivotGrid = React.forwardRef(function (props, _comRef) {
   };
 
   var canShowRowsGrandTotal = function canShowRowsGrandTotal() {
-    if (isRowsEmptyAndColumnsNotEmpty()) return true;
     var settings = parsePivotTotalsSettings(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings);
     return !isNullOrUndefinedOrEmpty(settings.ShowRowsGrandTotal) ? !!settings.ShowRowsGrandTotal : false;
   };
@@ -3151,12 +3512,18 @@ var AgPivotGrid = React.forwardRef(function (props, _comRef) {
       }
     }
 
-    applyPivotDataCellFormatting(colDef);
+    var measure = resolveMeasureForSecondaryColDef(colDef, pivotMeasuresRef.current);
+    applyPivotDataCellFormatting(colDef, measure);
 
     colDef.valueFormatter = function (params) {
-      var measure = resolveMeasureForSecondaryColDef(params.colDef, pivotMeasuresRef.current);
-      if (!measure) return '';
-      return formatPivotMeasureValue(params.value, measure);
+      var resolvedMeasure = measure || resolveMeasureForSecondaryColDef(params.colDef, pivotMeasuresRef.current);
+      if (!resolvedMeasure) return '';
+
+      if (isPivotDateMinMaxMeasure(resolvedMeasure) && isAgGridPivotDateMeasureTotalDisplayCell(params)) {
+        return '';
+      }
+
+      return formatPivotMeasureValue(params.value, resolvedMeasure);
     };
   }, []);
   var onCellClicked = React.useCallback(function (event) {
@@ -3222,7 +3589,9 @@ var AgPivotGrid = React.forwardRef(function (props, _comRef) {
   }, []);
   var aggFuncs = React.useMemo(function () {
     return {
-      logitudeSum: logitudeSumAgg
+      logitudeSum: logitudeSumAgg,
+      logitudeMin: logitudeMinAgg,
+      logitudeMax: logitudeMaxAgg
     };
   }, []);
   var scheduleRowGrandTotalHeaderLabel = React.useCallback(function () {