logitude-dashboard-library 3.1.72 → 3.1.74

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

@@ -883,7 +883,7 @@ var KpiChart = function KpiChart(props) {
     }
   };
 
-  var kpiClick = function kpiClick() {
+  var drillDownToKPIValues = function drillDownToKPIValues(isDrillDownToMainValues) {
     var _widget$current2, _widget$current3, _widget$current4, _widget$current4$Widg;
 
     var measureFieldId;
@@ -894,7 +894,8 @@ var KpiChart = function KpiChart(props) {
       Widget: calculateWidgetKPISettingsDates(),
       MeasureCode: currentWidgetMeasure.MeasureCode,
       Formula: currentWidgetMeasure.Formula,
-      GroupById: data === null || data === void 0 ? void 0 : data.GroupById
+      GroupById: data === null || data === void 0 ? void 0 : data.GroupById,
+      IsKPISecondaryValues: !isDrillDownToMainValues
     });
   };
 
@@ -966,6 +967,9 @@ var KpiChart = function KpiChart(props) {
     var formatedValue = data ? data.ComparisonLabel : "";
     var comparisonValue = data ? data === null || data === void 0 ? void 0 : data.ComparisonValue : "";
     return React__default.createElement("div", {
+      onClick: function onClick() {
+        return drillDownToKPIValues(false);
+      },
       title: formatedValue,
       className: "dl-kpi-prev-container"
     }, React__default.createElement("div", {
@@ -1008,6 +1012,9 @@ var KpiChart = function KpiChart(props) {
 
   function getValueComponent() {
     return React__default.createElement("div", {
+      onClick: function onClick() {
+        return drillDownToKPIValues(true);
+      },
       className: "dl-kpi-sub-container"
     }, getValueData(), (data === null || data === void 0 ? void 0 : data.AbbreviationSymbol) && React__default.createElement("div", {
       style: {
@@ -1062,6 +1069,9 @@ var KpiChart = function KpiChart(props) {
     var formatedValue = data ? data.Label : "";
     var label = getLabelFromKPISettings();
     return React__default.createElement("div", {
+      onClick: function onClick() {
+        return drillDownToKPIValues(true);
+      },
       className: "dl-kpi-label-container"
     }, React__default.createElement("span", {
       style: {
@@ -1096,7 +1106,6 @@ var KpiChart = function KpiChart(props) {
     animationDuration: "2s"
   })) : !error && widget.current ? React__default.createElement("div", {
     key: triggerId,
-    onClick: kpiClick,
     className: ((_widget$current16 = widget.current) === null || _widget$current16 === void 0 ? void 0 : _widget$current16.Alighnment) == "Left" ? "dl-kpi-container-click db-justify-content-flex-start" : "dl-kpi-container-click"
   }, React__default.createElement("div", {
     className: isKPICustomSizeNeeded ? "dl-kpi-container kpi-custom-size" : "dl-kpi-container"
@@ -1795,16 +1804,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", {
@@ -1824,10 +1861,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,