logitude-dashboard-library 3.2.39 → 3.2.40

package/dist/index.modern.js

@@ -689,6 +689,120 @@ var getDateRangesByCode = function getDateRangesByCode(code, _fromDate, _toDate)
   return result;
 };
 
+var FieldDataType = /*#__PURE__*/function () {
+  function FieldDataType() {}
+
+  FieldDataType.isNumericType = function isNumericType(fieldDataType) {
+    if (!fieldDataType || typeof fieldDataType !== "string") {
+      return false;
+    }
+
+    return [FieldDataType.Decimal, FieldDataType.Double, FieldDataType.UnsDecimal, FieldDataType.SigDouble, FieldDataType.Integer, FieldDataType.UnsInteger, FieldDataType.Percentage].includes(fieldDataType);
+  };
+
+  FieldDataType.isInteger = function isInteger(fieldDataType) {
+    if (!fieldDataType || typeof fieldDataType !== "string") {
+      return false;
+    }
+
+    return [FieldDataType.Integer, FieldDataType.UnsInteger].includes(fieldDataType);
+  };
+
+  FieldDataType.isPercentage = function isPercentage(fieldDataType) {
+    if (!fieldDataType || typeof fieldDataType !== "string") {
+      return false;
+    }
+
+    return fieldDataType === FieldDataType.Percentage;
+  };
+
+  FieldDataType.isLookUpType = function isLookUpType(fieldDataType) {
+    if (!fieldDataType || typeof fieldDataType !== "string") {
+      return false;
+    }
+
+    return fieldDataType === FieldDataType.LookUp;
+  };
+
+  FieldDataType.isPickListType = function isPickListType(fieldDataType) {
+    if (!fieldDataType || typeof fieldDataType !== "string") {
+      return false;
+    }
+
+    return [FieldDataType.PickList, FieldDataType.PickList2].includes(fieldDataType);
+  };
+
+  FieldDataType.isTextOrNTextType = function isTextOrNTextType(fieldDataType) {
+    if (!fieldDataType || typeof fieldDataType !== "string") {
+      return false;
+    }
+
+    return [FieldDataType.Text, FieldDataType.nText].includes(fieldDataType);
+  };
+
+  FieldDataType.isTextType = function isTextType(fieldDataType) {
+    if (!fieldDataType || typeof fieldDataType !== "string") {
+      return false;
+    }
+
+    return fieldDataType === FieldDataType.Text;
+  };
+
+  FieldDataType.isNTextType = function isNTextType(fieldDataType) {
+    if (!fieldDataType || typeof fieldDataType !== "string") {
+      return false;
+    }
+
+    return fieldDataType === FieldDataType.nText;
+  };
+
+  FieldDataType.isBooleanType = function isBooleanType(fieldDataType) {
+    if (!fieldDataType || typeof fieldDataType !== "string") {
+      return false;
+    }
+
+    return fieldDataType === FieldDataType.Boolean;
+  };
+
+  FieldDataType.isDateOrDateTimeType = function isDateOrDateTimeType(fieldDataType) {
+    if (!fieldDataType || typeof fieldDataType !== "string") {
+      return false;
+    }
+
+    return [FieldDataType.Date, FieldDataType.DateTime].includes(fieldDataType);
+  };
+
+  return FieldDataType;
+}();
+FieldDataType.Decimal = "Decimal";
+FieldDataType.Double = "Double";
+FieldDataType.UnsDecimal = "UnsDecimal";
+FieldDataType.Integer = "Integer";
+FieldDataType.UnsInteger = "UnsInteger";
+FieldDataType.SigDouble = "SigDouble";
+FieldDataType.LookUp = "LookUp";
+FieldDataType.PickList = "PickList";
+FieldDataType.PickList2 = "PickList2";
+FieldDataType.Text = "Text";
+FieldDataType.nText = "nText";
+FieldDataType.Boolean = "Boolean";
+FieldDataType.Date = "Date";
+FieldDataType.DateTime = "DateTime";
+FieldDataType.Percentage = "Percentage";
+
+var MeasureCode;
+
+(function (MeasureCode) {
+  MeasureCode["Average"] = "Avg";
+  MeasureCode["CalculatedColumn"] = "CalculatedColumn";
+  MeasureCode["Formula"] = "Formula";
+  MeasureCode["Max"] = "Max";
+  MeasureCode["Min"] = "Min";
+  MeasureCode["Sum"] = "Sum";
+  MeasureCode["Target"] = "Target";
+  MeasureCode["Count"] = "Count";
+})(MeasureCode || (MeasureCode = {}));
+
 var isNullOrUndefined = function isNullOrUndefined(val) {
   return val == null || val == undefined;
 };
