logitude-dashboard-library 3.2.21 → 3.2.23

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;
@@ -883,7 +888,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 +899,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 +972,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 +1017,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 +1074,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 +1111,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"
@@ -1154,6 +1168,10 @@ var TableChart = function TableChart(props) {
       objectTableName = _useState9[0],
       setObjectTableName = _useState9[1];
 
+  var _useState10 = React.useState(null),
+      triggerId = _useState10[0],
+      setTriggerId = _useState10[1];
+
   React.useEffect(function () {
     var _props$customChartPro;
 
@@ -1168,8 +1186,33 @@ var TableChart = function TableChart(props) {
 
       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));
+      setTriggerId(uuid.v4());
     });
   }, []);
+  React.useEffect(function () {
+    if (triggerId != null) {
+      ReOrderColumns(widget === null || widget === void 0 ? void 0 : widget.Columns);
+    }
+  }, [triggerId]);
+
+  var ReOrderColumns = function ReOrderColumns(updatedWidgetColumns) {
+    if (updatedWidgetColumns == null || updatedWidgetColumns == undefined || typeof updatedWidgetColumns == 'string' && (updatedWidgetColumns === null || updatedWidgetColumns === void 0 ? void 0 : updatedWidgetColumns.length) == 0) {
+      return;
+    }
+
+    var updatedWidgetColumnsData = JSON.parse(updatedWidgetColumns);
+    var _updatedTableColumns = [];
+    updatedWidgetColumnsData.forEach(function (c) {
+      var col = tableColumns.find(function (f) {
+        return f.Id == c.Id;
+      });
+
+      if (col) {
+        _updatedTableColumns.push(col);
+      }
+    });
+    setTableColumns([].concat(_updatedTableColumns));
+  };
 
   var getObjectTableName = function getObjectTableName(widget) {
     var dashboardAnalyticsService = new DashboardAnalyticsService();
@@ -1795,16 +1838,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 +1895,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,