logitude-dashboard-library 1.4.26 → 1.4.27

package/dist/features/Dashboard/ChartsComponents/FusionCharts/FusionChartHelper.d.ts

@@ -2,12 +2,9 @@ import { ChartObject } from "fusioncharts";
 import { ReactWidgetPM } from "../../../../types/widget";
 export declare class FusionChartHelper {
     private chart;
-    private dataSource;
     private widget;
+    private pieRadius;
     constructor(widget: ReactWidgetPM, chart: ChartObject);
+    getPieRadius(): number;
     trimChartLabels(chartWidth: number, chartHeight: number): void;
-    private IsInStep;
-    private getTrimedLabelText;
-    private trimString;
-    private numberBetween;
 }

package/dist/index.js

@@ -797,51 +797,42 @@ function getDefaultChartInfo(widget) {
   return chart;
 }
 
-function deepClone(obj) {
-  return JSON.parse(JSON.stringify(obj));
-}
-
 var FusionChartHelper = /*#__PURE__*/function () {
   function FusionChartHelper(widget, chart) {
     this.chart = chart;
     this.widget = widget;
-    this.dataSource = deepClone(chart.dataSource);
   }
 
   var _proto = FusionChartHelper.prototype;
 
+  _proto.getPieRadius = function getPieRadius() {
+    return this.pieRadius;
+  };
+
   _proto.trimChartLabels = function trimChartLabels(chartWidth, chartHeight) {
     var _this$chart;
 
     if (!this.widget || this.widget.TypeCode != "pie" && this.widget.TypeCode != "donut") return;
-    if (!this.chart || !this.dataSource) return;
+    if (!this.chart) return;
     var chartMinumunHeight = 236;
-    var startPercantage = 80;
+    var startPercantage = 70;
     var stepHeight = 60;
     var chartInfo = (_this$chart = this.chart) === null || _this$chart === void 0 ? void 0 : _this$chart.dataSource.chart;
     var step = Math.floor((chartHeight - chartMinumunHeight) / stepHeight);
     if (step < 0) step = 0;
     var pieRadius = startPercantage - step * 10;
     if (pieRadius < 60) pieRadius = 60;
-    chartInfo.pieRadius = pieRadius + "%";
-  };
 
-  _proto.IsInStep = function IsInStep(chartHeight, chartMinumunHeight, stepHeight, staySafeValue, step) {
-    return chartHeight < chartMinumunHeight + stepHeight * step - staySafeValue;
-  };
-
-  _proto.getTrimedLabelText = function getTrimedLabelText(label, chartWidth, chartHeight) {
-    return label;
-  };
-
-  _proto.trimString = function trimString(label, charCount) {
-    if (label.length <= charCount) return label;
-    if (charCount > label.length) return label;
-    return label.substring(0, charCount - 2) + "..";
-  };
+    if (window.innerWidth > 1700) {
+      this.pieRadius = pieRadius;
+      chartInfo.pieRadius = pieRadius + "%";
+      return;
+    }
 
-  _proto.numberBetween = function numberBetween(input, small, large) {
-    return input <= large && input >= small;
+    var reducedValue = Math.floor((1700 - window.innerWidth) / 100) + 1;
+    pieRadius = pieRadius - reducedValue * 5;
+    this.pieRadius = pieRadius;
+    chartInfo.pieRadius = pieRadius + "%";
   };
 
   return FusionChartHelper;
@@ -872,7 +863,6 @@ var FusionChart = React.forwardRef(function (props, comRef) {
       setFchart = _useState4[1];
 
   var id = (Math.random() + 1).toString(36).substring(7);
-  var entered = React.useRef(false);
   var progressRef = React.useRef(null);
   var fusionRef = React.useRef(null);
   var fusionChartHelper = React.useRef();
@@ -882,25 +872,46 @@ var FusionChart = React.forwardRef(function (props, comRef) {
       RefreshData();
     }, 500);
   }, []);
+  React.useEffect(function () {
+    var timeout;
+
+    var handleResize = function handleResize() {
+      clearTimeout(timeout);
+      timeout = setTimeout(function () {
+        HandleSizeChange();
+      }, 200);
+    };
+
+    window.addEventListener("resize", handleResize);
+    return function () {
+      return window.removeEventListener("resize", handleResize);
+    };
+  }, []);
   React.useImperativeHandle(comRef, function () {
     return {
       onResizeFinish: function onResizeFinish() {
-        var _widget$current, _widget$current2;
-
-        if (!widget || ((_widget$current = widget.current) === null || _widget$current === void 0 ? void 0 : _widget$current.TypeCode) != "pie" && ((_widget$current2 = widget.current) === null || _widget$current2 === void 0 ? void 0 : _widget$current2.TypeCode) != "donut") return;
-        setTimeout(function () {
-          var _fusionChartHelper$cu, _fusionRef$current, _fusionRef$current2;
-
-          fusionChartHelper === null || fusionChartHelper === void 0 ? void 0 : (_fusionChartHelper$cu = fusionChartHelper.current) === null || _fusionChartHelper$cu === void 0 ? void 0 : _fusionChartHelper$cu.trimChartLabels(fusionRef === null || fusionRef === void 0 ? void 0 : (_fusionRef$current = fusionRef.current) === null || _fusionRef$current === void 0 ? void 0 : _fusionRef$current.offsetWidth, fusionRef === null || fusionRef === void 0 ? void 0 : (_fusionRef$current2 = fusionRef.current) === null || _fusionRef$current2 === void 0 ? void 0 : _fusionRef$current2.offsetHeight);
-          setDataLoaded(false);
-          setTimeout(function () {
-            setDataLoaded(true);
-          }, 100);
-        }, 100);
+        HandleSizeChange();
       }
     };
   });
 
+  var HandleSizeChange = function HandleSizeChange() {
+    var _widget$current, _widget$current2;
+
+    if (!widget || ((_widget$current = widget.current) === null || _widget$current === void 0 ? void 0 : _widget$current.TypeCode) != "pie" && ((_widget$current2 = widget.current) === null || _widget$current2 === void 0 ? void 0 : _widget$current2.TypeCode) != "donut") return;
+    setTimeout(function () {
+      var _fusionChartHelper$cu, _fusionChartHelper$cu2, _fusionRef$current, _fusionRef$current2, _fusionChartHelper$cu3;
+
+      var oldPieRadius = fusionChartHelper === null || fusionChartHelper === void 0 ? void 0 : (_fusionChartHelper$cu = fusionChartHelper.current) === null || _fusionChartHelper$cu === void 0 ? void 0 : _fusionChartHelper$cu.getPieRadius();
+      fusionChartHelper === null || fusionChartHelper === void 0 ? void 0 : (_fusionChartHelper$cu2 = fusionChartHelper.current) === null || _fusionChartHelper$cu2 === void 0 ? void 0 : _fusionChartHelper$cu2.trimChartLabels(fusionRef === null || fusionRef === void 0 ? void 0 : (_fusionRef$current = fusionRef.current) === null || _fusionRef$current === void 0 ? void 0 : _fusionRef$current.offsetWidth, fusionRef === null || fusionRef === void 0 ? void 0 : (_fusionRef$current2 = fusionRef.current) === null || _fusionRef$current2 === void 0 ? void 0 : _fusionRef$current2.offsetHeight);
+      if (oldPieRadius == (fusionChartHelper === null || fusionChartHelper === void 0 ? void 0 : (_fusionChartHelper$cu3 = fusionChartHelper.current) === null || _fusionChartHelper$cu3 === void 0 ? void 0 : _fusionChartHelper$cu3.getPieRadius())) return;
+      setDataLoaded(false);
+      setTimeout(function () {
+        setDataLoaded(true);
+      }, 100);
+    }, 100);
+  };
+
   var RefreshData = function RefreshData() {
     var dashboardAnalyticsService = new DashboardAnalyticsService();
 
@@ -1112,6 +1123,10 @@ var WidgetCard = React.forwardRef(function (props, comRef) {
   }
 });
 
+function deepClone(obj) {
+  return JSON.parse(JSON.stringify(obj));
+}
+
 var ResponsiveReactGridLayout = reactGridLayout.WidthProvider(reactGridLayout.Responsive);
 
 var DashboardDesigner = function DashboardDesigner(props) {