logitude-dashboard-library 1.3.84 → 1.3.86

package/dist/features/Dashboard/ChartsComponents/FusionChartObjectBuilder.d.ts

@@ -1,4 +1,4 @@
 import { ChartObject } from "fusioncharts";
 import { SeriesMeasure } from "../../../types/SeriesMeasure";
 import { FusionChartProps } from "./FusionChart";
-export declare function BuildFusionChartObject(seriesMeasures: SeriesMeasure[], props: FusionChartProps): ChartObject;
+export declare function BuildFusionChartObject(seriesMeasures: SeriesMeasure[], props: FusionChartProps, id: string): ChartObject;

package/dist/features/Dashboard/ChartsComponents/FusionChartTest.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function FusionChartTest(): JSX.Element;
+export default FusionChartTest;

package/dist/index.js

@@ -10,7 +10,7 @@ var overlaypanel = require('primereact/overlaypanel');
 var progressspinner = require('primereact/progressspinner');
 var ReactFC = _interopDefault(require('react-fusioncharts'));
 var FusionCharts = _interopDefault(require('fusioncharts'));
-var Charts = _interopDefault(require('fusioncharts/fusioncharts.charts'));
+var Column2D = _interopDefault(require('fusioncharts/fusioncharts.charts'));
 var FusionTheme = _interopDefault(require('fusioncharts/themes/fusioncharts.theme.fusion'));
 var useResizeObserver = _interopDefault(require('use-resize-observer'));
 
@@ -349,247 +349,57 @@ var CustomChart = function CustomChart(props) {
   }, project());
 };
 
