logitude-dashboard-library 3.1.6 → 3.1.7

package/dist/index.js

@@ -700,78 +700,6 @@ var CustomChart = function CustomChart(props) {
   }, project());
 };
 
-var plotColorsDictionary = {
-  plotColor0: "#369CFB",
-  plotColor1: "#4AC76F",
-  plotColor2: "#F6CF33",
-  plotColor3: "#32C7C7",
-  plotColor4: "#935BE0",
-  plotColor5: "#FAAD14",
-  plotColor6: "#EE5F77",
-  plotColor7: "#5D62B5",
-  plotColor8: "#29C3BE",
-  plotColor9: "#F2726F",
-  plotColor10: "#FFC533",
-  plotColor11: "#62B58F",
-  plotColor12: "#BC95DF",
-  plotColor13: "#67CDF2"
-};
-
-var getPlotColorByIndexOrder = function getPlotColorByIndexOrder(index) {
-  var _index = index;
-
-  if (_index >= 14) {
-    _index = _index % 14;
-  }
-
-  switch (_index) {
-    case 0:
-      return plotColorsDictionary.plotColor0;
-
-    case 1:
-      return plotColorsDictionary.plotColor1;
-
-    case 2:
-      return plotColorsDictionary.plotColor2;
-
-    case 3:
-      return plotColorsDictionary.plotColor3;
-
-    case 4:
-      return plotColorsDictionary.plotColor4;
-
-    case 5:
-      return plotColorsDictionary.plotColor5;
-
-    case 6:
-      return plotColorsDictionary.plotColor6;
-
-    case 7:
-      return plotColorsDictionary.plotColor7;
-
-    case 8:
-      return plotColorsDictionary.plotColor8;
-
-    case 9:
-      return plotColorsDictionary.plotColor9;
-
-    case 10:
-      return plotColorsDictionary.plotColor10;
-
-    case 11:
-      return plotColorsDictionary.plotColor11;
-
-    case 12:
-      return plotColorsDictionary.plotColor12;
-
-    case 13:
-      return plotColorsDictionary.plotColor13;
-
-    default:
-      return "#0566c2";
-  }
-};
-
 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: 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    ";
