logitude-dashboard-library 3.1.64 → 3.1.66

package/dist/Utils/General.d.ts

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

package/dist/index.js

@@ -748,6 +748,21 @@ var getNumberInSystemLocalFormat = function getNumberInSystemLocalFormat(value)
   return value;
 };
 
+var ConvertStringToPascalCaseHelper = function ConvertStringToPascalCaseHelper(stringValue) {
+  if (isNullOrUndefinedOrEmpty(stringValue) || typeof stringValue !== 'string') return stringValue || '';
+  var splittedWords = stringValue.split(' ').filter(function (f) {
+    return f != '';
+  });
+  if (splittedWords.length == 0) return stringValue;
+  return stringValue.split(' ').map(function (t) {
+    if (t.length > 0) {
+      return t[0].toUpperCase() + t.slice(1).toLowerCase();
+    }
+
+    return t;
+  }).join(' ');
+};
+
 var KpiChart = function KpiChart(props) {
   var _widget$current16;
 
@@ -1426,30 +1441,36 @@ var TableChart = function TableChart(props) {
     });
   };
 
+  var getColumnLabelText = function getColumnLabelText(data, column) {
+    var _data$column$FieldCod, _data$column$FieldCod2, _data$column$FieldCod3;
+
+    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);
+  };
+
   var cellTemplateBody = function cellTemplateBody(data, column) {
-    var _data$column$FieldCod, _data$column$FieldCod2, _data$column$FieldCod3, _data$column$FieldCod4, _data$column$FieldCod5, _data$column$FieldCod6, _data$column$FieldCod7;
+    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$FieldCod = data[column.FieldCode]) === null || _data$column$FieldCod === void 0 ? void 0 : _data$column$FieldCod.Label),
+      title: getDateTimeValue((_data$column$FieldCod4 = data[column.FieldCode]) === null || _data$column$FieldCod4 === void 0 ? void 0 : _data$column$FieldCod4.Label),
       className: "table-cell",
       style: {
         color: getTableFormattingPropertyValue("TableCellFontColor"),
         fontSize: getTableFormattingPropertyValue("TableCellFontSize", "px")
       }
-    }, getDateTimeValue((_data$column$FieldCod2 = data[column.FieldCode]) === null || _data$column$FieldCod2 === void 0 ? void 0 : _data$column$FieldCod2.Label)) : React__default.createElement("span", {
+    }, getDateTimeValue((_data$column$FieldCod5 = data[column.FieldCode]) === null || _data$column$FieldCod5 === void 0 ? void 0 : _data$column$FieldCod5.Label)) : React__default.createElement("span", {
       onClick: function onClick() {
         return tableCellClicked(data, column.FieldCode);
       },
-      title: (_data$column$FieldCod3 = data[column.FieldCode]) === null || _data$column$FieldCod3 === void 0 ? void 0 : _data$column$FieldCod3.Label,
+      title: getColumnLabelText(data, column),
       className: "table-cell " + (isClickableCell(column.FieldCode) ? 'table-link-cell' : ''),
       style: {
         color: getTableFormattingPropertyValue("TableCellFontColor"),
-        backgroundColor: getCellPropertyByRule(column, (_data$column$FieldCod4 = data[column.FieldCode]) === null || _data$column$FieldCod4 === void 0 ? void 0 : _data$column$FieldCod4.Value, 'RuleBackgroundColor'),
+        backgroundColor: getCellPropertyByRule(column, (_data$column$FieldCod6 = data[column.FieldCode]) === null || _data$column$FieldCod6 === void 0 ? void 0 : _data$column$FieldCod6.Value, 'RuleBackgroundColor'),
         fontSize: getTableFormattingPropertyValue("TableCellFontSize", "px"),
         "float": getCellFloatAlignment(column)
       }
-    }, column.DataTypeCode == "Percentage" ? (_data$column$FieldCod5 = data[column.FieldCode]) !== null && _data$column$FieldCod5 !== void 0 && _data$column$FieldCod5.Label ? ((_data$column$FieldCod6 = data[column.FieldCode]) === null || _data$column$FieldCod6 === void 0 ? void 0 : _data$column$FieldCod6.Label) + "%" : 0 + '%' : (_data$column$FieldCod7 = data[column.FieldCode]) === null || _data$column$FieldCod7 === void 0 ? void 0 : _data$column$FieldCod7.Label);
+    }, getColumnLabelText(data, column));
   };
 
   var headerTemplate = function headerTemplate(column) {
@@ -1633,15 +1654,21 @@ var PivotTable = React.forwardRef(function (props, comRef) {
       var pivotFields = [];
       e.columnFields.forEach(function (c, index) {
         var fieldValue = e.cell.columnPath[index];
-        pivotFields.push(_extends({}, c.fieldData, {
-          FieldValue: fieldValue
-        }));
+
+        if (fieldValue !== undefined) {
+          pivotFields.push(_extends({}, c.fieldData, {
+            FieldValue: fieldValue
+          }));
+        }
       });
       e.rowFields.forEach(function (r, index) {
         var fieldValue = e.cell.rowPath[index];
-        pivotFields.push(_extends({}, r.fieldData, {
-          FieldValue: fieldValue
-        }));
+
+        if (fieldValue !== undefined) {
+          pivotFields.push(_extends({}, r.fieldData, {
+            FieldValue: fieldValue
+          }));
+        }
       });
       props.customChartProps.onSelectDataPoint({
         MeasureFieldId: '',
@@ -1658,7 +1685,7 @@ var PivotTable = React.forwardRef(function (props, comRef) {
     var data = tabledata.current.PivotData.find(function (el) {
       return el[dataField] == datafieldValue;
     });
-    return data ? data[fieldName] : '---';
+    return data ? ConvertStringToPascalCaseHelper(data[fieldName]) : '';
   };
 
   var SortRowAndColumnHeaders = function SortRowAndColumnHeaders(a, b, field) {
@@ -1719,7 +1746,7 @@ var PivotTable = React.forwardRef(function (props, comRef) {
           sortingMethod: function sortingMethod(a, b) {
             return SortRowAndColumnHeaders(a, b, field);
           },
-          expanded: false,
+          expanded: true,
           wordWrapEnabled: true,
           fieldData: {
             FieldId: field.FieldId,
@@ -1739,7 +1766,7 @@ var PivotTable = React.forwardRef(function (props, comRef) {
           dataType: 'number',
           summaryType: 'sum',
           wordWrapEnabled: true,
-          caption: measure.MeasureCode == 'Sum' && typeof measure.DisplayName == 'string' ? measure.DisplayName.replace("Sum of ", "") : measure.DisplayName,
+          caption: measure.MeasureCode == 'Sum' && typeof measure.DisplayName == 'string' ? ConvertStringToPascalCaseHelper(measure.DisplayName.replace("Sum of ", "")) : ConvertStringToPascalCaseHelper(measure.DisplayName),
           format: function format(value) {
             return getNumberInSystemLocalFormat(value);
           }