logitude-dashboard-library 3.2.64 → 3.2.66

package/dist/index.js

@@ -1972,7 +1972,8 @@ var TableChart = function TableChart(props) {
     }
 
     if (!rowData) return true;
-    return Number(rowData.Tenant) === Number(Session.Tenant);
+    var rowTenantId = rowData.lookUp_Tenant != null ? rowData.lookUp_Tenant : rowData.Tenant;
+    return Number(rowTenantId) === Number(Session.Tenant);
   };
 
   var isClickableCell = function isClickableCell(fieldCode, rowData) {
@@ -1984,7 +1985,7 @@ var TableChart = function TableChart(props) {
       return false;
     }
 
-    return fieldCode == "ShipmentNumber" && objectTableName == "Shipment" || IsShipmentMasterFieldClickable(fieldCode, rowData) || fieldCode == "InvoiceNumber" && objectTableName == "APInvoice" || fieldCode == "InvoiceNumber" && objectTableName == "ARInvoice" || fieldCode == "ContainerNumber" && objectTableName == "Container" || fieldCode == "QuoteNumber" && objectTableName == "Quote" || fieldCode == "Subject" && objectTableName == "Opportunity" || fieldCode == "EnglishName" && objectTableName == "Customer" || fieldCode == "TaskNumber" && objectTableName == "Task" || fieldCode == "Subject" && objectTableName == "Activity" || fieldCode == "TicketNumber" && objectTableName == "Ticket" || fieldCode == "ReleaseNumber" && objectTableName == "WarehouseRelease" || fieldCode == "EntryNumber" && objectTableName == "WarehouseEntry";
+    return fieldCode == "ShipmentNumber" && objectTableName == "Shipment" || IsShipmentMasterFieldClickable(fieldCode, rowData) || fieldCode == "InvoiceNumber" && objectTableName == "APInvoice" || fieldCode == "InvoiceNumber" && objectTableName == "ARInvoice" || fieldCode == "ContainerNumber" && objectTableName == "Container" || fieldCode == "QuoteNumber" && objectTableName == "Quote" || fieldCode == "Subject" && objectTableName == "Opportunity" || fieldCode == "EnglishName" && objectTableName == "Customer" || fieldCode == "TaskNumber" && objectTableName == "Task" || fieldCode == "Subject" && objectTableName == "Activity" || fieldCode == "TicketNumber" && objectTableName == "Ticket" || fieldCode == "ReleaseNumber" && objectTableName == "WarehouseRelease" || fieldCode == "EntryNumber" && objectTableName == "WarehouseEntry" || fieldCode == "Subject" && objectTableName == "Conversation" || fieldCode == "ConversationSubject" && objectTableName == "ConversationMessage";
   };
 
   var IsShipmentMasterFieldClickable = function IsShipmentMasterFieldClickable(fieldCode, rowData) {
@@ -2150,847 +2151,1110 @@ 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;
+  return maxValue;
+};
+var formatPivotMeasureValue = function formatPivotMeasureValue(value, measure) {
+  if (isPivotMeasureValueEmpty(value)) return '';
 
-              var decimalParts = _value.toString().split(".");
+  if (isPivotDateMinMaxMeasure(measure)) {
+    return formatPivotDateMeasureValue(value);
+  }
 
-              var firstPart = decimalParts[0] ? decimalParts[0] : 0;
-              var secondPart = decimalParts[1] ? decimalParts[1] : 0;
-              secondPart = secondPart.toString().substr(0, 2);
+  var isInteger = isValueInteger(measure.MeasureCode, measure.MeasureFieldDataType);
+  var minimumFraction = isInteger ? 0 : 2;
+  return getNumberInSystemLocalFormat(value, 2, minimumFraction);
+};
+var getPivotGroupFooterLabel = function getPivotGroupFooterLabel(node, fieldCode, rawValue, lookupDisplayName) {
+  if (!node || !node.footer) return '';
 
-              var _finalVal = firstPart + "." + secondPart;
+  if (node.level === -1) {
+    return 'Grand Total';
+  }
 
-              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;
+  if (!fieldCode) return '';
+  var displayName = lookupDisplayName(fieldCode, rawValue);
+  return displayName ? displayName + " Total" : '';
+};
+var compareDimensionValues = function compareDimensionValues(aValue, bValue, dateCode, aText, bText) {
+  if (dateCode === 'Month') {
+    var aNumber = aValue == null ? -1 : Number(aValue);
+    var bNumber = bValue == null ? -1 : Number(bValue);
+    if (aNumber < bNumber) return -1;
+    if (aNumber > bNumber) return 1;
+    return 0;
+  }
 
-            var _value = isNullOrUndefinedOrEmpty(value) ? 0 : value;
+  if (dateCode != null) {
+    var aCompare = aValue == null ? '' : aValue;
+    var bCompare = bValue == null ? '' : bValue;
+    if (aCompare < bCompare) return -1;
+    if (aCompare > bCompare) return 1;
+    return 0;
+  }
 
-            return getNumberInSystemLocalFormat(_value, 2, minimumFraction);
-          }
-        };
-      });
-      var AllfieldsData = [].concat(pivotRowsAndColumnsFields, pivotDataCellsFields);
-      setDataSource(new PivotGridDataSource({
-        store: tabledata.current.PivotData,
-        fields: AllfieldsData
-      }));
+  var aDisplay = aText == null || aText === '' ? aValue == null ? '' : aValue : aText;
+  var bDisplay = bText == null || bText === '' ? bValue == null ? '' : bValue : bText;
+  if (aDisplay < bDisplay) return -1;
+  if (aDisplay > bDisplay) return 1;
+  return 0;
+};
+var getPivotDisplayName = function getPivotDisplayName(pivotData, fieldName, dataField, dataFieldValue) {
+  if (!pivotData || pivotData.length === 0) return '';
+  var data = pivotData.find(function (el) {
+    return el[dataField] == dataFieldValue;
+  });
+  return data ? ConvertStringToPascalCaseHelper(data[fieldName]) : '';
+};
+var isPivotRowGrandTotalColumnDef = function isPivotRowGrandTotalColumnDef(colDef) {
+  if (!colDef || !colDef.colId) {
+    return false;
+  }
+
+  return String(colDef.colId).indexOf('PivotRowTotal_') === 0;
+};
+var isPivotRowGrandTotalGroupDef = function isPivotRowGrandTotalGroupDef(colGroupDef) {
+  if (!colGroupDef) {
+    return false;
+  }
+
+  var groupId = colGroupDef.groupId || colGroupDef.colId || '';
+
+  if (String(groupId).indexOf('PivotRowTotal') >= 0) {
+    return true;
+  }
+
+  var children = colGroupDef.children;
+
+  if (!children || children.length === 0) {
+    return false;
+  }
+
+  return children.every(function (child) {
+    if (child && child.children) {
+      return isPivotRowGrandTotalGroupDef(child);
     }
-  };
 
-  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;
-  };
+    return isPivotRowGrandTotalColumnDef(child);
+  });
+};
+var resolvePivotGroupHeaderName = function resolvePivotGroupHeaderName(colGroupDef, columnFields, lookupDisplayName) {
+  if (isPivotRowGrandTotalGroupDef(colGroupDef)) {
+    return 'Grand Total';
+  }
 
-  var canShowRowsGrandTotal = function canShowRowsGrandTotal() {
-    if (isRowsEmptyAndColumnsNotEmpty()) {
-      return true;
+  var pivotKeys = colGroupDef && colGroupDef.pivotKeys ? colGroupDef.pivotKeys : [];
+
+  if (pivotKeys.length === 0) {
+    return null;
+  }
+
+  var field = columnFields[pivotKeys.length - 1];
+
+  if (!field) {
+    return null;
+  }
+
+  return lookupDisplayName(field, pivotKeys[pivotKeys.length - 1]);
+};
+var getPivotValueColumnId = function getPivotValueColumnId(pivotValueColumn) {
+  if (!pivotValueColumn) {
+    return null;
+  }
+
+  if (typeof pivotValueColumn.getId === 'function') {
+    return pivotValueColumn.getId();
+  }
+
+  if (typeof pivotValueColumn.getColId === 'function') {
+    return pivotValueColumn.getColId();
+  }
+
+  if (pivotValueColumn.colId) {
+    return String(pivotValueColumn.colId);
+  }
+
+  if (pivotValueColumn.field) {
+    return String(pivotValueColumn.field);
+  }
+
+  return null;
+};
+var resolveMeasureFromPivotValueColumn = function resolveMeasureFromPivotValueColumn(colDef, measures) {
+  if (!colDef || measures.length === 0) {
+    return undefined;
+  }
+
+  if (measures.length === 1) {
+    return measures[0];
+  }
+
+  var valueColumnId = getPivotValueColumnId(colDef.pivotValueColumn);
+
+  if (valueColumnId) {
+    var measureByValueColumn = measures.find(function (measure) {
+      return measure.PivotMeasureCode === valueColumnId;
+    });
+
+    if (measureByValueColumn) {
+      return measureByValueColumn;
     }
+  }
 
-    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 colId = colDef.colId ? String(colDef.colId) : '';
 
-  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;
-  };
+  if (colId) {
+    var sortedMeasures = [].concat(measures).sort(function (left, right) {
+      return right.PivotMeasureCode.length - left.PivotMeasureCode.length;
+    });
 
-  var canShowColumnsGrandTotal = function canShowColumnsGrandTotal() {
-    if (isRowsNotEmptyAndColumnsEmpty()) {
-      return true;
+    for (var index = 0; index < sortedMeasures.length; index++) {
+      var measureCode = sortedMeasures[index].PivotMeasureCode;
+
+      if (colId.endsWith('_' + measureCode)) {
+        return sortedMeasures[index];
+      }
     }
+  }
 
-    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;
-  };
+  return undefined;
+};
+var resolvePivotLeafHeaderName = function resolvePivotLeafHeaderName(colDef, columnFields, lookupDisplayName, measureCount, measures) {
+  if (isPivotRowGrandTotalColumnDef(colDef)) {
+    return null;
+  }
 
-  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;
-  };
+  if (measureCount > 1 && colDef.pivotValueColumn) {
+    return null;
+  }
 
-  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;
-  };
+  var pivotKeys = colDef && colDef.pivotKeys ? colDef.pivotKeys : [];
 
-  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"
-  })));
-});
+  if (pivotKeys.length === 0) {
+    return null;
+  }
 
