logitude-dashboard-library 3.1.73 → 3.1.75

package/dist/Utils/DateHelper.d.ts

@@ -1,7 +1,4 @@
 import { ReactWidgetPM } from "../types/widget";
 declare const getLabelFormatByDateGroupType: (label: string, widget: ReactWidgetPM, isSecondGrouping?: boolean) => any;
-declare const getDateRangesByCode: (code: string | null) => {
-    fromDate: any;
-    toDate: any;
-};
+declare const getDateRangesByCode: (code: string | null, _fromDate: string | null, _toDate: string | null) => any;
 export { getLabelFormatByDateGroupType, getDateRangesByCode };

package/dist/assets/styles/dl-dashboard.scss

@@ -905,6 +905,16 @@ $dark-grey: #717585;
         background: #FFFFFF;
     }
 
+    .dx-pivotgrid .dx-column-header, 
+    .dx-pivotgrid .dx-data-header, 
+    .dx-pivotgrid .dx-total {
+        background-color: rgba(221, 221, 221, .2) !important;
+    }
+    
+    .dx-pivotgrid .dx-grandtotal {
+        background-color: #f5f5f5 !important;
+    }
+
     .dx-pivotgrid .dx-pivotgrid-vertical-headers td > span {
         font-family: "Manrope";
         font-size: 12px;

package/dist/index.js

@@ -580,7 +580,7 @@ var getLast30DaysDates = function getLast30DaysDates(format) {
   return dateValues;
 };
 
-var getDateRangesByCode = function getDateRangesByCode(code) {
+var getDateRangesByCode = function getDateRangesByCode(code, _fromDate, _toDate) {
   var result = {
     fromDate: null,
     toDate: null
@@ -654,6 +654,11 @@ var getDateRangesByCode = function getDateRangesByCode(code) {
       result.toDate = getPreviousMonthToDateDates()[1];
       break;
 
+    case "Custom_Range":
+      result.fromDate = _fromDate;
+      result.toDate = _toDate;
+      break;
+
     case "Today":
       result.fromDate = getTodayDates()[0];
       result.toDate = getTodayDates()[1];
@@ -829,8 +834,8 @@ var KpiChart = function KpiChart(props) {
       var isKPISettingsActivated = !isNullOrUndefinedOrEmpty(kpiSettings.PeriodFieldId);
 
       if (isKPISettingsActivated) {
-        var PeriodDateFilterDates = getDateRangesByCode(kpiSettings.PeriodDateFilter.DateTimeValueCode);
-        var ComparePeriodDateFilterDates = kpiSettings.ComparisonPeriodType == 'Manually' ? getDateRangesByCode(kpiSettings.ComparePeriodDateFilter.DateTimeValueCode) : getDateRangesByCode(null);
+        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);
         kpiSettings.PeriodDateFilter.FieldValue = PeriodDateFilterDates.fromDate;
         kpiSettings.PeriodDateFilter.FieldValue2 = PeriodDateFilterDates.toDate;
         kpiSettings.ComparePeriodDateFilter.FieldValue = ComparePeriodDateFilterDates.fromDate;
@@ -1804,16 +1809,44 @@ var PivotTable = React.forwardRef(function (props, comRef) {
     }
   };
 
-  var canShowRowGrandTotals = function canShowRowGrandTotals() {
+  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 canShowColumnGrandTotals = function canShowColumnGrandTotals() {
+  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 (pivotColumns === null || pivotColumns === void 0 ? void 0 : pivotColumns.length) === 0 && (pivotRows === null || pivotRows === void 0 ? void 0 : pivotRows.length) > 0;
+    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", {
@@ -1833,10 +1866,11 @@ var PivotTable = React.forwardRef(function (props, comRef) {
     showBorders: true,
     className: 'pivot-grid-element',
     onCellClick: onCellClick,
-    showRowGrandTotals: canShowRowGrandTotals(),
-    showColumnGrandTotals: canShowColumnGrandTotals(),
-    showRowTotals: false,
-    showColumnTotals: false,
+    showRowGrandTotals: canShowRowsGrandTotal(),
+    showColumnGrandTotals: canShowColumnsGrandTotal(),
+    showRowTotals: canShowRowsTotal(),
+    showColumnTotals: canShowColumnsTotal(),
+    showTotalsPrior: 'none',
     wordWrapEnabled: true
   }, React__default.createElement(PivotGrid.FieldPanel, {
     showColumnFields: false,