logitude-dashboard-library 1.4.80 → 1.4.82

package/dist/index.js

@@ -583,6 +583,14 @@ var TableChart = function TableChart(props) {
     });
   };
 
+  var getBooleanStringValue = function getBooleanStringValue(value) {
+    if (isNullOrUndefined(value)) return "";
+
+    var _value = value + "";
+
+    return _value.charAt(0).toUpperCase() + _value.slice(1);
+  };
+
   var getDateTimeValue = function getDateTimeValue(value) {
     if (!value) return value;
 
@@ -614,7 +622,7 @@ var TableChart = function TableChart(props) {
           var key = field.FieldCode;
           var valueType = field.DataTypeCode;
 
-          var _value = valueType && (valueType == "Date" || valueType == "DateTime") ? getDateTimeValue(item[key]) : item[key];
+          var _value = valueType && (valueType == "Date" || valueType == "DateTime") ? getDateTimeValue(item[key]) : valueType == "Boolean" ? getBooleanStringValue(item[key]) : item[key];
 
           _tableRow.push({
             value: _value
@@ -633,14 +641,14 @@ var TableChart = function TableChart(props) {
     }, "No data to display.") : React__default.createElement("table", null, React__default.createElement("thead", null, React__default.createElement("tr", null, tableData[0].map(function (el) {
       return React__default.createElement("th", {
         key: el.value
-      }, el.value ? el.value : '');
+      }, !isNullOrUndefined(el.value) ? el.value + "" : '');
     }))), React__default.createElement("tbody", null, tableData.map(function (el, index) {
       return index == 0 ? null : React__default.createElement("tr", {
         key: index
       }, el.map(function (item, index2) {
         return React__default.createElement("td", {
           key: index2 + "_" + el.value
-        }, item.value ? item.value : '');
+        }, !isNullOrUndefined(item.value) ? item.value + "" : '');
       }));
     })));
   };
@@ -733,7 +741,7 @@ function getSeriesPositionColor(position) {
 
 function buildToolTip(widget, value, seriesName, label, index) {
   var padding = widget.TypeCode == 'line' && index > 0 ? 'padding-top: 3px' : '';
-  return "\n    <div style=\"min-width: 108px;" + padding + "\">\n        <div style=\"display: flex;align-items: center;margin-bottom: 6px;\">\n            <span style=\"margin: 0; height: 10px; width: 10px; background-color: #A4A4A4; border-radius: 50%; display: inline-block;\"></span>\n            <p style=\" margin: 0; margin-left: 4px;font-family: 'Manrope'; font-style: normal;font-weight: 400; font-size: 11px; line-height: 100%;  color: #323232;  flex: none; order: 1;flex-grow: 0;\"> " + getTooltiplabel(label) + "</p>\n        </div>\n        <hr style=\"margin: 0;border-top: 1px solid #F0F0F0;\">\n        <div style=\"display: flex;align-items: center;margin:0;margin-top: 6px;\">\n            <p style=\"margin: 0;font-family: 'Manrope';font-style: normal;font-weight: 400; font-size: 11px;line-height: 100%;color: #A4A4A4;flex: none;order: 0;flex-grow: 0;\"> " + getMeasureType(seriesName) + "</p>\n            <p style=\"margin: 0;margin-left: 6px;font-family: 'Manrope';font-style: normal;font-weight: 500;font-size: 11px;line-height: 100%;  color: #323232;flex: none; order: 1;flex-grow: 0;\">" + getTooltipValue(value) + "</p>\n            " + getTooltipPercentage(widget) + " </div>\n    </div>\n    ";
+  return "\n    <div style=\"min-width: 108px;" + padding + "\">\n        <div style=\"display: flex;align-items: center;margin-bottom: 6px;\">\n            <span style=\"margin: 0; height: 10px; width: 10px; background-color: transparent; border-radius: 50%; display: inline-block;\"></span>\n            <p style=\" margin: 0; margin-left: 4px;font-family: 'Manrope'; font-style: normal;font-weight: 400; font-size: 11px; line-height: 100%;  color: #323232;  flex: none; order: 1;flex-grow: 0;\"> " + getTooltiplabel(label) + "</p>\n        </div>\n        <hr style=\"margin: 0;border-top: 1px solid #F0F0F0;\">\n        <div style=\"display: flex;align-items: center;margin:0;margin-top: 6px;\">\n            <p style=\"margin: 0;font-family: 'Manrope';font-style: normal;font-weight: 400; font-size: 11px;line-height: 100%;color: #A4A4A4;flex: none;order: 0;flex-grow: 0;\"> " + getMeasureType(seriesName) + "</p>\n            <p style=\"margin: 0;margin-left: 6px;font-family: 'Manrope';font-style: normal;font-weight: 500;font-size: 11px;line-height: 100%;  color: #323232;flex: none; order: 1;flex-grow: 0;\">" + getTooltipValue(value) + "</p>\n            " + getTooltipPercentage(widget) + " </div>\n    </div>\n    ";
 }
 
 function getTooltipPercentage(widget) {
@@ -1529,12 +1537,6 @@ var FusionChart = React.forwardRef(function (props, comRef) {
     });
   };
 
-  var renderComplete = function renderComplete(chart) {
-    setFchart(chart);
-  };
-
-  var drawComplete = function drawComplete(event) {};
-
   var _useResizeObserver = useResizeObserver({
     onResize: function onResize(_ref) {
       var width = _ref.width,
@@ -1544,6 +1546,29 @@ var FusionChart = React.forwardRef(function (props, comRef) {
   }),
       ref = _useResizeObserver.ref;
 
+  var renderComplete = function renderComplete(chart) {
+    setFchart(chart);
+  };
+
+  var dataplotRollOver = function dataplotRollOver(event, plotObj) {
+    var chartData = event.sender.getChartData();
+    var plotColor = plotObj.color;
+
+    if (chartData && chartData.dataset && chartData.dataset.length) {
+      chartData.dataset.forEach(function (el, index) {
+        if (index == plotObj.datasetIndex) {
+          el.data.forEach(function (item, index2) {
+            if (plotObj.dataIndex == index2 && item.tooltext && item.tooltext.replace) {
+              item.tooltext = item.tooltext.replace("transparent", plotColor);
+            }
+          });
+        }
+      });
+    }
+
+    event.sender.setChartData(chartData);
+  };
+
   return !dataLoaded ? React__default.createElement("div", {
     ref: progressRef,
     className: 'dl-full-hight dl-flex-content-center spinner-custome'
@@ -1565,7 +1590,7 @@ var FusionChart = React.forwardRef(function (props, comRef) {
   }, React__default.createElement(ReactFC, Object.assign({}, args, {
     "fcEvent-dataplotClick": dataplotClick,
     onRender: renderComplete,
-    "fcEvent-drawComplete": drawComplete
+    "fcEvent-dataplotRollOver": dataplotRollOver
   })))) : React__default.createElement("div", {
     className: "dl-flex-content-center dl-full-hight",
     style: {