-function BuildFusionChartObject(seriesMeasures, props) {
-  var _props$widget;
-
-  handelNullLabels(seriesMeasures);
-  var defaultChart = getDefaultChartobject(seriesMeasures, props);
-
-  switch ((_props$widget = props.widget) === null || _props$widget === void 0 ? void 0 : _props$widget.TypeCode) {
-    case 'bar':
-      return getBarObject(seriesMeasures, defaultChart);
-
-    case 'line':
-      return getLineObject(seriesMeasures, defaultChart);
-
-    case 'pie':
-      return getPieObject(seriesMeasures, defaultChart);
-
-    case 'donut':
-      return getDonutObject(seriesMeasures, defaultChart);
-
-    default:
-      return defaultChart;
-  }
-}
-
-function handelNullLabels(seriesMeasures) {
-  seriesMeasures.forEach(function (element) {
-    element.SeriesMeasureVulues.forEach(function (value) {
-      if (!value.Label || value.Label == '') value.Label = 'Not defined';
-    });
-  });
-}
-
-function getBarObject(seriesMeasures, chart) {
-  chart.type = "scrollbar2d";
-  return chart;
-}
-
-function getLineObject(seriesMeasures, chart) {
-  chart.type = "scrollline2d";
-  return chart;
-}
-
-function getDonutObject(seriesMeasures, chart) {
-  chart.type = "doughnut2d";
-  return chart;
-}
-
-function getPieObject(seriesMeasures, chart) {
-  chart.type = "pie2d";
-  return chart;
-}
-
-function getDefaultChartobject(seriesMeasures, props) {
-  var chart = {};
-  chart.type = "column2d";
-  chart.width = "100%";
-  chart.height = "80%";
-  chart.dataFormat = "json";
-  buildChartDataSource(chart, props, seriesMeasures);
-  return chart;
-}
-
-function buildChartDataSource(chart, props, seriesMeasures) {
-  var _props$widget2, _props$widget3, _props$widget4;
-
-  if (!seriesMeasures || !seriesMeasures[0]) return;
-  var chartinfo = {
-    caption: (_props$widget2 = props.widget) === null || _props$widget2 === void 0 ? void 0 : _props$widget2.Title,
-    theme: "fusion",
-    scrollHeight: "5",
-    scrollWidth: "5",
-    scrollPadding: "8",
-    flatScrollBars: "1",
-    enableSlicing: "0",
-    showLegend: "0"
-  };
-
-  if (((_props$widget3 = props.widget) === null || _props$widget3 === void 0 ? void 0 : _props$widget3.TypeCode) == "bar" || ((_props$widget4 = props.widget) === null || _props$widget4 === void 0 ? void 0 : _props$widget4.TypeCode) == "line") {
-    chart.dataSource = {
-      chart: chartinfo,
-      categories: buildCategories(seriesMeasures),
-      dataset: buildDataSet(seriesMeasures)
-    };
-    return;
+ReactFC.fcRoot(FusionCharts, Column2D, FusionTheme);
+var chartData = [{
+  label: "Venezuela",
+  value: "290"
+}, {
+  label: "Saudi",
+  value: "260"
+}, {
+  label: "Canada",
+  value: "180"
+}, {
+  label: "Iran",
+  value: "140"
+}, {
+  label: "Russia",
+  value: "115"
+}, {
+  label: "UAE",
+  value: "100"
+}, {
+  label: "US",
+  value: "30"
+}, {
+  label: "China",
+  value: "30"
+}];
+var chartConfigs = {
+  type: "column2d",
+  width: "100%",
+  height: "80%",
+  dataFormat: "json",
+  dataSource: {
+    chart: {
+      caption: "Countries With Most Oil Reserves [2017-18]",
+      subCaption: "In MMbbl = One Million barrels",
+      xAxisName: "Country",
+      yAxisName: "Reserves (MMbbl)",
+      numberSuffix: "K",
+      theme: "fusion"
+    },
+    data: chartData
   }
+};
 
-  chart.dataSource = {
-    chart: chartinfo,
-    data: buildDataSource(seriesMeasures)
-  };
-}
-
-function buildDataSource(values) {
-  var data = [];
-  if (!values || !values[0]) return data;
-  data = values[0].SeriesMeasureVulues.map(function (e) {
-    return {
-      value: e.Value,
-      label: e.Label,
-      id: {
-        GroupById: e.GroupById,
-        MeasureFieldId: values[0].MeasureFieldId
-      }
-    };
-  });
-  return data;
-}
-
-function buildDataSet(seriesMeasures) {
-  var dataSet = [];
-  var position = 1;
-  seriesMeasures.forEach(function (seriesMeasure) {
-    var datas = seriesMeasure.SeriesMeasureVulues.map(function (e) {
-      return {
-        value: e.Value,
-        id: {
-          GroupById: e.GroupById,
-          MeasureFieldId: seriesMeasure.MeasureFieldId
-        }
-      };
-    });
-    dataSet.push({
-      data: datas,
-      seriesname: "series-" + position
-    });
-    position++;
-  });
-  return dataSet;
-}
-
-function buildCategories(seriesMeasures) {
-  var categories = seriesMeasures[0].SeriesMeasureVulues.map(function (e) {
-    return {
-      label: e.Label
-    };
-  });
-  var result = [];
-  result.push({
-    category: categories
-  });
-  return result;
-}
-
-ReactFC.fcRoot(FusionCharts, Charts, FusionTheme);
-
-var FusionChart = function FusionChart(props) {
-  var _useState = React.useState(false),
-      isView = _useState[0],
-      setisView = _useState[1];
-
-  var _useState2 = React.useState(false),
-      viewError = _useState2[0],
-      setViewError = _useState2[1];
-
-  var isLoadingDrow = React.useRef(true);
-  var widget = React.useRef();
-  var widgetRef = React.useRef();
-  var isDataLoaded = React.useRef(false);
-  var hasDataError = React.useRef(false);
-
-  var _useState3 = React.useState(''),
-      error = _useState3[0],
-      setError = _useState3[1];
-
-  var _useState4 = React.useState({}),
-      args = _useState4[0],
-      setArgs = _useState4[1];
-
-  var _useState5 = React.useState({}),
-      fChart = _useState5[0],
-      setFchart = _useState5[1];
+function FusionChartTest() {
+  var _useState = React.useState({}),
+      fChart = _useState[0],
+      setFchart = _useState[1];
 
   var entered = React.useRef(false);
-  React.useEffect(function () {
-    var _props$dataBinding;
-
-    setTimeout(function () {
-      isLoadingDrow.current = false;
-      updateView();
-    }, 500);
-    widget.current = props.widget;
-    (_props$dataBinding = props.dataBinding) === null || _props$dataBinding === void 0 ? void 0 : _props$dataBinding.onEditWidget.subscribe(function (e) {
-      var _widget$current;
-
-      if (e.key == ((_widget$current = widget.current) === null || _widget$current === void 0 ? void 0 : _widget$current.key)) {
-        Tools.Map(e, widget.current);
-        RefreshData();
-      }
-    });
-  }, []);
-
-  var updateView = function updateView() {
-    if (isDataLoaded.current && !isLoadingDrow.current && !hasDataError.current) {
-      setisView(true);
-      setViewError(false);
-    }
-
-    if (isDataLoaded.current && !isLoadingDrow.current && hasDataError.current) {
-      setisView(false);
-      setViewError(true);
-    }
-  };
-
-  React.useEffect(function () {
-    widgetRef.current = props.widgetRef;
-    RefreshData();
-  }, []);
-  React.useEffect(function () {
-    widgetRef.current = props.widgetRef;
-  }, [props.widgetRef]);
-
-  var RefreshData = function RefreshData() {
-    var dashboardAnalyticsService = new DashboardAnalyticsService();
-
-    var postWidget = _extends({}, widget.current);
-
-    postWidget.onChange = undefined;
-    dashboardAnalyticsService.getData(postWidget).then(function (result) {
-      isDataLoaded.current = true;
-      hasDataError.current = false;
-      updateView();
-      var chart = BuildFusionChartObject(result.data, props);
-      setArgs(chart);
-    }, function (error) {
-      var _error$response, _error$response$data, _error$response2, _error$response2$data;
-
-      console.log('error', error);
-      if (error !== null && error !== void 0 && (_error$response = error.response) !== null && _error$response !== void 0 && (_error$response$data = _error$response.data) !== null && _error$response$data !== void 0 && _error$response$data.ErrorMessage) setError(error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$data = _error$response2.data) === null || _error$response2$data === void 0 ? void 0 : _error$response2$data.ErrorMessage);else setError(error.message);
-      isDataLoaded.current = true;
-      hasDataError.current = true;
-      updateView();
-    });
-  };
-
-  var dataplotClick = function dataplotClick(eventObj, dataObj) {
-    props.onSelectDataPoint({
-      GroupById: dataObj.id.groupbyid,
-      MeasureFieldId: dataObj.id.measurefieldid,
-      Widget: props.widget
-    });
-  };
+  var id = (Math.random() + 1).toString(36).substring(7);
 
   var renderComplete = function renderComplete(chart) {
     setFchart(chart);
@@ -610,32 +420,14 @@ var FusionChart = function FusionChart(props) {
   }),
       ref = _useResizeObserver.ref;
 
-  return !isView && !viewError ? React__default.createElement("div", {
-    className: 'dl-full-hight dl-flex-content-center spinner-custome'
-  }, React__default.createElement(progressspinner.ProgressSpinner, {
-    style: {
-      width: '100px',
-      height: '100px'
-    },
-    strokeWidth: "4",
-    animationDuration: "2s"
-  })) : isView ? React__default.createElement("div", {
+  return React__default.createElement("div", {
     className: 'db-fc-container',
-    ref: ref
-  }, React__default.createElement(ReactFC, Object.assign({}, args, {
-    "fcEvent-dataplotClick": dataplotClick,
+    ref: ref,
+    id: id
+  }, React__default.createElement(ReactFC, Object.assign({}, chartConfigs, {
     onRender: renderComplete
-  }))) : React__default.createElement("div", {
-    className: "dl-flex-content-center dl-full-hight "
-  }, React__default.createElement("div", {
-    className: "dl-tooltip"
-  }, React__default.createElement("img", {
-    width: 100,
-    src: "https://www.seekpng.com/png/full/334-3345964_error-icon-png.png"
-  }), React__default.createElement("span", {
-    className: "dl-tooltiptext"
-  }, error)));
-};
+  })));
+}
 
 var WidgetCard = function WidgetCard(props, state) {
   var _props$widget2;
@@ -684,12 +476,7 @@ var WidgetCard = function WidgetCard(props, state) {
     widget: props.widget,
     widgetRef: props.widgetRef,
     onSelectDataPoint: props.onSelectDataPoint
-  }) : React__default.createElement(FusionChart, {
-    dataBinding: props.dataBinding,
-    widget: props.widget,
-    widgetRef: props.widgetRef,
-    onSelectDataPoint: props.onSelectDataPoint
-  })));
+  }) : React__default.createElement(FusionChartTest, null)));
 };
 
 function deepClone(obj) {