logitude-dashboard-library 3.2.21 → 3.2.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Utils/DateHelper.d.ts +1 -4
- package/dist/assets/styles/dl-dashboard.scss +10 -0
- package/dist/index.js +56 -13
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +56 -13
- package/dist/index.modern.js.map +1 -1
- package/dist/styles/dl-dashboard.scss +10 -0
- package/dist/types/SeriesMeasure.d.ts +1 -0
- package/dist/types/widget.d.ts +1 -0
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -576,7 +576,7 @@ var getLast30DaysDates = function getLast30DaysDates(format) {
|
|
|
576
576
|
return dateValues;
|
|
577
577
|
};
|
|
578
578
|
|
|
579
|
-
var getDateRangesByCode = function getDateRangesByCode(code) {
|
|
579
|
+
var getDateRangesByCode = function getDateRangesByCode(code, _fromDate, _toDate) {
|
|
580
580
|
var result = {
|
|
581
581
|
fromDate: null,
|
|
582
582
|
toDate: null
|
|
@@ -650,6 +650,11 @@ var getDateRangesByCode = function getDateRangesByCode(code) {
|
|
|
650
650
|
result.toDate = getPreviousMonthToDateDates()[1];
|
|
651
651
|
break;
|
|
652
652
|
|
|
653
|
+
case "Custom_Range":
|
|
654
|
+
result.fromDate = _fromDate;
|
|
655
|
+
result.toDate = _toDate;
|
|
656
|
+
break;
|
|
657
|
+
|
|
653
658
|
case "Today":
|
|
654
659
|
result.fromDate = getTodayDates()[0];
|
|
655
660
|
result.toDate = getTodayDates()[1];
|
|
@@ -825,8 +830,8 @@ var KpiChart = function KpiChart(props) {
|
|
|
825
830
|
var isKPISettingsActivated = !isNullOrUndefinedOrEmpty(kpiSettings.PeriodFieldId);
|
|
826
831
|
|
|
827
832
|
if (isKPISettingsActivated) {
|
|
828
|
-
var PeriodDateFilterDates = getDateRangesByCode(kpiSettings.PeriodDateFilter.DateTimeValueCode);
|
|
829
|
-
var ComparePeriodDateFilterDates = kpiSettings.ComparisonPeriodType == 'Manually' ? getDateRangesByCode(kpiSettings.ComparePeriodDateFilter.DateTimeValueCode) : getDateRangesByCode(null);
|
|
833
|
+
var PeriodDateFilterDates = getDateRangesByCode(kpiSettings.PeriodDateFilter.DateTimeValueCode, null, null);
|
|
834
|
+
var ComparePeriodDateFilterDates = kpiSettings.ComparisonPeriodType == 'Manually' ? getDateRangesByCode(kpiSettings.ComparePeriodDateFilter.DateTimeValueCode, kpiSettings.ComparePeriodDateFilter.FieldValue, kpiSettings.ComparePeriodDateFilter.FieldValue2) : getDateRangesByCode(null, null, null);
|
|
830
835
|
kpiSettings.PeriodDateFilter.FieldValue = PeriodDateFilterDates.fromDate;
|
|
831
836
|
kpiSettings.PeriodDateFilter.FieldValue2 = PeriodDateFilterDates.toDate;
|
|
832
837
|
kpiSettings.ComparePeriodDateFilter.FieldValue = ComparePeriodDateFilterDates.fromDate;
|
|
@@ -879,7 +884,7 @@ var KpiChart = function KpiChart(props) {
|
|
|
879
884
|
}
|
|
880
885
|
};
|
|
881
886
|
|
|
882
|
-
var
|
|
887
|
+
var drillDownToKPIValues = function drillDownToKPIValues(isDrillDownToMainValues) {
|
|
883
888
|
var _widget$current2, _widget$current3, _widget$current4, _widget$current4$Widg;
|
|
884
889
|
|
|
885
890
|
var measureFieldId;
|
|
@@ -890,7 +895,8 @@ var KpiChart = function KpiChart(props) {
|
|
|
890
895
|
Widget: calculateWidgetKPISettingsDates(),
|
|
891
896
|
MeasureCode: currentWidgetMeasure.MeasureCode,
|
|
892
897
|
Formula: currentWidgetMeasure.Formula,
|
|
893
|
-
GroupById: data === null || data === void 0 ? void 0 : data.GroupById
|
|
898
|
+
GroupById: data === null || data === void 0 ? void 0 : data.GroupById,
|
|
899
|
+
IsKPISecondaryValues: !isDrillDownToMainValues
|
|
894
900
|
});
|
|
895
901
|
};
|
|
896
902
|
|
|
@@ -962,6 +968,9 @@ var KpiChart = function KpiChart(props) {
|
|
|
962
968
|
var formatedValue = data ? data.ComparisonLabel : "";
|
|
963
969
|
var comparisonValue = data ? data === null || data === void 0 ? void 0 : data.ComparisonValue : "";
|
|
964
970
|
return React__default.createElement("div", {
|
|
971
|
+
onClick: function onClick() {
|
|
972
|
+
return drillDownToKPIValues(false);
|
|
973
|
+
},
|
|
965
974
|
title: formatedValue,
|
|
966
975
|
className: "dl-kpi-prev-container"
|
|
967
976
|
}, React__default.createElement("div", {
|
|
@@ -1004,6 +1013,9 @@ var KpiChart = function KpiChart(props) {
|
|
|
1004
1013
|
|
|
1005
1014
|
function getValueComponent() {
|
|
1006
1015
|
return React__default.createElement("div", {
|
|
1016
|
+
onClick: function onClick() {
|
|
1017
|
+
return drillDownToKPIValues(true);
|
|
1018
|
+
},
|
|
1007
1019
|
className: "dl-kpi-sub-container"
|
|
1008
1020
|
}, getValueData(), (data === null || data === void 0 ? void 0 : data.AbbreviationSymbol) && React__default.createElement("div", {
|
|
1009
1021
|
style: {
|
|
@@ -1058,6 +1070,9 @@ var KpiChart = function KpiChart(props) {
|
|
|
1058
1070
|
var formatedValue = data ? data.Label : "";
|
|
1059
1071
|
var label = getLabelFromKPISettings();
|
|
1060
1072
|
return React__default.createElement("div", {
|
|
1073
|
+
onClick: function onClick() {
|
|
1074
|
+
return drillDownToKPIValues(true);
|
|
1075
|
+
},
|
|
1061
1076
|
className: "dl-kpi-label-container"
|
|
1062
1077
|
}, React__default.createElement("span", {
|
|
1063
1078
|
style: {
|
|
@@ -1092,7 +1107,6 @@ var KpiChart = function KpiChart(props) {
|
|
|
1092
1107
|
animationDuration: "2s"
|
|
1093
1108
|
})) : !error && widget.current ? React__default.createElement("div", {
|
|
1094
1109
|
key: triggerId,
|
|
1095
|
-
onClick: kpiClick,
|
|
1096
1110
|
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"
|
|
1097
1111
|
}, React__default.createElement("div", {
|
|
1098
1112
|
className: isKPICustomSizeNeeded ? "dl-kpi-container kpi-custom-size" : "dl-kpi-container"
|
|
@@ -1791,16 +1805,44 @@ var PivotTable = forwardRef(function (props, comRef) {
|
|
|
1791
1805
|
}
|
|
1792
1806
|
};
|
|
1793
1807
|
|
|
1794
|
-
var
|
|
1808
|
+
var isRowsEmptyAndColumnsNotEmpty = function isRowsEmptyAndColumnsNotEmpty() {
|
|
1795
1809
|
var pivotRows = widget && !isNullOrUndefinedOrEmpty(widget === null || widget === void 0 ? void 0 : widget.PivotRows) ? JSON.parse(widget === null || widget === void 0 ? void 0 : widget.PivotRows) : [];
|
|
1796
1810
|
var pivotColumns = widget && !isNullOrUndefinedOrEmpty(widget === null || widget === void 0 ? void 0 : widget.PivotColumns) ? JSON.parse(widget === null || widget === void 0 ? void 0 : widget.PivotColumns) : [];
|
|
1797
1811
|
return (pivotRows === null || pivotRows === void 0 ? void 0 : pivotRows.length) === 0 && (pivotColumns === null || pivotColumns === void 0 ? void 0 : pivotColumns.length) > 0;
|
|
1798
1812
|
};
|
|
1799
1813
|
|
|
1800
|
-
var
|
|
1814
|
+
var canShowRowsGrandTotal = function canShowRowsGrandTotal() {
|
|
1815
|
+
if (isRowsEmptyAndColumnsNotEmpty()) {
|
|
1816
|
+
return true;
|
|
1817
|
+
}
|
|
1818
|
+
|
|
1819
|
+
var pivotTotalsSettings = widget && !isNullOrUndefinedOrEmpty(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings) ? JSON.parse(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings) : {};
|
|
1820
|
+
return !isNullOrUndefinedOrEmpty(pivotTotalsSettings.ShowRowsGrandTotal) ? pivotTotalsSettings.ShowRowsGrandTotal : false;
|
|
1821
|
+
};
|
|
1822
|
+
|
|
1823
|
+
var isRowsNotEmptyAndColumnsEmpty = function isRowsNotEmptyAndColumnsEmpty() {
|
|
1801
1824
|
var pivotRows = widget && !isNullOrUndefinedOrEmpty(widget === null || widget === void 0 ? void 0 : widget.PivotRows) ? JSON.parse(widget === null || widget === void 0 ? void 0 : widget.PivotRows) : [];
|
|
1802
1825
|
var pivotColumns = widget && !isNullOrUndefinedOrEmpty(widget === null || widget === void 0 ? void 0 : widget.PivotColumns) ? JSON.parse(widget === null || widget === void 0 ? void 0 : widget.PivotColumns) : [];
|
|
1803
|
-
return (
|
|
1826
|
+
return (pivotRows === null || pivotRows === void 0 ? void 0 : pivotRows.length) > 0 && (pivotColumns === null || pivotColumns === void 0 ? void 0 : pivotColumns.length) === 0;
|
|
1827
|
+
};
|
|
1828
|
+
|
|
1829
|
+
var canShowColumnsGrandTotal = function canShowColumnsGrandTotal() {
|
|
1830
|
+
if (isRowsNotEmptyAndColumnsEmpty()) {
|
|
1831
|
+
return true;
|
|
1832
|
+
}
|
|
1833
|
+
|
|
1834
|
+
var pivotTotalsSettings = widget && !isNullOrUndefinedOrEmpty(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings) ? JSON.parse(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings) : {};
|
|
1835
|
+
return !isNullOrUndefinedOrEmpty(pivotTotalsSettings.ShowColumnsGrandTotal) ? pivotTotalsSettings.ShowColumnsGrandTotal : false;
|
|
1836
|
+
};
|
|
1837
|
+
|
|
1838
|
+
var canShowRowsTotal = function canShowRowsTotal() {
|
|
1839
|
+
var pivotTotalsSettings = widget && !isNullOrUndefinedOrEmpty(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings) ? JSON.parse(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings) : {};
|
|
1840
|
+
return !isNullOrUndefinedOrEmpty(pivotTotalsSettings.ShowRowsTotal) ? pivotTotalsSettings.ShowRowsTotal : false;
|
|
1841
|
+
};
|
|
1842
|
+
|
|
1843
|
+
var canShowColumnsTotal = function canShowColumnsTotal() {
|
|
1844
|
+
var pivotTotalsSettings = widget && !isNullOrUndefinedOrEmpty(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings) ? JSON.parse(widget === null || widget === void 0 ? void 0 : widget.PivotTotalsSettings) : {};
|
|
1845
|
+
return !isNullOrUndefinedOrEmpty(pivotTotalsSettings.ShowColumnsTotal) ? pivotTotalsSettings.ShowColumnsTotal : false;
|
|
1804
1846
|
};
|
|
1805
1847
|
|
|
1806
1848
|
return React__default.createElement(React__default.Fragment, null, isLoading ? React__default.createElement("div", {
|
|
@@ -1820,10 +1862,11 @@ var PivotTable = forwardRef(function (props, comRef) {
|
|
|
1820
1862
|
showBorders: true,
|
|
1821
1863
|
className: 'pivot-grid-element',
|
|
1822
1864
|
onCellClick: onCellClick,
|
|
1823
|
-
showRowGrandTotals:
|
|
1824
|
-
showColumnGrandTotals:
|
|
1825
|
-
showRowTotals:
|
|
1826
|
-
showColumnTotals:
|
|
1865
|
+
showRowGrandTotals: canShowRowsGrandTotal(),
|
|
1866
|
+
showColumnGrandTotals: canShowColumnsGrandTotal(),
|
|
1867
|
+
showRowTotals: canShowRowsTotal(),
|
|
1868
|
+
showColumnTotals: canShowColumnsTotal(),
|
|
1869
|
+
showTotalsPrior: 'none',
|
|
1827
1870
|
wordWrapEnabled: true
|
|
1828
1871
|
}, React__default.createElement(FieldPanel, {
|
|
1829
1872
|
showColumnFields: false,
|