logitude-dashboard-library 3.1.67 → 3.1.69

package/dist/Utils/General.d.ts

@@ -4,6 +4,6 @@ declare const getGlobalNumberFormatting: () => {
     thousandsSeparator: string;
     decimalSeparator: string;
 };
-declare const getNumberInSystemLocalFormat: (value: number) => string | number;
+declare const getNumberInSystemLocalFormat: (value: number, decimalDigitsCount?: number) => string;
 declare const ConvertStringToPascalCaseHelper: (stringValue: string) => string;
 export { isNullOrUndefined, isNullOrUndefinedOrEmpty, getGlobalNumberFormatting, getNumberInSystemLocalFormat, ConvertStringToPascalCaseHelper };

package/dist/index.js

@@ -729,12 +729,19 @@ var getGlobalNumberFormatting = function getGlobalNumberFormatting() {
   return numberSeparatorSettings;
 };
 
-var getNumberInSystemLocalFormat = function getNumberInSystemLocalFormat(value) {
-  if (isNaN(value)) return value;
+var getNumberInSystemLocalFormat = function getNumberInSystemLocalFormat(value, decimalDigitsCount) {
+  if (decimalDigitsCount === void 0) {
+    decimalDigitsCount = 20;
+  }
+
+  if (isNaN(value) || value == null || value == undefined) return value + "";
 
   var _numberSeparatorSettings = getGlobalNumberFormatting();
 
-  var _val = value.toLocaleString('en-US');
+  var _val = value.toLocaleString('en-US', {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: decimalDigitsCount
+  });
 
   if (_val) {
     var _formattedValue = _val.replaceAll(",", "*");
@@ -745,7 +752,7 @@ var getNumberInSystemLocalFormat = function getNumberInSystemLocalFormat(value)
     return _formattedValue;
   }
 
-  return value;
+  return value + "";
 };
 
 var ConvertStringToPascalCaseHelper = function ConvertStringToPascalCaseHelper(stringValue) {
@@ -1206,14 +1213,11 @@ var TableChart = function TableChart(props) {
   };
 
   var getBooleanStringValue = function getBooleanStringValue(value) {
-    if (isNullOrUndefined(value) || isNullOrUndefined(value.Label)) return "";
+    if (isNullOrUndefined(value)) return "";
 
-    var _value = value.Label + "";
+    var _value = value + "";
 
-    return {
-      Label: _value.charAt(0).toUpperCase() + _value.slice(1),
-      Value: _value.charAt(0).toUpperCase() + _value.slice(1)
-    };
+    return _value.charAt(0).toUpperCase() + _value.slice(1);
   };
 
   var getDateTimeValue = function getDateTimeValue(value) {
@@ -1243,7 +1247,7 @@ var TableChart = function TableChart(props) {
 
           var _value = valueType && valueType == "Boolean" ? getBooleanStringValue(item[key]) : item[key];
 
-          _tableRow[key] = isNullOrUndefined(_value) || isNullOrUndefined(_value.Value) && isNullOrUndefined(_value.Label) ? "" : _value;
+          _tableRow[key] = isNullOrUndefined(_value) ? "" : _value;
         });
         tableRecords.push(_tableRow);
       });
@@ -1434,43 +1438,53 @@ var TableChart = function TableChart(props) {
   };
 
   var tableCellClicked = function tableCellClicked(data, fieldCode) {
-    if (!data || !data.Id || !data.Id.Label || !isClickableCell(fieldCode) || props.customChartProps.isInEditMode) return;
+    if (!data || !data.Id || !isClickableCell(fieldCode) || props.customChartProps.isInEditMode) return;
     props.customChartProps.onSelectDataPoint({
       ObjectTableName: objectTableName,
-      TableRowEntityId: data.Id.Label
+      TableRowEntityId: data.Id
     });
   };
 
