logitude-dashboard-library 3.1.2 → 3.1.4

package/dist/index.js

@@ -140,14 +140,19 @@ var ApiServices = /*#__PURE__*/function () {
     });
   };
 
-  _proto.post = function post(api, date) {
+  _proto.post = function post(api, date, requestSignal) {
+    if (requestSignal === void 0) {
+      requestSignal = undefined;
+    }
+
     var token = this.getTokenFromStorage();
     var apiURL = "" + this._apiUrl + api;
     return axios.post(apiURL, date, {
       headers: {
         'Content-Type': 'application/json',
         'Token': token
-      }
+      },
+      signal: requestSignal
     });
   };
 
@@ -196,8 +201,13 @@ var DashboardAnalyticsService = /*#__PURE__*/function () {
 
   var _proto = DashboardAnalyticsService.prototype;
 
-  _proto.getData = function getData(widget) {
-    return this._ApiServices.post("/api/" + this.controller + "/PostGetDataAnalytic", widget);
+  _proto.getData = function getData(widget, signal) {
+    if (signal === void 0) {
+      signal = undefined;
+    }
+
+    console.log("signal >>>", signal);
+    return this._ApiServices.post("/api/" + this.controller + "/PostGetDataAnalytic", widget, signal);
   };
 
   _proto.getKpiData = function getKpiData(widget) {
@@ -1415,6 +1425,7 @@ var FusionChart = React.forwardRef(function (props, comRef) {
       resizeTimer = _useState4[0],
       setResizeTimer = _useState4[1];
 
+  var axiosController = React.useRef(new AbortController());
   var widget = React.useRef();
 
   var _useState5 = React.useState({}),
@@ -1434,6 +1445,7 @@ var FusionChart = React.forwardRef(function (props, comRef) {
   React.useEffect(function () {
     var _props$dataBinding;
 
+    axiosController.current = new AbortController();
     widget.current = props.widget;
     RefreshData();
     (_props$dataBinding = props.dataBinding) === null || _props$dataBinding === void 0 ? void 0 : _props$dataBinding.widgetUpdated.subscribe(function (updatedWidget) {
@@ -1450,7 +1462,16 @@ var FusionChart = React.forwardRef(function (props, comRef) {
     });
     window.addEventListener("resize", handleResize);
     return function () {
-      return window.removeEventListener("resize", handleResize);
+      var _axiosController$curr;
+
+      window.removeEventListener("resize", handleResize);
+      setDataLoaded(false);
+
+      if (axiosController && axiosController !== null && axiosController !== void 0 && (_axiosController$curr = axiosController.current) !== null && _axiosController$curr !== void 0 && _axiosController$curr.abort) {
+        var _axiosController$curr2;
+
+        axiosController === null || axiosController === void 0 ? void 0 : (_axiosController$curr2 = axiosController.current) === null || _axiosController$curr2 === void 0 ? void 0 : _axiosController$curr2.abort();
+      }
     };
   }, []);
 
@@ -1499,9 +1520,21 @@ var FusionChart = React.forwardRef(function (props, comRef) {
     var postWidget = _extends({}, widget.current);
 
     postWidget.onChange = undefined;
-    dashboardAnalyticsService.getData(postWidget).then(function (result) {
+    var signal = undefined;
+
+    if (axiosController) {
+      var _axiosController$curr3;
+
+      axiosController === null || axiosController === void 0 ? void 0 : (_axiosController$curr3 = axiosController.current) === null || _axiosController$curr3 === void 0 ? void 0 : _axiosController$curr3.abort();
+      var updatedAxiosController = new AbortController();
+      axiosController.current = updatedAxiosController;
+      signal = updatedAxiosController === null || updatedAxiosController === void 0 ? void 0 : updatedAxiosController.signal;
+    }
+
+    dashboardAnalyticsService.getData(postWidget, signal).then(function (result) {
       handleData(result === null || result === void 0 ? void 0 : result.data);
       chartData.current = result === null || result === void 0 ? void 0 : result.data;
+      setDataLoaded(true);
     }, function (error) {
       var _error$response, _error$response$data, _error$response2, _error$response2$data;