-var isRowPivotField = function isRowPivotField(field) {
-  return !!(field.PivotCode && field.PivotCode.indexOf('Row') !== -1);
+  var field = columnFields[pivotKeys.length - 1];
+
+  if (!field) {
+    return null;
+  }
+
+  return lookupDisplayName(field, pivotKeys[pivotKeys.length - 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 resolveMeasureForSecondaryColDef = function resolveMeasureForSecondaryColDef(colDef, measures) {
+  return resolveMeasureFromPivotValueColumn(colDef, measures);
 };
-var isPivotMeasureValueEmpty = function isPivotMeasureValueEmpty(value) {
-  return value === null || value === undefined || value === '';
+
+var getColumnGroupAtHeaderLevel = function getColumnGroupAtHeaderLevel(column, targetLevel) {
+  if (!column || typeof column.getParent !== 'function') {
+    return null;
+  }
+
+  var groupPointer = column.getParent();
+
+  while (groupPointer) {
+    var providedColumnGroup = typeof groupPointer.getProvidedColumnGroup === 'function' ? groupPointer.getProvidedColumnGroup() : null;
+
+    if (!providedColumnGroup) {
+      groupPointer = typeof groupPointer.getParent === 'function' ? groupPointer.getParent() : null;
+      continue;
+    }
+
+    var originalGroupLevel = typeof providedColumnGroup.getLevel === 'function' ? providedColumnGroup.getLevel() : 0;
+    var groupPointerLevel = typeof groupPointer.getPaddingLevel === 'function' ? groupPointer.getPaddingLevel() : 0;
+
+    if (originalGroupLevel + groupPointerLevel <= targetLevel) {
+      return groupPointer;
+    }
+
+    groupPointer = typeof groupPointer.getParent === 'function' ? groupPointer.getParent() : null;
+  }
+
+  return null;
 };
-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]);
+var escapeColumnIdSelector = function escapeColumnIdSelector(columnId) {
+  if (typeof CSS !== 'undefined' && typeof CSS.escape === 'function') {
+    return CSS.escape(columnId);
   }
 
-  return hasValue ? total : null;
+  return columnId.replace(/\\/g, '\\\\').replace(/"/g, '\\"');
 };
-var formatPivotMeasureValue = function formatPivotMeasureValue(value, measure) {
-  if (isPivotMeasureValueEmpty(value)) return '';
-  var isInteger = isValueInteger(measure.MeasureCode, measure.MeasureFieldDataType);
-  var minimumFraction = isInteger ? 0 : 2;
-  return getNumberInSystemLocalFormat(value, 2, minimumFraction);
+
+var findHeaderGroupCellByColumnGroup = function findHeaderGroupCellByColumnGroup(headerContainer, groupRows, targetGroupLevel, columnGroup) {
+  if (!columnGroup || typeof columnGroup.getUniqueId !== 'function') {
+    return null;
+  }
+
+  var groupId = columnGroup.getUniqueId();
+  var groupRowIndex = Math.min(Math.max(targetGroupLevel, 0), groupRows.length - 1);
+  var targetGroupRow = groupRows[groupRowIndex];
+
+  if (!targetGroupRow) {
+    return null;
+  }
+
+  return targetGroupRow.querySelector("[col-id=\"" + escapeColumnIdSelector(groupId) + "\"]");
 };
-var getPivotGroupFooterLabel = function getPivotGroupFooterLabel(node, fieldCode, rawValue, lookupDisplayName) {
-  if (!node || !node.footer) return '';
 
-  if (node.level === -1) {
-    return 'Grand Total';
+var applyPivotRowGrandTotalGroupHeaderLabel = function applyPivotRowGrandTotalGroupHeaderLabel(gridRootElement, columnApi, measureCount, columnPivotFieldCount) {
+  if (!gridRootElement || !columnApi || measureCount <= 1) {
+    return;
   }
 
-  if (!fieldCode) return '';
-  var displayName = lookupDisplayName(fieldCode, rawValue);
-  return displayName ? displayName + " Total" : '';
+  clearPivotRowGrandTotalGroupHeaderMarkup(gridRootElement);
+  var displayedColumns = typeof columnApi.getAllDisplayedColumns === 'function' ? columnApi.getAllDisplayedColumns() : [];
+  var rowGrandTotalColumns = displayedColumns.filter(function (column) {
+    return String(column.getColId()).indexOf('PivotRowTotal_') === 0;
+  });
+
+  if (rowGrandTotalColumns.length <= 1) {
+    return;
+  }
+
+  var centerHeaderContainer = gridRootElement.querySelector('.ag-header-viewport .ag-header-container');
+
+  if (!centerHeaderContainer) {
+    return;
+  }
+
+  var groupRows = Array.from(centerHeaderContainer.querySelectorAll('.ag-header-row-column-group'));
+
+  if (groupRows.length === 0) {
+    return;
+  }
+
+  var targetGroupLevel = columnPivotFieldCount > 0 ? columnPivotFieldCount - 1 : 0;
+  var rowGrandTotalGroupCells = findRowGrandTotalGroupHeaderCells(centerHeaderContainer, groupRows, targetGroupLevel, rowGrandTotalColumns);
+
+  if (rowGrandTotalGroupCells.length === 0) {
+    return;
+  }
+
+  applyGrandTotalLabelToGroupHeaderCells(rowGrandTotalGroupCells);
 };
-var compareDimensionValues = function compareDimensionValues(aValue, bValue, dateCode, aText, bText) {
-  if (dateCode === 'Month') {
-    var aNumber = aValue == null ? -1 : Number(aValue);
-    var bNumber = bValue == null ? -1 : Number(bValue);
-    if (aNumber < bNumber) return -1;
-    if (aNumber > bNumber) return 1;
-    return 0;
+
+var clearPivotRowGrandTotalGroupHeaderMarkup = function clearPivotRowGrandTotalGroupHeaderMarkup(gridRootElement) {
+  gridRootElement.querySelectorAll('.dl-pivot-row-grand-total-group-header, .dl-pivot-row-grand-total-group-header-sibling').forEach(function (element) {
+    element.classList.remove('dl-pivot-row-grand-total-group-header', 'dl-pivot-row-grand-total-group-header-sibling');
+  });
+  gridRootElement.querySelectorAll('.dl-pivot-row-grand-total-group-header-label').forEach(function (label) {
+    label.classList.remove('dl-pivot-row-grand-total-group-header-label');
+    var labelElement = label;
+    labelElement.textContent = '';
+    labelElement.style.width = '';
+    labelElement.style.display = '';
+    labelElement.style.textAlign = '';
+  });
+};
+
+var findRowGrandTotalGroupHeaderCells = function findRowGrandTotalGroupHeaderCells(centerHeaderContainer, groupRows, targetGroupLevel, rowGrandTotalColumns) {
+  var cellsByColumnGroup = [];
+  rowGrandTotalColumns.forEach(function (column) {
+    var columnGroup = getColumnGroupAtHeaderLevel(column, targetGroupLevel);
+    var matchingCell = findHeaderGroupCellByColumnGroup(centerHeaderContainer, groupRows, targetGroupLevel, columnGroup);
+
+    if (matchingCell) {
+      cellsByColumnGroup.push(matchingCell);
+    }
+  });
+
+  if (cellsByColumnGroup.length === rowGrandTotalColumns.length) {
+    return cellsByColumnGroup;
+  }
+
+  var groupRowIndex = Math.min(Math.max(targetGroupLevel, 0), groupRows.length - 1);
+  var targetGroupRow = groupRows[groupRowIndex];
+
+  if (!targetGroupRow) {
+    return cellsByColumnGroup;
   }
 
-  if (dateCode != null) {
-    var aCompare = aValue == null ? '' : aValue;
-    var bCompare = bValue == null ? '' : bValue;
-    if (aCompare < bCompare) return -1;
-    if (aCompare > bCompare) return 1;
-    return 0;
-  }
+  var paddingCells = Array.from(targetGroupRow.querySelectorAll('.ag-header-group-cell-no-group'));
+  var trailingPaddingCells = paddingCells.slice(-rowGrandTotalColumns.length);
 
-  var aDisplay = aText == null || aText === '' ? aValue == null ? '' : aValue : aText;
-  var bDisplay = bText == null || bText === '' ? bValue == null ? '' : bValue : bText;
-  if (aDisplay < bDisplay) return -1;
-  if (aDisplay > bDisplay) return 1;
-  return 0;
-};
-var getPivotDisplayName = function getPivotDisplayName(pivotData, fieldName, dataField, dataFieldValue) {
-  if (!pivotData || pivotData.length === 0) return '';
-  var data = pivotData.find(function (el) {
-    return el[dataField] == dataFieldValue;
-  });
-  return data ? ConvertStringToPascalCaseHelper(data[fieldName]) : '';
-};
-var isPivotRowGrandTotalColumnDef = function isPivotRowGrandTotalColumnDef(colDef) {
-  if (!colDef || !colDef.colId) {
-    return false;
+  if (trailingPaddingCells.length === rowGrandTotalColumns.length) {
+    return trailingPaddingCells;
   }
 
-  return String(colDef.colId).indexOf('PivotRowTotal_') === 0;
+  return cellsByColumnGroup;
 };
-var isPivotRowGrandTotalGroupDef = function isPivotRowGrandTotalGroupDef(colGroupDef) {
-  if (!colGroupDef) {
-    return false;
-  }
 
-  var groupId = colGroupDef.groupId || colGroupDef.colId || '';
+var applyGrandTotalLabelToGroupHeaderCells = function applyGrandTotalLabelToGroupHeaderCells(rowGrandTotalGroupCells) {
+  var firstCell = rowGrandTotalGroupCells[0];
+  var firstLabel = firstCell.querySelector('.ag-header-group-text, .ag-header-cell-text');
 
-  if (String(groupId).indexOf('PivotRowTotal') >= 0) {
-    return true;
+  if (!firstLabel) {
+    return;
   }
 
-  var children = colGroupDef.children;
+  var combinedWidth = rowGrandTotalGroupCells.reduce(function (totalWidth, cell) {
+    return totalWidth + cell.offsetWidth;
+  }, 0);
+  firstLabel.textContent = 'Grand Total';
+  firstLabel.style.width = combinedWidth + "px";
+  firstLabel.style.display = 'inline-block';
+  firstLabel.style.textAlign = 'center';
+  firstLabel.classList.add('dl-pivot-row-grand-total-group-header-label');
+  firstCell.classList.add('dl-pivot-row-grand-total-group-header');
 
-  if (!children || children.length === 0) {
-    return false;
-  }
+  for (var index = 1; index < rowGrandTotalGroupCells.length; index++) {
+    rowGrandTotalGroupCells[index].classList.add('dl-pivot-row-grand-total-group-header-sibling');
+    var siblingLabel = rowGrandTotalGroupCells[index].querySelector('.ag-header-group-text, .ag-header-cell-text');
 
-  return children.every(function (child) {
-    if (child && child.children) {
-      return isPivotRowGrandTotalGroupDef(child);
+    if (siblingLabel) {
+      siblingLabel.textContent = '';
     }
-
-    return isPivotRowGrandTotalColumnDef(child);
-  });
-};
-var resolvePivotGroupHeaderName = function resolvePivotGroupHeaderName(colGroupDef, columnFields, lookupDisplayName) {
-  if (isPivotRowGrandTotalGroupDef(colGroupDef)) {
-    return 'Grand Total';
   }
+};
 
-  var pivotKeys = colGroupDef && colGroupDef.pivotKeys ? colGroupDef.pivotKeys : [];
+var applyPivotRowGrandTotalHeader = function applyPivotRowGrandTotalHeader(colDef, measureCount, measures) {
+  if (!isPivotRowGrandTotalColumnDef(colDef)) {
+    return;
+  }
 
-  if (pivotKeys.length === 0) {
-    return null;
+  if (measureCount <= 1) {
+    colDef.headerName = 'Grand Total';
+    return;
   }
 
-  var field = columnFields[pivotKeys.length - 1];
+  var measure = resolveMeasureFromPivotValueColumn(colDef, measures);
 
-  if (!field) {
-    return null;
+  if (measure) {
+    colDef.headerName = getMeasureCaption(measure);
   }
 
-  return lookupDisplayName(field, pivotKeys[pivotKeys.length - 1]);
+  delete colDef.headerValueGetter;
 };
-var getPivotValueColumnId = function getPivotValueColumnId(pivotValueColumn) {
-  if (!pivotValueColumn) {
-    return null;
-  }
+var collectPivotRowPath = function collectPivotRowPath(startNode) {
+  var path = [];
 
-  if (typeof pivotValueColumn.getId === 'function') {
-    return pivotValueColumn.getId();
+  if (!startNode) {
+    return path;
   }
 
-  if (typeof pivotValueColumn.getColId === 'function') {
-    return pivotValueColumn.getColId();
+  if (startNode.footer && startNode.level === -1) {
+    return path;
   }
 
-  if (pivotValueColumn.colId) {
-    return String(pivotValueColumn.colId);
+  if (startNode.field != null && startNode.key !== undefined) {
+    path.unshift({
+      field: startNode.field,
+      key: startNode.key
+    });
   }
 
-  if (pivotValueColumn.field) {
-    return String(pivotValueColumn.field);
+  var node = startNode.parent;
+
+  while (node && node.level >= 0) {
+    if (!node.footer && node.field != null && node.key !== undefined) {
+      path.unshift({
+        field: node.field,
+        key: node.key
+      });
+    }
+
+    node = node.parent;
   }
 
-  return null;
+  return path;
 };
-var resolveMeasureFromPivotValueColumn = function resolveMeasureFromPivotValueColumn(colDef, measures) {
-  if (!colDef || measures.length === 0) {
-    return undefined;
+var isAgGridPivotDrillDownMeasureColumn = function isAgGridPivotDrillDownMeasureColumn(colDef, measures) {
+  if (!colDef || !measures || measures.length === 0) {
+    return false;
   }
 
-  if (measures.length === 1) {
-    return measures[0];
+  if (colDef.pivotValueColumn) {
+    return true;
   }
 
-  var valueColumnId = getPivotValueColumnId(colDef.pivotValueColumn);
+  if (colDef.rowGroup || colDef.pivot) {
+    return false;
+  }
 
-  if (valueColumnId) {
-    var measureByValueColumn = measures.find(function (measure) {
-      return measure.PivotMeasureCode === valueColumnId;
-    });
+  var colId = colDef.colId ? String(colDef.colId) : '';
 
-    if (measureByValueColumn) {
-      return measureByValueColumn;
-    }
+  if (colId.indexOf('ag-Grid-AutoColumn') === 0) {
+    return false;
   }
 
-  var colId = colDef.colId ? String(colDef.colId) : '';
+  return measures.some(function (measure) {
+    return measure.PivotMeasureCode === colDef.field || measure.PivotMeasureCode === colId;
+  });
+};
+var buildPivotDrillDownPivotFields = function buildPivotDrillDownPivotFields(colDef, startNode, apiFields) {
+  var columnFields = apiFields.filter(function (field) {
+    return !isRowPivotField(field);
+  });
+  var rowFields = apiFields.filter(isRowPivotField);
+  var pivotFields = [];
+  var columnKeys = colDef && colDef.pivotKeys ? colDef.pivotKeys : [];
+  columnKeys.forEach(function (key, index) {
+    if (key === undefined) {
+      return;
+    }
 
-  if (colId) {
-    var sortedMeasures = [].concat(measures).sort(function (left, right) {
-      return right.PivotMeasureCode.length - left.PivotMeasureCode.length;
-    });
+    var field = columnFields[index];
 
-    for (var index = 0; index < sortedMeasures.length; index++) {
-      var measureCode = sortedMeasures[index].PivotMeasureCode;
+    if (!field) {
+      return;
+    }
 
-      if (colId.endsWith('_' + measureCode)) {
-        return sortedMeasures[index];
-      }
+    pivotFields.push({
+      FieldId: field.FieldId,
+      FieldType: field.FieldType ? field.FieldType : 'Field',
+      FieldValue: key,
+      DateCode: field.DateCode
+    });
+  });
+  collectPivotRowPath(startNode).forEach(function (pathItem) {
+    var field = rowFields.find(function (f) {
+      return f.PivotCode === pathItem.field;
+    }) || apiFields.find(function (f) {
+      return f.PivotCode === pathItem.field;
+    });
+
+    if (!field) {
+      return;
     }
+
+    pivotFields.push({
+      FieldId: field.FieldId,
+      FieldType: field.FieldType ? field.FieldType : 'Field',
+      FieldValue: pathItem.key,
+      DateCode: field.DateCode
+    });
+  });
+  return pivotFields;
+};
+var getMeasureCaption = function getMeasureCaption(measure) {
+  var displayName = typeof measure.DisplayName == 'string' ? measure.DisplayName : '';
+
+  if (measure.MeasureCode == 'Sum') {
+    return ConvertStringToPascalCaseHelper(displayName.replace('Sum of ', ''));
   }
 
-  return undefined;
+  return ConvertStringToPascalCaseHelper(displayName);
 };
-var resolvePivotLeafHeaderName = function resolvePivotLeafHeaderName(colDef, columnFields, lookupDisplayName, measureCount, measures) {
-  if (isPivotRowGrandTotalColumnDef(colDef)) {
-    return null;
+var parseJsonArray = function parseJsonArray(json) {
+  if (isNullOrUndefinedOrEmpty(json)) return [];
+
+  try {
+    var parsed = JSON.parse(json);
+    return parsed || [];
+  } catch (error) {
+    return [];
   }
+};
+var parsePivotTotalsSettings = function parsePivotTotalsSettings(json) {
+  if (isNullOrUndefinedOrEmpty(json)) return {};
 
-  if (measureCount > 1 && colDef.pivotValueColumn) {
-    return null;
+  try {
+    return JSON.parse(json) || {};
+  } catch (error) {
+    return {};
   }
+};
 
-  var pivotKeys = colDef && colDef.pivotKeys ? colDef.pivotKeys : [];
+var PivotTable = 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 widgetRefData = React.useRef(null);
+  var tabledata = 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;
+
+    if (props.customChartProps && props.customChartProps.widget) {
+      setWidget(props.customChartProps.widget);
+      widgetRefData.current = props.customChartProps.widget;
+      getPivotTableData();
+    }
+
+    (_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) {
+      var _pivotGridRef$current;
 
-  if (pivotKeys.length === 0) {
-    return null;
-  }
+      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');
+      }
 
-  var field = columnFields[pivotKeys.length - 1];
+      setTimeout(function () {
+        var _pivotGridRef$current2;
 
-  if (!field) {
-    return null;
-  }
+        handleResize();
 
-  return lookupDisplayName(field, pivotKeys[pivotKeys.length - 1]);
-};
-var resolveMeasureForSecondaryColDef = function resolveMeasureForSecondaryColDef(colDef, measures) {
-  return resolveMeasureFromPivotValueColumn(colDef, measures);
-};
+        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 getColumnGroupAtHeaderLevel = function getColumnGroupAtHeaderLevel(column, targetLevel) {
-  if (!column || typeof column.getParent !== 'function') {
-    return null;
-  }
+  var handleResize = function handleResize() {
+    var _pivotGridRef$current3, _pivotGridRef$current4;
 
-  var groupPointer = column.getParent();
+    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;
 
-  while (groupPointer) {
-    var providedColumnGroup = typeof groupPointer.getProvidedColumnGroup === 'function' ? groupPointer.getProvidedColumnGroup() : null;
+      (_pivotGridRef$current5 = pivotGridRef.current) === null || _pivotGridRef$current5 === void 0 ? void 0 : _pivotGridRef$current5.instance.repaint();
+    }
+  };
 
-    if (!providedColumnGroup) {
-      groupPointer = typeof groupPointer.getParent === 'function' ? groupPointer.getParent() : null;
-      continue;
+  var getPivotTableData = function getPivotTableData(widget) {
+    if (Session.Tenant == 0) {
+      tabledata.current = [];
+      setIsLoading(false);
+      return;
     }
 
-    var originalGroupLevel = typeof providedColumnGroup.getLevel === 'function' ? providedColumnGroup.getLevel() : 0;
-    var groupPointerLevel = typeof groupPointer.getPaddingLevel === 'function' ? groupPointer.getPaddingLevel() : 0;
+    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);
+    });
+  };
 
-    if (originalGroupLevel + groupPointerLevel <= targetLevel) {
-      return groupPointer;
+  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";
     }
 
-    groupPointer = typeof groupPointer.getParent === 'function' ? groupPointer.getParent() : null;
-  }
-
-  return 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];
 
-var escapeColumnIdSelector = function escapeColumnIdSelector(columnId) {
-  if (typeof CSS !== 'undefined' && typeof CSS.escape === 'function') {
-    return CSS.escape(columnId);
-  }
+        if (fieldValue !== undefined) {
+          pivotFields.push(_extends({}, c.fieldData, {
+            FieldValue: fieldValue
+          }));
+        }
+      });
+      e.rowFields.forEach(function (r, index) {
+        var fieldValue = e.cell.rowPath[index];
 
-  return columnId.replace(/\\/g, '\\\\').replace(/"/g, '\\"');
-};
+        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 findHeaderGroupCellByColumnGroup = function findHeaderGroupCellByColumnGroup(headerContainer, groupRows, targetGroupLevel, columnGroup) {
-  if (!columnGroup || typeof columnGroup.getUniqueId !== 'function') {
-    return null;
-  }
+    var dataFields = e.component.getDataSource().getAreaFields('data');
+    var dataField = dataFields && dataFields[e.cell.dataIndex];
 
-  var groupId = columnGroup.getUniqueId();
-  var groupRowIndex = Math.min(Math.max(targetGroupLevel, 0), groupRows.length - 1);
-  var targetGroupRow = groupRows[groupRowIndex];
+    if (!dataField || !dateMeasureDataFieldsRef.current.has(dataField.dataField)) {
+      return;
+    }
 
-  if (!targetGroupRow) {
-    return null;
-  }
+    e.cellElement.classList.add(PIVOT_DATE_DATA_CELL_CLASS);
 
-  return targetGroupRow.querySelector("[col-id=\"" + escapeColumnIdSelector(groupId) + "\"]");
-};
+    if (isDevExtremePivotDataCellTotalOrGrandTotal(e.cell, pivotHasRowFieldsRef.current, pivotHasColumnFieldsRef.current)) {
+      e.cell.text = '';
+      var contentSpan = e.cellElement ? e.cellElement.querySelector('span') : null;
 
-var applyPivotRowGrandTotalGroupHeaderLabel = function applyPivotRowGrandTotalGroupHeaderLabel(gridRootElement, columnApi, measureCount, columnPivotFieldCount) {
-  if (!gridRootElement || !columnApi || measureCount <= 1) {
-    return;
-  }
+      if (contentSpan) {
+        contentSpan.textContent = '';
+      }
+    }
+  }, []);
 
-  clearPivotRowGrandTotalGroupHeaderMarkup(gridRootElement);
-  var displayedColumns = typeof columnApi.getAllDisplayedColumns === 'function' ? columnApi.getAllDisplayedColumns() : [];
-  var rowGrandTotalColumns = displayedColumns.filter(function (column) {
-    return String(column.getColId()).indexOf('PivotRowTotal_') === 0;
-  });
+  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 (rowGrandTotalColumns.length <= 1) {
-    return;
-  }
+  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);
 
-  var centerHeaderContainer = gridRootElement.querySelector('.ag-header-viewport .ag-header-container');
+      if (aValue < bValue) {
+        return -1;
+      }
 
-  if (!centerHeaderContainer) {
-    return;
-  }
+      if (aValue > bValue) {
+        return 1;
+      }
 
-  var groupRows = Array.from(centerHeaderContainer.querySelectorAll('.ag-header-row-column-group'));
+      return 0;
+    } else if (field.DateCode != null) {
+      var _aValue = a.value == null ? '' : a.value;
 
-  if (groupRows.length === 0) {
-    return;
-  }
+      var _bValue = b.value == null ? '' : b.value;
 
-  var targetGroupLevel = columnPivotFieldCount > 0 ? columnPivotFieldCount - 1 : 0;
-  var rowGrandTotalGroupCells = findRowGrandTotalGroupHeaderCells(centerHeaderContainer, groupRows, targetGroupLevel, rowGrandTotalColumns);
+      if (_aValue < _bValue) {
+        return -1;
+      }
 
-  if (rowGrandTotalGroupCells.length === 0) {
-    return;
-  }
+      if (_aValue > _bValue) {
+        return 1;
+      }
 
-  applyGrandTotalLabelToGroupHeaderCells(rowGrandTotalGroupCells);
-};
+      return 0;
+    } else {
+      var aText = a.text == null ? '' : a.text;
+      var bText = b.text == null ? '' : b.text;
 
-var clearPivotRowGrandTotalGroupHeaderMarkup = function clearPivotRowGrandTotalGroupHeaderMarkup(gridRootElement) {
-  gridRootElement.querySelectorAll('.dl-pivot-row-grand-total-group-header, .dl-pivot-row-grand-total-group-header-sibling').forEach(function (element) {
-    element.classList.remove('dl-pivot-row-grand-total-group-header', 'dl-pivot-row-grand-total-group-header-sibling');
-  });
-  gridRootElement.querySelectorAll('.dl-pivot-row-grand-total-group-header-label').forEach(function (label) {
-    label.classList.remove('dl-pivot-row-grand-total-group-header-label');
-    var labelElement = label;
-    labelElement.textContent = '';
-    labelElement.style.width = '';
-    labelElement.style.display = '';
-    labelElement.style.textAlign = '';
-  });
-};
+      if (aText < bText) {
+        return -1;
+      }
 
-var findRowGrandTotalGroupHeaderCells = function findRowGrandTotalGroupHeaderCells(centerHeaderContainer, groupRows, targetGroupLevel, rowGrandTotalColumns) {
-  var cellsByColumnGroup = [];
-  rowGrandTotalColumns.forEach(function (column) {
-    var columnGroup = getColumnGroupAtHeaderLevel(column, targetGroupLevel);
-    var matchingCell = findHeaderGroupCellByColumnGroup(centerHeaderContainer, groupRows, targetGroupLevel, columnGroup);
+      if (aText > bText) {
+        return 1;
+      }
 
-    if (matchingCell) {
-      cellsByColumnGroup.push(matchingCell);
+      return 0;
     }
-  });
-
-  if (cellsByColumnGroup.length === rowGrandTotalColumns.length) {
-    return cellsByColumnGroup;
-  }
-
-  var groupRowIndex = Math.min(Math.max(targetGroupLevel, 0), groupRows.length - 1);
-  var targetGroupRow = groupRows[groupRowIndex];
-
-  if (!targetGroupRow) {
-    return cellsByColumnGroup;
-  }
+  };
 
-  var paddingCells = Array.from(targetGroupRow.querySelectorAll('.ag-header-group-cell-no-group'));
-  var trailingPaddingCells = paddingCells.slice(-rowGrandTotalColumns.length);
+  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 (trailingPaddingCells.length === rowGrandTotalColumns.length) {
-    return trailingPaddingCells;
-  }
+            if (options.summaryProcess != 'calculate') {
+              return;
+            }
 
-  return cellsByColumnGroup;
-};
+            if (isDateMinMaxMeasure) {
+              if (isNullOrUndefinedOrEmpty(options.value)) {
+                return;
+              }
 
-var applyGrandTotalLabelToGroupHeaderCells = function applyGrandTotalLabelToGroupHeaderCells(rowGrandTotalGroupCells) {
-  var firstCell = rowGrandTotalGroupCells[0];
-  var firstLabel = firstCell.querySelector('.ag-header-group-text, .ag-header-cell-text');
+              var currentDate = moment(options.value);
 
-  if (!firstLabel) {
-    return;
-  }
+              if (!currentDate || !currentDate.isValid()) {
+                return;
+              }
 
-  var combinedWidth = rowGrandTotalGroupCells.reduce(function (totalWidth, cell) {
-    return totalWidth + cell.offsetWidth;
-  }, 0);
-  firstLabel.textContent = 'Grand Total';
-  firstLabel.style.width = combinedWidth + "px";
-  firstLabel.style.display = 'inline-block';
-  firstLabel.style.textAlign = 'center';
-  firstLabel.classList.add('dl-pivot-row-grand-total-group-header-label');
-  firstCell.classList.add('dl-pivot-row-grand-total-group-header');
+              if (isNullOrUndefinedOrEmpty(options.totalValue)) {
+                options.totalValue = options.value;
+                return;
+              }
 
-  for (var index = 1; index < rowGrandTotalGroupCells.length; index++) {
-    rowGrandTotalGroupCells[index].classList.add('dl-pivot-row-grand-total-group-header-sibling');
-    var siblingLabel = rowGrandTotalGroupCells[index].querySelector('.ag-header-group-text, .ag-header-cell-text');
+              var totalDate = moment(options.totalValue);
 
-    if (siblingLabel) {
-      siblingLabel.textContent = '';
-    }
-  }
-};
+              if (!totalDate || !totalDate.isValid()) {
+                options.totalValue = options.value;
+                return;
+              }
 
-var applyPivotRowGrandTotalHeader = function applyPivotRowGrandTotalHeader(colDef, measureCount, measures) {
-  if (!isPivotRowGrandTotalColumnDef(colDef)) {
-    return;
-  }
+              if (measure.MeasureCode === 'Max') {
+                if (currentDate.isAfter(totalDate)) {
+                  options.totalValue = options.value;
+                }
+              } else if (currentDate.isBefore(totalDate)) {
+                options.totalValue = options.value;
+              }
 
-  if (measureCount <= 1) {
-    colDef.headerName = 'Grand Total';
-    return;
-  }
+              return;
+            }
 
-  var measure = resolveMeasureFromPivotValueColumn(colDef, measures);
+            var _value = !isNullOrUndefinedOrEmpty(options.value) ? options.value : 0;
 
-  if (measure) {
-    colDef.headerName = getMeasureCaption(measure);
-  }
+            var decimalParts = _value.toString().split(".");
 
-  delete colDef.headerValueGetter;
-};
-var collectPivotRowPath = function collectPivotRowPath(startNode) {
-  var path = [];
+            var firstPart = decimalParts[0] ? decimalParts[0] : 0;
+            var secondPart = decimalParts[1] ? decimalParts[1] : 0;
+            secondPart = secondPart.toString().substr(0, 2);
 
-  if (!startNode) {
-    return path;
-  }
+            var _finalVal = firstPart + "." + secondPart;
 
-  if (startNode.footer) {
-    if (startNode.level === -1) {
-      return path;
-    }
+            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;
+            }
 
-    if (startNode.field != null && startNode.key !== undefined) {
-      path.unshift({
-        field: startNode.field,
-        key: startNode.key
-      });
-    }
-  }
+            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 node = startNode.parent;
+            var _value = isNullOrUndefinedOrEmpty(value) ? 0 : value;
 
-  while (node && node.level >= 0) {
-    if (!node.footer && node.field != null && node.key !== undefined) {
-      path.unshift({
-        field: node.field,
-        key: node.key
+            return getNumberInSystemLocalFormat(_value, 2, minimumFraction);
+          }
+        });
       });
+      var AllfieldsData = [].concat(pivotRowsAndColumnsFields, pivotDataCellsFields);
+      setDataSource(new PivotGridDataSource({
+        store: tabledata.current.PivotData,
+        fields: AllfieldsData
+      }));
     }
+  };
 
-    node = node.parent;
-  }
-
-  return path;
-};
-var buildPivotDrillDownPivotFields = function buildPivotDrillDownPivotFields(colDef, startNode, apiFields) {
-  var columnFields = apiFields.filter(function (field) {
-    return !isRowPivotField(field);
-  });
-  var rowFields = apiFields.filter(isRowPivotField);
-  var pivotFields = [];
-  var columnKeys = colDef && colDef.pivotKeys ? colDef.pivotKeys : [];
-  columnKeys.forEach(function (key, index) {
-    if (key === undefined) {
-      return;
-    }
-
-    var field = columnFields[index];
-
-    if (!field) {
-      return;
-    }
+  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;
+  };
 
-    pivotFields.push({
-      FieldId: field.FieldId,
-      FieldType: field.FieldType ? field.FieldType : 'Field',
-      FieldValue: key,
-      DateCode: field.DateCode
-    });
-  });
-  collectPivotRowPath(startNode).forEach(function (pathItem) {
-    var field = rowFields.find(function (f) {
-      return f.PivotCode === pathItem.field;
-    }) || apiFields.find(function (f) {
-      return f.PivotCode === pathItem.field;
-    });
+  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;
+  };
 
-    if (!field) {
-      return;
+  var canShowColumnsGrandTotal = function canShowColumnsGrandTotal() {
+    if (isRowsNotEmptyAndColumnsEmpty()) {
+      return true;
     }
 
-    pivotFields.push({
-      FieldId: field.FieldId,
-      FieldType: field.FieldType ? field.FieldType : 'Field',
-      FieldValue: pathItem.key,
-      DateCode: field.DateCode
-    });
-  });
-  return pivotFields;
-};
-var getMeasureCaption = function getMeasureCaption(measure) {
-  var displayName = typeof measure.DisplayName == 'string' ? measure.DisplayName : '';
-
-  if (measure.MeasureCode == 'Sum') {
-    return ConvertStringToPascalCaseHelper(displayName.replace('Sum of ', ''));
-  }
+    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;
+  };
 
-  return ConvertStringToPascalCaseHelper(displayName);
-};
-var parseJsonArray = function parseJsonArray(json) {
-  if (isNullOrUndefinedOrEmpty(json)) return [];
+  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;
+  };
 
-  try {
-    var parsed = JSON.parse(json);
-    return parsed || [];
-  } catch (error) {
-    return [];
-  }
-};
-var parsePivotTotalsSettings = function parsePivotTotalsSettings(json) {
-  if (isNullOrUndefinedOrEmpty(json)) return {};
+  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;
+  };
 
-  try {
-    return JSON.parse(json) || {};
-  } catch (error) {
-    return {};
-  }
-};
+  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;
 
@@ -3107,11 +3371,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() {
@@ -3181,28 +3448,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() {
@@ -3212,7 +3487,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;
   };
@@ -3260,17 +3534,23 @@ 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) {
     var colDef = event.colDef;
-    if (!colDef || !colDef.pivotValueColumn) return;
+    if (!isAgGridPivotDrillDownMeasureColumn(colDef, pivotMeasuresRef.current)) return;
     if (isPivotMeasureValueEmpty(event.value)) return;
     var pivotFields = buildPivotDrillDownPivotFields(colDef, event.node, pivotFieldsRef.current);
     props.customChartProps.onSelectDataPoint({
@@ -3302,14 +3582,8 @@ var AgPivotGrid = React.forwardRef(function (props, _comRef) {
       wrapText: true,
       autoHeight: true,
       cellClass: 'dl-ag-pivot-row-label-cell',
-      headerValueGetter: function headerValueGetter(params) {
-        var colDef = params.colDef;
-        var showRowGroup = colDef && colDef.showRowGroup;
-        if (!showRowGroup) return '';
-        var field = pivotFieldsRef.current.find(function (f) {
-          return f.PivotCode === showRowGroup;
-        });
-        return field ? field.DisplayName : '';
+      headerValueGetter: function headerValueGetter() {
+        return '';
       },
       valueFormatter: function valueFormatter(params) {
         var colDef = params.colDef;
@@ -3331,7 +3605,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 () {
@@ -3381,6 +3657,21 @@ var AgPivotGrid = React.forwardRef(function (props, _comRef) {
     scheduleRowGrandTotalHeaderLabel();
   };
 
+  var getContextMenuItems = React.useCallback(function (params) {
+    var colId = params.column && params.column.getColId ? params.column.getColId() : '';
+    if (!colId || colId.indexOf('ag-Grid-AutoColumn') !== 0) return [];
+    return [{
+      name: 'Expand All',
+      action: function action() {
+        if (params.api) params.api.expandAll();
+      }
+    }, {
+      name: 'Collapse All',
+      action: function action() {
+        if (params.api) params.api.collapseAll();
+      }
+    }];
+  }, []);
   var gridWrapperClassName = 'ag-theme-balham pivot-grid-element dl-ag-pivot-grid';
   return React__default.createElement(React__default.Fragment, null, isLoading ? React__default.createElement("div", {
     className: 'dl-full-hight dl-flex-content-center spinner-custome'
@@ -3416,8 +3707,8 @@ var AgPivotGrid = React.forwardRef(function (props, _comRef) {
     onFirstDataRendered: onFirstDataRendered,
     onColumnPivotChanged: onColumnPivotChanged,
     onColumnResized: onColumnResized,
+    getContextMenuItems: getContextMenuItems,
     animateRows: false,
-    suppressContextMenu: true,
     suppressMovableColumns: true,
     headerHeight: 36,
     rowHeight: 36