-  var getColumnLabelText = function getColumnLabelText(data, column) {
-    var _data$column$FieldCod, _data$column$FieldCod2, _data$column$FieldCod3;
+  var getCellValue = function getCellValue(data, column) {
+    if (isNullOrUndefined(data) || isNullOrUndefined(column)) {
+      return "";
+    }
+
+    var columnValue = data[column.FieldCode];
+
+    if (column.DataTypeCode == "Percentage") {
+      return !isNullOrUndefined(columnValue) ? getNumberInSystemLocalFormat(Number(columnValue), 2) + "%" : 0 + '%';
+    }
+
+    if (column.DataTypeCode == "Decimal" || column.DataTypeCode == "Integer" || column.DataTypeCode == "Double" || column.DataTypeCode == "SigDouble") {
+      return !isNullOrUndefined(columnValue) ? getNumberInSystemLocalFormat(Number(columnValue), 2) : "";
+    }
 
-    return column.DataTypeCode == "Percentage" ? (_data$column$FieldCod = data[column.FieldCode]) !== null && _data$column$FieldCod !== void 0 && _data$column$FieldCod.Label ? ((_data$column$FieldCod2 = data[column.FieldCode]) === null || _data$column$FieldCod2 === void 0 ? void 0 : _data$column$FieldCod2.Label) + "%" : 0 + '%' : ConvertStringToPascalCaseHelper((_data$column$FieldCod3 = data[column.FieldCode]) === null || _data$column$FieldCod3 === void 0 ? void 0 : _data$column$FieldCod3.Label);
+    return ConvertStringToPascalCaseHelper(columnValue);
   };
 
   var cellTemplateBody = function cellTemplateBody(data, column) {
-    var _data$column$FieldCod4, _data$column$FieldCod5, _data$column$FieldCod6;
-
     if (!column || !column.FieldCode) return "";
     return column.DataTypeCode == "DateTime" || column.DataTypeCode == "Date" ? React__default.createElement("span", {
-      title: getDateTimeValue((_data$column$FieldCod4 = data[column.FieldCode]) === null || _data$column$FieldCod4 === void 0 ? void 0 : _data$column$FieldCod4.Label),
+      title: getDateTimeValue(data[column.FieldCode]),
       className: "table-cell",
       style: {
         color: getTableFormattingPropertyValue("TableCellFontColor"),
         fontSize: getTableFormattingPropertyValue("TableCellFontSize", "px")
       }
-    }, getDateTimeValue((_data$column$FieldCod5 = data[column.FieldCode]) === null || _data$column$FieldCod5 === void 0 ? void 0 : _data$column$FieldCod5.Label)) : React__default.createElement("span", {
+    }, getDateTimeValue(data[column.FieldCode])) : React__default.createElement("span", {
       onClick: function onClick() {
         return tableCellClicked(data, column.FieldCode);
       },
-      title: getColumnLabelText(data, column),
+      title: getCellValue(data, column),
       className: "table-cell " + (isClickableCell(column.FieldCode) ? 'table-link-cell' : ''),
       style: {
         color: getTableFormattingPropertyValue("TableCellFontColor"),
-        backgroundColor: getCellPropertyByRule(column, (_data$column$FieldCod6 = data[column.FieldCode]) === null || _data$column$FieldCod6 === void 0 ? void 0 : _data$column$FieldCod6.Value, 'RuleBackgroundColor'),
+        backgroundColor: getCellPropertyByRule(column, data[column.FieldCode], 'RuleBackgroundColor'),
         fontSize: getTableFormattingPropertyValue("TableCellFontSize", "px"),
         "float": getCellFloatAlignment(column)
       }
-    }, getColumnLabelText(data, column));
+    }, getCellValue(data, column));
   };
 
   var headerTemplate = function headerTemplate(column) {
@@ -1549,6 +1563,7 @@ var TableChart = function TableChart(props) {
 
 var PivotTable = React.forwardRef(function (props, comRef) {
   var _useState = React.useState(),
+      widget = _useState[0],
       setWidget = _useState[1];
 
   var _useState2 = React.useState(true),
@@ -1780,6 +1795,18 @@ var PivotTable = React.forwardRef(function (props, comRef) {
     }
   };
 
+  var canShowRowGrandTotals = function canShowRowGrandTotals() {
+    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 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 React__default.createElement(React__default.Fragment, null, isLoading ? React__default.createElement("div", {
     className: 'dl-full-hight dl-flex-content-center spinner-custome'
   }, React__default.createElement(progressspinner.ProgressSpinner, {
@@ -1797,8 +1824,8 @@ var PivotTable = React.forwardRef(function (props, comRef) {
     showBorders: true,
     className: 'pivot-grid-element',
     onCellClick: onCellClick,
-    showRowGrandTotals: false,
-    showColumnGrandTotals: false,
+    showRowGrandTotals: canShowRowGrandTotals(),
+    showColumnGrandTotals: canShowColumnGrandTotals(),
     showRowTotals: false,
     showColumnTotals: false,
     wordWrapEnabled: true