@@ -872,7 +800,6 @@ function buildDataSource(values, widget) {
 
 function buildDataSet(seriesMeasures, widget) {
   var dataSet = [];
-  var seriesPosition = 1;
   seriesMeasures.forEach(function (seriesMeasure) {
     var datas = seriesMeasure.Values.map(function (e, index) {
       return {
@@ -886,18 +813,16 @@ function buildDataSet(seriesMeasures, widget) {
         tooltext: buildToolTip(widget, e.Value, seriesMeasure, null, index)
       };
     });
-    var color = getPlotColorByIndexOrder(seriesPosition);
     dataSet.push({
       data: datas,
       seriesname: seriesMeasure.Name,
-      anchorBgColor: color,
+      anchorBgColor: "inherit",
       anchorBorderColor: "#FFFFFF",
       anchorBorderThickness: "2",
-      anchorHoverColor: color,
+      anchorHoverColor: "inherit",
       parentyaxis: seriesMeasure.PlotasLineChart && seriesMeasure.PlotonSecondAxis ? 'S' : "P",
       renderAs: seriesMeasure.PlotasLineChart ? 'line' : "column"
     });
-    seriesPosition++;
   });
   return dataSet;
 }
@@ -1421,6 +1346,78 @@ var FusionChartHelper = /*#__PURE__*/function () {
   return FusionChartHelper;
 }();
 
+var plotColorsDictionary = {
+  plotColor0: "#369CFB",
+  plotColor1: "#4AC76F",
+  plotColor2: "#F6CF33",
+  plotColor3: "#32C7C7",
+  plotColor4: "#935BE0",
+  plotColor5: "#FAAD14",
+  plotColor6: "#EE5F77",
+  plotColor7: "#5D62B5",
+  plotColor8: "#29C3BE",
+  plotColor9: "#F2726F",
+  plotColor10: "#FFC533",
+  plotColor11: "#62B58F",
+  plotColor12: "#BC95DF",
+  plotColor13: "#67CDF2"
+};
+
+var getPlotColorByIndexOrder = function getPlotColorByIndexOrder(index) {
+  var _index = index;
+
+  if (_index >= 14) {
+    _index = _index % 14;
+  }
+
+  switch (_index) {
+    case 0:
+      return plotColorsDictionary.plotColor0;
+
+    case 1:
+      return plotColorsDictionary.plotColor1;
+
+    case 2:
+      return plotColorsDictionary.plotColor2;
+
+    case 3:
+      return plotColorsDictionary.plotColor3;
+
+    case 4:
+      return plotColorsDictionary.plotColor4;
+
+    case 5:
+      return plotColorsDictionary.plotColor5;
+
+    case 6:
+      return plotColorsDictionary.plotColor6;
+
+    case 7:
+      return plotColorsDictionary.plotColor7;
+
+    case 8:
+      return plotColorsDictionary.plotColor8;
+
+    case 9:
+      return plotColorsDictionary.plotColor9;
+
+    case 10:
+      return plotColorsDictionary.plotColor10;
+
+    case 11:
+      return plotColorsDictionary.plotColor11;
+
+    case 12:
+      return plotColorsDictionary.plotColor12;
+
+    case 13:
+      return plotColorsDictionary.plotColor13;
+
+    default:
+      return "#0566c2";
+  }
+};
+
 ReactFC.fcRoot(FusionCharts, Charts, FusionTheme);
 FusionCharts.options['license']({
   key: 'prD4C-8eiA7A3A3C7E6G4B4A3J4C7B2D3D2nyqE1C3fd1npaE4D4tlA-21D7E4F4F1F1E1F4F1A10A8C2C5F5E2F2D1hwqD1B5D1aG4A19A32twbC6D3G4lhJ-7A9C11A5B-13ddA2I3A1B9B3D7A2B4G2H3H1F-7smC8B2XB4cetB8A7A5mxD3SG4F2tvgB2A3B2E4C3I3C7B3A4A3A2D3D2G4J-7==',
@@ -1604,9 +1601,19 @@ var FusionChart = React.forwardRef(function (props, comRef) {
     setFchart(chart);
   };
 
-  var loaded = function loaded(event) {
-    var chartData = event.sender.getChartData();
+  var handlePieDonutChartTooltip = function handlePieDonutChartTooltip(chartData) {
+    if (chartData && chartData.data && chartData.data.length) {
+      chartData.data.forEach(function (item, index) {
+        var color = getPlotColorByIndexOrder(index);
+        item.tooltext = item.tooltext.replaceAll("transparent", color);
+      });
+      setArgs(_extends({}, args, {
+        dataSource: chartData
+      }));
+    }
+  };
 
+  var handleOtherChartsTooltip = function handleOtherChartsTooltip(chartData) {
     if (chartData && chartData.dataset && chartData.dataset.length) {
       chartData.dataset.forEach(function (el, index) {
         el.data.forEach(function (item) {
@@ -1614,9 +1621,23 @@ var FusionChart = React.forwardRef(function (props, comRef) {
           item.tooltext = item.tooltext.replaceAll("transparent", color);
         });
       });
+      setArgs(_extends({}, args, {
+        dataSource: chartData
+      }));
     }
+  };
 
-    setArgs(_extends({}, chartData));
+  var loaded = function loaded(event) {
+    var _widget$current6, _widget$current7;
+
+    var chartData = event.sender.args && event.sender.args.dataSource ? event.sender.args.dataSource : null;
+    var isPieOrDonutChart = ((_widget$current6 = widget.current) === null || _widget$current6 === void 0 ? void 0 : _widget$current6.TypeCode) == 'pie' || ((_widget$current7 = widget.current) === null || _widget$current7 === void 0 ? void 0 : _widget$current7.TypeCode) == 'donut';
+
+    if (isPieOrDonutChart) {
+      handlePieDonutChartTooltip(chartData);
+    } else {
+      handleOtherChartsTooltip(chartData);
+    }
   };
 
   return !dataLoaded ? React__default.createElement("div", {
@@ -1634,11 +1655,10 @@ var FusionChart = React.forwardRef(function (props, comRef) {
     ref: fusionRef
   }, React__default.createElement("div", {
     className: 'db-fc-container',
+    key: fusionKey,
     ref: ref,
     id: chartContainerId
-  }, React__default.createElement(ReactFC, Object.assign({
-    key: fusionKey
-  }, args, {
+  }, React__default.createElement(ReactFC, Object.assign({}, args, {
     "fcEvent-dataplotClick": dataplotClick,
     "fcEvent-loaded": loaded,
     onRender: renderComplete