@@ -730,30 +844,49 @@ var getGlobalNumberFormatting = function getGlobalNumberFormatting() {
   return numberSeparatorSettings;
 };
 
-var getNumberInSystemLocalFormat = function getNumberInSystemLocalFormat(value, decimalDigitsCount, isToolTip) {
+var isValueInteger = function isValueInteger(measureCode, measureFieldType) {
+  if (measureCode === MeasureCode.Count || measureFieldType === FieldDataType.Integer) {
+    return true;
+  }
+
+  return false;
+};
+
+var getTruncatedValue = function getTruncatedValue(value, decimalDigitsCount) {
+  if (decimalDigitsCount === void 0) {
+    decimalDigitsCount = 2;
+  }
+
+  if (value == null || value == undefined || isNaN(value)) return value;
+  return truncateDecimals(value, decimalDigitsCount);
+};
+
+var getNumberInSystemLocalFormat = function getNumberInSystemLocalFormat(value, decimalDigitsCount, minimumFractionDigits, isValueTruncated) {
   if (decimalDigitsCount === void 0) {
     decimalDigitsCount = -1;
   }
 
-  if (isToolTip === void 0) {
-    isToolTip = false;
+  if (minimumFractionDigits === void 0) {
+    minimumFractionDigits = 0;
   }
 
-  if (isNaN(value) || value == null || value == undefined) return value + "";
+  if (isValueTruncated === void 0) {
+    isValueTruncated = true;
+  }
+
+  if (value == null || value == undefined || isNaN(value)) return value + "";
   var decimalParts = value.toString().split(".");
   var maxFractionDigits = decimalParts[1] ? decimalParts[1].length : 0;
   decimalDigitsCount = decimalDigitsCount == -1 ? maxFractionDigits : decimalDigitsCount;
 
   var _numberSeparatorSettings = getGlobalNumberFormatting();
 
-  if (!isToolTip) {
-    var factor = Math.pow(10, decimalDigitsCount);
-    var truncatedValue = Math.floor(value * factor) / factor;
-    value = truncatedValue;
+  if (isValueTruncated) {
+    value = truncateDecimals(value, decimalDigitsCount);
   }
 
   var _val = value.toLocaleString('en-US', {
-    minimumFractionDigits: 0,
+    minimumFractionDigits: minimumFractionDigits,
     maximumFractionDigits: decimalDigitsCount
   });
 
@@ -769,6 +902,24 @@ var getNumberInSystemLocalFormat = function getNumberInSystemLocalFormat(value,
   return value + "";
 };
 
+var truncateDecimals = function truncateDecimals(value, numberOfDecimalParts) {
+  if (!Number.isFinite(value)) return value;
+  var numStr = value.toString();
+
+  if (numStr.toLocaleLowerCase().includes("e")) {
+    return value;
+  }
+
+  var _numStr$split = numStr.split('.'),
+      integerPart = _numStr$split[0],
+      _numStr$split$ = _numStr$split[1],
+      decimalPart = _numStr$split$ === void 0 ? '' : _numStr$split$;
+
+  var truncated = decimalPart.slice(0, numberOfDecimalParts);
+  var resultStr = truncated.length > 0 ? integerPart + "." + truncated : integerPart;
+  return parseFloat(resultStr);
+};
+
 var ConvertStringToPascalCaseHelper = function ConvertStringToPascalCaseHelper(stringValue) {
   if (isNullOrUndefinedOrEmpty(stringValue) || typeof stringValue !== 'string') return stringValue || '';
   var splittedWords = stringValue.split(' ').filter(function (f) {
@@ -1602,12 +1753,16 @@ var TableChart = function TableChart(props) {
 
     var columnValue = data[column.FieldCode];
 
-    if (column.DataTypeCode == "Percentage") {
-      return !isNullOrUndefined(columnValue) ? getNumberInSystemLocalFormat(Number(columnValue), 2) + "%" : 0 + '%';
+    if (FieldDataType.isPercentage(column.DataTypeCode)) {
+      return !isNullOrUndefined(columnValue) ? getNumberInSystemLocalFormat(Number(columnValue), 2, 2) + "%" : 0 + '%';
+    }
+
+    if (FieldDataType.isInteger(column.DataTypeCode)) {
+      return !isNullOrUndefined(columnValue) ? getNumberInSystemLocalFormat(Number(columnValue), 0, 0, false) : "";
     }
 
-    if (column.DataTypeCode == "Decimal" || column.DataTypeCode == "Integer" || column.DataTypeCode == "Double" || column.DataTypeCode == "SigDouble") {
-      return !isNullOrUndefined(columnValue) ? getNumberInSystemLocalFormat(Number(columnValue), 2) : "";
+    if (FieldDataType.isNumericType(column.DataTypeCode)) {
+      return !isNullOrUndefined(columnValue) ? getNumberInSystemLocalFormat(Number(columnValue), 2, 2) : "";
     }
 
     return ConvertStringToPascalCaseHelper(columnValue);
@@ -1973,9 +2128,12 @@ var PivotTable = forwardRef(function (props, comRef) {
             }
           },
           format: function format(value) {
+            var isInteger = isValueInteger(measure.MeasureCode, measure.MeasureFieldDataType);
+            var minimumFraction = isInteger ? 0 : 2;
+
             var _value = isNullOrUndefinedOrEmpty(value) ? 0 : value;
 
-            return getNumberInSystemLocalFormat(_value, 2);
+            return getNumberInSystemLocalFormat(_value, 2, minimumFraction);
           }
         };
       });
@@ -2109,7 +2267,7 @@ function buildToolTip(widget, value, seriesMeasure, label, index, groupbyId, sec
   }
 
   var padding = widget.TypeCode == 'line' && index > 0 ? 'padding-top: 3px' : '';
-  var customToolTip = "\n    <div style=\"min-width: 108px;" + padding + "\">\n\n        <div style=\"display: flex;align-items: center;margin-bottom: 6px;\">\n            <span style=\"margin: 0; min-height: 10px; min-width: 10px; height: 10px; width: 10px; background-color: transparent; border-radius: 50%; display: inline-block;\"></span>\n            <p style=\" margin: 0; margin-left: 4px; white-space: pre-line; font-family: 'Manrope'; font-style: normal;font-weight: 400; font-size: 11px; line-height: 100%;  color: #323232;\"> " + getTooltiplabel(label, seriesMeasure) + "</p>\n        </div>\n\n        <hr style=\"margin: 0;border-top: 1px solid #F0F0F0;\">\n\n        <div style=\"display: flex;align-items: center;margin:0;margin-top: 6px;\">\n            <p style=\"margin: 0;font-family: 'Manrope'; white-space: pre-line; font-style: normal;font-weight: 400; font-size: 11px;line-height: 100%;color: #A4A4A4;\"> " + getMeasureType(seriesMeasure) + "</p>\n            <p style=\"margin: 0;margin-left: 6px; white-space: pre-line; font-family: 'Manrope';font-style: normal;font-weight: 500;font-size: 11px;line-height: 100%;  color: #A4A4A4;\">" + getTooltipValue(value, seriesMeasure) + "</p>\n            " + getTooltipPercentage(widget) + " </div> ";
+  var customToolTip = "\n    <div style=\"min-width: 108px;" + padding + "\">\n\n        <div style=\"display: flex;align-items: center;margin-bottom: 6px;\">\n            <span style=\"margin: 0; min-height: 10px; min-width: 10px; height: 10px; width: 10px; background-color: transparent; border-radius: 50%; display: inline-block;\"></span>\n            <p style=\" margin: 0; margin-left: 4px; white-space: pre-line; font-family: 'Manrope'; font-style: normal;font-weight: 400; font-size: 11px; line-height: 100%;  color: #323232;\"> " + getTooltiplabel(label, seriesMeasure) + "</p>\n        </div>\n\n        <hr style=\"margin: 0;border-top: 1px solid #F0F0F0;\">\n\n        <div style=\"display: flex;align-items: center;margin:0;margin-top: 6px;\">\n            <p style=\"margin: 0;font-family: 'Manrope'; white-space: pre-line; font-style: normal;font-weight: 400; font-size: 11px;line-height: 100%;color: #A4A4A4;\"> " + getMeasureType(seriesMeasure) + "</p>\n            <p style=\"margin: 0;margin-left: 6px; white-space: pre-line; font-family: 'Manrope';font-style: normal;font-weight: 500;font-size: 11px;line-height: 100%;  color: #A4A4A4;\">" + getTooltipValue(value, seriesMeasure) + "</p>\n            " + getPieDonutToolTipPercentage(widget, seriesMeasure, groupbyId, secGroupbyId) + " </div> ";
 
   if (RenderStackedChartTotalsAndPercentages(widget, seriesMeasure)) {
     customToolTip += "<div>\n\n            <hr style=\"margin-top: 6px;border-top: 1px solid #F0F0F0;\">\n\n            <div style=\"display: flex; flex-direction: column; gap: 6px; flex-d align-items: center;margin:0;margin-top: 6px;\">\n                <p style=\"margin: 0;font-family: 'Manrope'; white-space: pre-line; font-style: normal;font-weight: 400; font-size: 11px;line-height: 100%;color: #A4A4A4;\"> " + getGroupValuePercentage(seriesMeasure, groupbyId, secGroupbyId) + "</p>\n            </div>\n\n            <hr style=\"margin-top: 6px;border-top: 1px solid #F0F0F0;\">\n\n            <div style=\"display: flex; flex-direction: column; gap: 6px; flex-d align-items: center;margin:0;margin-top: 6px;\">\n                <p style=\"margin: 0;white-space: pre-line; font-family: 'Manrope';font-style: normal;font-weight: 500;font-size: 11px;line-height: 100%;  color: #A4A4A4;\">" + getSumOfGroupValues(seriesMeasure, groupbyId) + "</p>\n            </div>\n\n        </div>";
@@ -2124,36 +2282,57 @@ function RenderStackedChartTotalsAndPercentages(widget, seriesMeasures) {
     return false;
   }
 
-  return widget.IsStacked && (seriesMeasures.MeasureCode === "Count" || seriesMeasures.MeasureCode === "Sum");
+  return widget.IsStacked && (seriesMeasures.MeasureCode === MeasureCode.Count || seriesMeasures.MeasureCode === MeasureCode.Sum);
 }
 
 function getGroupValuePercentage(seriesMeasures, groupbyId, secGroupbyId) {
-  var _seriesMeasures$Value;
-
   if (!seriesMeasures) {
     return;
   }
 
-  var total = getSumOfGroupValuesAsNumber(seriesMeasures, groupbyId);
-  var value = (_seriesMeasures$Value = seriesMeasures.Values.filter(function (v) {
+  var percentageValueInLocalFormat = getPercentageGroupValueAsNumber(seriesMeasures, groupbyId, secGroupbyId);
+  return "<span style=\"margin-right:6px;\">Percentage:</span>" + percentageValueInLocalFormat + "%";
+}
+
+function getSumOfGroupValues(seriesMeasure, groupbyId) {
+  if (!seriesMeasure) {
+    return "";
+  }
+
+  var total = getSumOfGroupValuesAsNumber(seriesMeasure, groupbyId);
+  return "<span style=\"margin-right:6px;\">Total:</span>" + getNumberInSystemLocalFormat(total, 2, 0);
+}
+
+function getPercentageGroupValueAsNumber(seriesMeasure, groupbyId, secGroupbyId) {
+  var _seriesMeasure$Values;
+
+  if (!seriesMeasure) {
+    return;
+  }
+
+  var total = getSumOfGroupValuesAsNumber(seriesMeasure, groupbyId);
+  var value = (_seriesMeasure$Values = seriesMeasure.Values.filter(function (v) {
     return v.GroupById === groupbyId && v.GroupByIdSec === secGroupbyId;
-  })[0]) === null || _seriesMeasures$Value === void 0 ? void 0 : _seriesMeasures$Value.Value;
-  var percentageValueInLocalFormat = "0";
+  })[0]) === null || _seriesMeasure$Values === void 0 ? void 0 : _seriesMeasure$Values.Value;
+  var percentageValueInLocalFormat = "0.00";
 
   if (total !== 0 && value) {
-    percentageValueInLocalFormat = getNumberInSystemLocalFormat(value / total * 100, 2, true);
+    percentageValueInLocalFormat = getNumberInSystemLocalFormat(value / total * 100, 2, 0, false);
   }
 
-  return "<span style=\"margin-right:6px;\">Percentage:</span>" + percentageValueInLocalFormat + "%";
+  return percentageValueInLocalFormat;
 }
 
-function getSumOfGroupValues(seriesMeasure, groupbyId) {
+function getSumOfValuesAsNumber(seriesMeasure) {
   if (!seriesMeasure) {
-    return "";
+    return 0;
   }
 
-  var total = getSumOfGroupValuesAsNumber(seriesMeasure, groupbyId);
-  return "<span style=\"margin-right:6px;\">Total:</span>" + getNumberInSystemLocalFormat(total, 2, true);
+  var total = 0;
+  seriesMeasure.Values.forEach(function (v) {
+    total += v.Value;
+  });
+  return total;
 }
 
 function getSumOfGroupValuesAsNumber(seriesMeasure, groupbyId) {
@@ -2170,9 +2349,35 @@ function getSumOfGroupValuesAsNumber(seriesMeasure, groupbyId) {
   return total;
 }
 
-function getTooltipPercentage(widget) {
+function getPieDonutToolTipPercentage(widget, seriesMeasures, groupbyId, secGroupbyId) {
   if (widget.TypeCode != "donut" && widget.TypeCode != "pie") return "";
-  return "\n    <p style=\"margin: 0;margin-left: 2px;font-family: 'Manrope';font-style: normal;font-weight: 500;font-size: 11px;line-height: 100%;  color: #A4A4A4;flex: none; order: 1;flex-grow: 0;\">($percentValue)</p>\n    ";
+
+  if (!seriesMeasures) {
+    return "";
+  }
+
+  var percentageValueInLocalFormat = getDonutPiePercentageGroupValueAsNumber(seriesMeasures, groupbyId, secGroupbyId);
+  return "<p style=\"margin: 0;margin-left: 2px;font-family: 'Manrope';font-style: normal;font-weight: 500;font-size: 11px;line-height: 100%;  color: #A4A4A4;flex: none; order: 1;flex-grow: 0;\">(" + percentageValueInLocalFormat + ")%</p>";
+}
+
+function getDonutPiePercentageGroupValueAsNumber(seriesMeasure, groupbyId, secGroupbyId) {
+  var _seriesMeasure$Values2;
+
+  if (!seriesMeasure) {
+    return;
+  }
+
+  var total = getSumOfValuesAsNumber(seriesMeasure);
+  var value = (_seriesMeasure$Values2 = seriesMeasure.Values.filter(function (v) {
+    return v.GroupById === groupbyId && v.GroupByIdSec === secGroupbyId;
+  })[0]) === null || _seriesMeasure$Values2 === void 0 ? void 0 : _seriesMeasure$Values2.Value;
+  var percentageValueInLocalFormat = "0.00";
+
+  if (total !== 0 && value) {
+    percentageValueInLocalFormat = getNumberInSystemLocalFormat(value / total * 100, 2, 0, false);
+  }
+
+  return percentageValueInLocalFormat;
 }
 
 function getTooltiplabel(value, seriesMeasure) {
@@ -2182,11 +2387,15 @@ function getTooltiplabel(value, seriesMeasure) {
 }
 
 function getTooltipValue(value, seriesMeasure) {
-  if (!isNullOrUndefined(value)) {
-    return seriesMeasure && seriesMeasure.MeasureFieldDataType == 'Percentage' ? getNumberInSystemLocalFormat(value) + "%" : getNumberInSystemLocalFormat(value);
+  if (isNullOrUndefined(value)) {
+    return '$dataValue';
+  }
+
+  if (FieldDataType.isPercentage(seriesMeasure === null || seriesMeasure === void 0 ? void 0 : seriesMeasure.MeasureFieldDataType)) {
+    return getNumberInSystemLocalFormat(value, 2, 0) + "%";
   }
 
-  return '$dataValue';
+  return getNumberInSystemLocalFormat(value, 2, 0);
 }
 
 function getMeasureType(seriesMeasure) {
@@ -2250,9 +2459,9 @@ function buildDataSource(values, widget) {
   var data = [];
   if (!values || !values[0]) return data;
   var series = values[0];
-  data = series.Values.map(function (e, index) {
+  data = series.Values.map(function (e) {
     var item = {
-      value: e.Value,
+      value: getTruncatedValue(e.Value),
       label: getLabelFormatByDateGroupType(e.Label, widget, false),
       id: {
         GroupById: e.GroupById,
@@ -2260,7 +2469,7 @@ function buildDataSource(values, widget) {
         MeasureCode: series.MeasureCode,
         Formula: series.Formula
       },
-      tooltext: buildToolTip(widget, null, series, e.Label, 0)
+      tooltext: buildToolTip(widget, e.Value, series, e.Label, 0, e.GroupById, e.GroupByIdSec)
     };
     return item;
   });
@@ -2272,7 +2481,7 @@ function buildDataSet(seriesMeasures, widget) {
   seriesMeasures.forEach(function (seriesMeasure) {
     var datas = seriesMeasure.Values.map(function (e, index) {
       return {
-        value: e.Value,
+        value: getTruncatedValue(e.Value),
         id: {
           GroupById: e.GroupById,
           MeasureFieldId: seriesMeasure.MeasureFieldId,
@@ -2366,10 +2575,11 @@ function buildStackedGroupData(secGroup, series, widget) {
   uniqueGroups.forEach(function (group) {
     var _series$Values$find;
 
+    var value = (_series$Values$find = series.Values.find(function (x) {
+      return x.GroupById == group.code && x.GroupByIdSec == secGroup.code;
+    })) === null || _series$Values$find === void 0 ? void 0 : _series$Values$find.Value;
     data.push({
-      value: (_series$Values$find = series.Values.find(function (x) {
-        return x.GroupById == group.code && x.GroupByIdSec == secGroup.code;
-      })) === null || _series$Values$find === void 0 ? void 0 : _series$Values$find.Value,
+      value: getTruncatedValue(value),
       id: {
         GroupById: group.code,
         MeasureFieldId: series.MeasureFieldId,
@@ -2473,6 +2683,7 @@ var getGaugeObject = function getGaugeObject(data, widget) {
   chartInfo.manageResize = "1";
   chartInfo.valueBelowPivot = "1";
   chartInfo.showValue = "1";
+  var value = !isNullOrUndefined(data) && !isNullOrUndefined(data === null || data === void 0 ? void 0 : data.Value) ? data === null || data === void 0 ? void 0 : data.Value : 0;
   fusionObject.dataSource = {
     "chart": chartInfo,
     "colorRange": {
@@ -2480,7 +2691,7 @@ var getGaugeObject = function getGaugeObject(data, widget) {
     },
     "dials": {
       "dial": [{
-        "value": !isNullOrUndefined(data) && !isNullOrUndefined(data === null || data === void 0 ? void 0 : data.Value) ? data === null || data === void 0 ? void 0 : data.Value : 0
+        "value": getTruncatedValue(value)
       }]
     }
   };