amazing-react-charts 1.0.5 → 1.0.7

package/core/area-chart/AreaChart.js

@@ -14,6 +14,7 @@ var _commonStyles = require("../../commonStyles");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AreaChart = function AreaChart(props) {
+  var _toolboxTooltip$saveA, _toolboxTooltip$dataV;
   var data = props.data,
     xType = props.xType,
     color = props.color,
@@ -49,7 +50,7 @@ var AreaChart = function AreaChart(props) {
   };
   var formatLabel = function formatLabel(chartValues) {
     var data = chartValues.data;
-    return yType === 'time' ? (0, _auxiliarFunctions.timeConvert)(Number(data)).toString() + 'h' : (0, _auxiliarFunctions.takeLabelComplement)(Number(data), yComplement).toString();
+    return yType === 'time' ? (0, _auxiliarFunctions.timeConvert)(Number(data)).toString() + 'h' : (0, _auxiliarFunctions.takeLabelComplement)(Number(data), yComplement !== null && yComplement !== void 0 ? yComplement : '').toString();
   };
   var dinamicData = function dinamicData(item, charts) {
     var isTime = yType === 'time' ? 3400 : 4500;
@@ -78,19 +79,19 @@ var AreaChart = function AreaChart(props) {
     });
   };
   var formatSingleTooltip = function formatSingleTooltip(chartValues) {
-    var label = tooltipProps.label,
-      result = tooltipProps.result;
+    var label = tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.label;
+    var result = tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.result;
     var _chartValues$ = chartValues[0],
       axisValueLabel = _chartValues$.axisValueLabel,
       data = _chartValues$.data;
     var complement = tooltipComplement ? tooltipComplement : '';
-    var values = yType === 'time' ? (0, _auxiliarFunctions.timeConvert)(Number(data)) + 'h' : (0, _auxiliarFunctions.takeLabelComplement)(Number(data), yComplement);
-    return "".concat(label, ": ").concat((0, _auxiliarFunctions.formatTooltip)(axisValueLabel, dateFormat), " <br>\n      ").concat(result, ": ").concat(values, " <br> \n      ").concat(complement);
+    var values = yType === 'time' ? (0, _auxiliarFunctions.timeConvert)(Number(data)) + 'h' : (0, _auxiliarFunctions.takeLabelComplement)(Number(data), yComplement !== null && yComplement !== void 0 ? yComplement : '');
+    return "".concat(label, ": ").concat((0, _auxiliarFunctions.formatTooltip)(axisValueLabel, dateFormat), " <br>\n      ").concat(result, ": ").concat(values, " <br>\n      ").concat(complement);
   };
   var toolbox = toolboxTooltip && _objectSpread(_objectSpread({}, _commonStyles.TOOLBOX_DEFAULT_PROPS), {}, {
     feature: {
-      saveAsImage: toolboxTooltip && toolboxTooltip.saveAsImage && (0, _auxiliarFunctions.getSaveAsImage)(toolboxTooltip.saveAsImage.title),
-      dataView: toolboxTooltip.dataView && (0, _auxiliarFunctions.getDataView)(toolboxTooltip.dataView.title)
+      saveAsImage: toolboxTooltip.saveAsImage && (0, _auxiliarFunctions.getSaveAsImage)((_toolboxTooltip$saveA = toolboxTooltip.saveAsImage.title) !== null && _toolboxTooltip$saveA !== void 0 ? _toolboxTooltip$saveA : ''),
+      dataView: toolboxTooltip.dataView && (0, _auxiliarFunctions.getDataView)((_toolboxTooltip$dataV = toolboxTooltip.dataView.title) !== null && _toolboxTooltip$dataV !== void 0 ? _toolboxTooltip$dataV : '')
     }
   });
   var zoomEvent = {
@@ -115,6 +116,8 @@ var AreaChart = function AreaChart(props) {
     }
   }] : [];
   var options = {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
     series: [{
       type: 'line',
       data: yData,
@@ -123,7 +126,15 @@ var AreaChart = function AreaChart(props) {
           if (typeof yComplement === 'function' && (0, _typeof2["default"])(item) === 'object') {
             return yComplement(item.data);
           }
-          typeof yComplement === 'function' ? yComplement : formatLabel;
+          if (typeof yComplement === 'function') {
+            return yComplement;
+          }
+
+          // this can't be returned
+          // it breaks the labels
+          // eslint-disable-next-line @stylistic/max-len
+          // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+          formatLabel;
         },
         show: true,
         position: 'top',
@@ -169,7 +180,7 @@ var AreaChart = function AreaChart(props) {
       },
       axisLabel: {
         formatter: function formatter(item) {
-          return xType === 'time' ? (0, _auxiliarFunctions.formatTime)(item, (0, _auxiliarFunctions.getDateFormatType)(dateFormat)) : item;
+          return xType === 'time' ? (0, _auxiliarFunctions.formatTime)(item, (0, _auxiliarFunctions.getDateFormatType)(dateFormat || 'yyyy-MM')) : item;
         },
         rotate: rotateLabel || 0,
         fontFamily: 'Roboto, Helvetica, Arial, sans-serif',
@@ -191,7 +202,7 @@ var AreaChart = function AreaChart(props) {
       axisLabel: {
         margin: yType === 'time' ? 16 : 14,
         formatter: function formatter(item) {
-          return yType === 'time' ? (0, _auxiliarFunctions.timeConvert)(item) + 'h' : (0, _auxiliarFunctions.takeLabelComplement)(item, yComplement).toString();
+          return yType === 'time' ? (0, _auxiliarFunctions.timeConvert)(item) + 'h' : (0, _auxiliarFunctions.takeLabelComplement)(item, yComplement !== null && yComplement !== void 0 ? yComplement : '').toString();
         },
         fontFamily: 'Roboto, Helvetica, Arial, sans-serif',
         fontSize: fontLabelSize || 11.5,

package/core/audiometry-chart/AudiometryChart.d.ts

@@ -8,7 +8,7 @@ export interface IProps extends Omit<IDefaultChartProps, 'data'> {
     colors?: string[];
     legendsPosition?: 'top' | 'bottom';
     legendGap?: number;
-    legendType: 'scroll' | 'plain';
+    legendType?: 'scroll' | 'plain';
     legends?: TSimpleLegend[];
     legendPadding?: number;
     legendItemWidth?: number;

package/core/audiometry-chart/AudiometryChart.js

@@ -22,6 +22,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var X_FIXED_DATA = ['.25', '.5', '1', '2', '3', '4', '6', '8'];
 var AudiometryChart = function AudiometryChart(props) {
+  var _toolboxTooltip$saveA, _toolboxTooltip$saveA2, _toolboxTooltip$dataV;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     title = _useState2[0],
@@ -50,7 +51,7 @@ var AudiometryChart = function AudiometryChart(props) {
     height: height || 400
   };
   (0, _react.useEffect)(function () {
-    if (toolboxTooltip && toolboxTooltip.saveAsImageWithTitle) {
+    if (toolboxTooltip !== null && toolboxTooltip !== void 0 && toolboxTooltip.saveAsImageWithTitle) {
       setTitle(false);
     } else {
       setTitle(true);
@@ -96,15 +97,15 @@ var AudiometryChart = function AudiometryChart(props) {
       } : {};
     }, X_FIXED_DATA, item);
   };
-  var myTool = toolboxTooltip && toolboxTooltip.saveAsImageWithTitle && {
-    myTool: (0, _auxiliarFunctions.getSaveAsImageWithTitle)(toolboxTooltip.saveAsImageWithTitle.title, handleShowTitle)
+  var myTool = (toolboxTooltip === null || toolboxTooltip === void 0 ? void 0 : toolboxTooltip.saveAsImageWithTitle) && {
+    myTool: (0, _auxiliarFunctions.getSaveAsImageWithTitle)((_toolboxTooltip$saveA = toolboxTooltip.saveAsImageWithTitle.title) !== null && _toolboxTooltip$saveA !== void 0 ? _toolboxTooltip$saveA : '', handleShowTitle)
   };
-  var saveAsImage = toolboxTooltip && toolboxTooltip.saveAsImage && {
-    saveAsImage: (0, _auxiliarFunctions.getSaveAsImage)(toolboxTooltip.saveAsImage.title)
+  var saveAsImage = (toolboxTooltip === null || toolboxTooltip === void 0 ? void 0 : toolboxTooltip.saveAsImage) && {
+    saveAsImage: (0, _auxiliarFunctions.getSaveAsImage)((_toolboxTooltip$saveA2 = toolboxTooltip.saveAsImage.title) !== null && _toolboxTooltip$saveA2 !== void 0 ? _toolboxTooltip$saveA2 : '')
   };
   var toolbox = toolboxTooltip && _objectSpread(_objectSpread({}, _commonStyles.TOOLBOX_DEFAULT_PROPS), {}, {
     feature: _objectSpread(_objectSpread(_objectSpread({}, myTool), saveAsImage), {}, {
-      dataView: toolboxTooltip.dataView && (0, _auxiliarFunctions.getDataView)(toolboxTooltip.dataView.title)
+      dataView: toolboxTooltip.dataView && (0, _auxiliarFunctions.getDataView)((_toolboxTooltip$dataV = toolboxTooltip.dataView.title) !== null && _toolboxTooltip$dataV !== void 0 ? _toolboxTooltip$dataV : '')
     })
   });
   var tooltip = {
@@ -127,7 +128,7 @@ var AudiometryChart = function AudiometryChart(props) {
   });
   var removedUndefinedMarks = (0, _map["default"])(function (item) {
     return (0, _filter["default"])(function (serie) {
-      return (serie === null || serie === void 0 ? void 0 : serie.value) !== null;
+      return serie.value !== undefined;
     }, item.data);
   }, seriesMarks);
   var marksWithTypes = (0, _map["default"])(function (item) {
@@ -137,7 +138,7 @@ var AudiometryChart = function AudiometryChart(props) {
       data: item
     };
   }, removedUndefinedMarks.filter(function (item) {
-    return (item === null || item === void 0 ? void 0 : item.length) > 0;
+    return item.length > 0;
   }));
   var seriesData = data.map(function (item) {
     return {
@@ -175,9 +176,8 @@ var AudiometryChart = function AudiometryChart(props) {
     }
   };
   var dataWithNames = [].concat((0, _toConsumableArray2["default"])(marksWithTypes), (0, _toConsumableArray2["default"])(seriesData)).map(function (item, index) {
-    var _legends$index;
     return _objectSpread(_objectSpread({}, item), {}, {
-      name: (legends === null || legends === void 0 ? void 0 : legends.length) > 0 ? (_legends$index = legends[index]) === null || _legends$index === void 0 ? void 0 : _legends$index.name : 'audiometry-' + index
+      name: legends && legends.length > 0 ? legends[index].name : 'audiometry-' + index
     });
   });
   var options = {

package/core/coordinate-line-chart/CoordinateLineChart.js

@@ -32,6 +32,7 @@ var toTuples = function toTuples(args) {
   }, args);
 };
 var CoordinateLineChart = function CoordinateLineChart(props) {
+  var _toolboxTooltip$saveA, _toolboxTooltip$saveA2, _toolboxTooltip$dataV, _legendNames$, _legendNames$2, _legendNames$3, _legendNames$4, _legendNames$5, _legendNames$6;
   var coordinates = props.coordinates,
     colors = props.colors,
     height = props.height,
@@ -54,7 +55,7 @@ var CoordinateLineChart = function CoordinateLineChart(props) {
     pos = _coordinates[2];
   var WIDTH_STYLE = getWidthStyle(width, height);
   (0, _react.useEffect)(function () {
-    if (toolboxTooltip && toolboxTooltip.saveAsImageWithTitle) {
+    if (toolboxTooltip !== null && toolboxTooltip !== void 0 && toolboxTooltip.saveAsImageWithTitle) {
       setTitle(false);
     } else {
       setTitle(true);
@@ -63,15 +64,15 @@ var CoordinateLineChart = function CoordinateLineChart(props) {
   var handleShowTitle = function handleShowTitle(show) {
     setTitle(show);
   };
-  var myTool = toolboxTooltip && toolboxTooltip.saveAsImageWithTitle && {
-    myTool: (0, _auxiliarFunctions.getSaveAsImageWithTitle)(toolboxTooltip.saveAsImageWithTitle.title, handleShowTitle)
+  var myTool = (toolboxTooltip === null || toolboxTooltip === void 0 ? void 0 : toolboxTooltip.saveAsImageWithTitle) && {
+    myTool: (0, _auxiliarFunctions.getSaveAsImageWithTitle)((_toolboxTooltip$saveA = toolboxTooltip.saveAsImageWithTitle.title) !== null && _toolboxTooltip$saveA !== void 0 ? _toolboxTooltip$saveA : '', handleShowTitle)
   };
-  var saveAsImage = toolboxTooltip && toolboxTooltip.saveAsImage && {
-    saveAsImage: (0, _auxiliarFunctions.getSaveAsImage)(toolboxTooltip.saveAsImage.title)
+  var saveAsImage = (toolboxTooltip === null || toolboxTooltip === void 0 ? void 0 : toolboxTooltip.saveAsImage) && {
+    saveAsImage: (0, _auxiliarFunctions.getSaveAsImage)((_toolboxTooltip$saveA2 = toolboxTooltip.saveAsImage.title) !== null && _toolboxTooltip$saveA2 !== void 0 ? _toolboxTooltip$saveA2 : '')
   };
   var toolbox = toolboxTooltip && _objectSpread(_objectSpread({}, _commonStyles.TOOLBOX_DEFAULT_PROPS), {}, {
     feature: _objectSpread(_objectSpread(_objectSpread({}, myTool), saveAsImage), {}, {
-      dataView: toolboxTooltip.dataView && (0, _auxiliarFunctions.getDataView)(toolboxTooltip.dataView.title)
+      dataView: toolboxTooltip.dataView && (0, _auxiliarFunctions.getDataView)((_toolboxTooltip$dataV = toolboxTooltip.dataView.title) !== null && _toolboxTooltip$dataV !== void 0 ? _toolboxTooltip$dataV : '')
     })
   });
   var reference = toTuples(ref);
@@ -83,7 +84,7 @@ var CoordinateLineChart = function CoordinateLineChart(props) {
   var options = {
     color: colors,
     series: [{
-      name: legendNames[0] || '',
+      name: (_legendNames$ = legendNames === null || legendNames === void 0 ? void 0 : legendNames[0]) !== null && _legendNames$ !== void 0 ? _legendNames$ : '',
       showSymbol: false,
       type: 'line',
       data: reference,
@@ -93,13 +94,13 @@ var CoordinateLineChart = function CoordinateLineChart(props) {
         type: 'dashed'
       }
     }, {
-      name: legendNames[1] || '',
+      name: (_legendNames$2 = legendNames === null || legendNames === void 0 ? void 0 : legendNames[1]) !== null && _legendNames$2 !== void 0 ? _legendNames$2 : '',
       showSymbol: false,
       type: 'line',
       data: preRespiratory,
       smooth: true
     }, {
-      name: legendNames[2] || '',
+      name: (_legendNames$3 = legendNames === null || legendNames === void 0 ? void 0 : legendNames[2]) !== null && _legendNames$3 !== void 0 ? _legendNames$3 : '',
       showSymbol: false,
       type: 'line',
       data: posResporatory,
@@ -107,13 +108,13 @@ var CoordinateLineChart = function CoordinateLineChart(props) {
     }],
     yAxis: {
       type: 'value',
-      name: coordinateNames.y,
+      name: coordinateNames === null || coordinateNames === void 0 ? void 0 : coordinateNames.y,
       nameTextStyle: {
         fontFamily: 'Roboto, Helvetica, Arial, sans-serif',
         color: '#000000'
       },
       nameGap: 10,
-      min: -yRangeValues || 0,
+      min: yRangeValues ? -yRangeValues : 0,
       max: yRangeValues || 8,
       interval: 2,
       axisTick: {
@@ -139,7 +140,7 @@ var CoordinateLineChart = function CoordinateLineChart(props) {
     },
     xAxis: {
       type: 'value',
-      name: coordinateNames.x,
+      name: coordinateNames === null || coordinateNames === void 0 ? void 0 : coordinateNames.x,
       nameTextStyle: {
         verticalAlign: 'top',
         padding: getPadding(yRangeValues),
@@ -174,13 +175,13 @@ var CoordinateLineChart = function CoordinateLineChart(props) {
     legend: {
       top: legendPosition !== null && legendPosition !== void 0 ? legendPosition : 26,
       data: [{
-        name: legendNames[0] || '',
+        name: (_legendNames$4 = legendNames === null || legendNames === void 0 ? void 0 : legendNames[0]) !== null && _legendNames$4 !== void 0 ? _legendNames$4 : '',
         icon: _commonStyles.DASHED_LINE_ICON
       }, {
-        name: legendNames[1] || '',
+        name: (_legendNames$5 = legendNames === null || legendNames === void 0 ? void 0 : legendNames[1]) !== null && _legendNames$5 !== void 0 ? _legendNames$5 : '',
         icon: _commonStyles.STRAIGHT_LINE_ICON
       }, {
-        name: legendNames[2] || '',
+        name: (_legendNames$6 = legendNames === null || legendNames === void 0 ? void 0 : legendNames[2]) !== null && _legendNames$6 !== void 0 ? _legendNames$6 : '',
         icon: _commonStyles.STRAIGHT_LINE_ICON
       }],
       itemGap: 30,

package/core/diverging-stacked-bar-chart/DivergingStackedBarChart.js

@@ -20,12 +20,13 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var clickBar = exports.clickBar = function clickBar(item) {
-  if (item && 'data' in item && 'value' in item.data) {
+  if ('data' in item && 'value' in item.data) {
     var value = item.data.value;
     window.alert(value);
   }
 };
 var DivergingStackedBarChart = function DivergingStackedBarChart(props) {
+  var _toolboxTooltip$saveA, _toolboxTooltip$saveA2, _toolboxTooltip$dataV;
   var data = props.data,
     width = props.width,
     legendType = props.legendType,
@@ -48,7 +49,7 @@ var DivergingStackedBarChart = function DivergingStackedBarChart(props) {
     click: onClickBar
   };
   (0, _react.useEffect)(function () {
-    if (toolboxTooltip && toolboxTooltip.saveAsImageWithTitle) {
+    if (toolboxTooltip !== null && toolboxTooltip !== void 0 && toolboxTooltip.saveAsImageWithTitle) {
       setTitle(false);
     } else {
       setTitle(true);
@@ -57,6 +58,7 @@ var DivergingStackedBarChart = function DivergingStackedBarChart(props) {
   (0, _react.useEffect)(function () {
     data.seriesData.map( /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(item) {
+        var _item$label;
         var rich;
         return _regenerator["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -69,7 +71,7 @@ var DivergingStackedBarChart = function DivergingStackedBarChart(props) {
             case 2:
               _context.t0 = _defineProperty2["default"];
               _context.t1 = {};
-              _context.t2 = (0, _auxiliarFunctions.changeSpaceForUnderline)(item.label);
+              _context.t2 = (0, _auxiliarFunctions.changeSpaceForUnderline)((_item$label = item.label) !== null && _item$label !== void 0 ? _item$label : '');
               _context.next = 7;
               return (0, _auxiliarFunctions.convertImageToBase64FromUrl)(item.image);
             case 7:
@@ -83,7 +85,8 @@ var DivergingStackedBarChart = function DivergingStackedBarChart(props) {
               };
               rich = (0, _context.t0)(_context.t1, _context.t2, _context.t5);
               if (!richData.find(function (itemRich) {
-                return (0, _auxiliarFunctions.changeSpaceForUnderline)(item.label) in itemRich;
+                var _item$label2;
+                return (0, _auxiliarFunctions.changeSpaceForUnderline)((_item$label2 = item.label) !== null && _item$label2 !== void 0 ? _item$label2 : '') in itemRich;
               })) {
                 setRichDate(function (state) {
                   return [].concat((0, _toConsumableArray2["default"])(state), [rich]);
@@ -99,20 +102,22 @@ var DivergingStackedBarChart = function DivergingStackedBarChart(props) {
         return _ref.apply(this, arguments);
       };
     }());
+    // it doesn't need the missing dependency
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [richData]);
   var handleShowTitle = function handleShowTitle(show) {
     setTitle(show);
   };
-  var myTool = toolboxTooltip && toolboxTooltip.saveAsImageWithTitle && {
-    myTool: (0, _auxiliarFunctions.getSaveAsImageWithTitle)(toolboxTooltip.saveAsImageWithTitle.title, handleShowTitle)
+  var myTool = (toolboxTooltip === null || toolboxTooltip === void 0 ? void 0 : toolboxTooltip.saveAsImageWithTitle) && {
+    myTool: (0, _auxiliarFunctions.getSaveAsImageWithTitle)((_toolboxTooltip$saveA = toolboxTooltip.saveAsImageWithTitle.title) !== null && _toolboxTooltip$saveA !== void 0 ? _toolboxTooltip$saveA : '', handleShowTitle)
   };
-  var saveAsImage = toolboxTooltip && toolboxTooltip.saveAsImage && {
-    saveAsImage: (0, _auxiliarFunctions.getSaveAsImage)(toolboxTooltip.saveAsImage.title)
+  var saveAsImage = (toolboxTooltip === null || toolboxTooltip === void 0 ? void 0 : toolboxTooltip.saveAsImage) && {
+    saveAsImage: (0, _auxiliarFunctions.getSaveAsImage)((_toolboxTooltip$saveA2 = toolboxTooltip.saveAsImage.title) !== null && _toolboxTooltip$saveA2 !== void 0 ? _toolboxTooltip$saveA2 : '')
   };
   var toolbox = toolboxTooltip && _objectSpread(_objectSpread({}, _commonStyles.TOOLBOX_DEFAULT_PROPS), {}, {
     right: marginRightToolbox || '8.7%',
     feature: _objectSpread(_objectSpread(_objectSpread({}, myTool), saveAsImage), {}, {
-      dataView: toolboxTooltip.dataView && (0, _auxiliarFunctions.getDataView)(toolboxTooltip.dataView.title)
+      dataView: toolboxTooltip.dataView && (0, _auxiliarFunctions.getDataView)((_toolboxTooltip$dataV = toolboxTooltip.dataView.title) !== null && _toolboxTooltip$dataV !== void 0 ? _toolboxTooltip$dataV : '')
     })
   });
   var exportToCSV = function exportToCSV() {
@@ -180,7 +185,8 @@ var DivergingStackedBarChart = function DivergingStackedBarChart(props) {
     },
     title: {
       left: legendType === 'scroll' ? '0.1%' : '4%',
-      top: legendType === 'scroll' && '5.7%',
+      // top: legendType === 'scroll' && '5.7%',
+      top: legendType,
       show: title,
       text: titleProps,
       textAlign: 'left',
@@ -227,7 +233,10 @@ var DivergingStackedBarChart = function DivergingStackedBarChart(props) {
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
     style: _commonStyles.CHART_WIDTH,
     opts: (0, _auxiliarFunctions.getWidthOpts)(width || 'auto'),
-    option: options,
+    option: options
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    ,
     onEvents: clickEvent
   }), props.showCSVDownload && /*#__PURE__*/_react["default"].createElement(_commonStyles.CsvDownloadButtonStyle, {
     onClick: exportToCSV

package/core/donut-chart/DonutChart.d.ts

@@ -6,5 +6,5 @@ export interface IDonutProps extends IProps {
     centerPieValueFontSize?: number;
     selectedMode?: boolean;
 }
-export declare const DonutChart: (props: IDonutProps) => React.JSX.Element;
+declare const DonutChart: (props: IDonutProps) => React.JSX.Element;
 export default DonutChart;

package/core/donut-chart/DonutChart.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.DonutChart = void 0;
+exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -18,7 +18,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var DonutChart = exports.DonutChart = function DonutChart(props) {
+var DonutChart = function DonutChart(props) {
+  var _toolboxTooltip$saveA, _toolboxTooltip$saveA2, _toolboxTooltip$dataV;
   var titleProps = props.title,
     resultFormatType = props.resultFormatType,
     toolboxTooltip = props.toolboxTooltip,
@@ -41,7 +42,7 @@ var DonutChart = exports.DonutChart = function DonutChart(props) {
     title = _useState2[0],
     setTitle = _useState2[1];
   (0, _react.useEffect)(function () {
-    if (toolboxTooltip && toolboxTooltip.saveAsImageWithTitle) {
+    if (toolboxTooltip !== null && toolboxTooltip !== void 0 && toolboxTooltip.saveAsImageWithTitle) {
       setTitle(false);
     } else {
       setTitle(true);
@@ -50,15 +51,15 @@ var DonutChart = exports.DonutChart = function DonutChart(props) {
   var handleShowTitle = function handleShowTitle(show) {
     setTitle(show);
   };
-  var myTool = toolboxTooltip && toolboxTooltip.saveAsImageWithTitle && {
-    myTool: (0, _auxiliarFunctions.getSaveAsImageWithTitle)(toolboxTooltip.saveAsImageWithTitle.title, handleShowTitle)
+  var myTool = (toolboxTooltip === null || toolboxTooltip === void 0 ? void 0 : toolboxTooltip.saveAsImageWithTitle) && {
+    myTool: (0, _auxiliarFunctions.getSaveAsImageWithTitle)((_toolboxTooltip$saveA = toolboxTooltip.saveAsImageWithTitle.title) !== null && _toolboxTooltip$saveA !== void 0 ? _toolboxTooltip$saveA : '', handleShowTitle)
   };
-  var saveAsImage = toolboxTooltip && toolboxTooltip.saveAsImage && {
-    saveAsImage: (0, _auxiliarFunctions.getSaveAsImage)(toolboxTooltip.saveAsImage.title)
+  var saveAsImage = (toolboxTooltip === null || toolboxTooltip === void 0 ? void 0 : toolboxTooltip.saveAsImage) && {
+    saveAsImage: (0, _auxiliarFunctions.getSaveAsImage)((_toolboxTooltip$saveA2 = toolboxTooltip.saveAsImage.title) !== null && _toolboxTooltip$saveA2 !== void 0 ? _toolboxTooltip$saveA2 : '')
   };
   var toolbox = toolboxTooltip && _objectSpread(_objectSpread({}, _commonStyles.TOOLBOX_DEFAULT_PROPS), {}, {
     feature: _objectSpread(_objectSpread(_objectSpread({}, myTool), saveAsImage), {}, {
-      dataView: toolboxTooltip.dataView && (0, _auxiliarFunctions.getDataView)(toolboxTooltip.dataView.title)
+      dataView: toolboxTooltip.dataView && (0, _auxiliarFunctions.getDataView)((_toolboxTooltip$dataV = toolboxTooltip.dataView.title) !== null && _toolboxTooltip$dataV !== void 0 ? _toolboxTooltip$dataV : '')
     })
   });
   var xData = (0, _map["default"])(function (item) {
@@ -74,8 +75,8 @@ var DonutChart = exports.DonutChart = function DonutChart(props) {
     var percent = (0, _auxiliarFunctions.getPercentage)(value, totalValues);
     var valueWithPercent = resultFormatType === 'percent' ? value + ' (' + percent + '%)' : value;
     var valueToShow = typeof resultFormatType === 'function' ? resultFormatType(value) : valueWithPercent;
-    var label = tooltip && tooltip.label ? tooltip.label + ': ' + name + '<br>' : '';
-    var result = tooltip && tooltip.result ? marker + tooltip.result + ': ' + valueToShow : '';
+    var label = tooltip !== null && tooltip !== void 0 && tooltip.label ? tooltip.label + ': ' + name + '<br>' : '';
+    var result = tooltip !== null && tooltip !== void 0 && tooltip.result ? marker + tooltip.result + ': ' + valueToShow : '';
     return tooltip ? label + result : marker + name + ': ' + valueToShow;
   };
   var formatDonutLabel = function formatDonutLabel(value) {

package/core/forecast-area-chart/ForecastAreaChart.js

@@ -17,6 +17,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ForecastAreaChart = function ForecastAreaChart(props) {
+  var _toolboxTooltip$saveA, _toolboxTooltip$dataV;
   var data = props.data,
     xType = props.xType,
     color = props.color,
@@ -42,7 +43,7 @@ var ForecastAreaChart = function ForecastAreaChart(props) {
   });
   var formatLabel = function formatLabel(chartValues) {
     var data = chartValues.data;
-    return yType === 'time' ? (0, _auxiliarFunctions.timeConvert)(Number(data)).toString() : (0, _auxiliarFunctions.takeLabelComplement)(Number(Number(data).toFixed(2)), yComplement).toString();
+    return yType === 'time' ? (0, _auxiliarFunctions.timeConvert)(Number(data)).toString() : (0, _auxiliarFunctions.takeLabelComplement)(Number(Number(data).toFixed(2)), yComplement !== null && yComplement !== void 0 ? yComplement : '').toString();
   };
   var dinamicData = function dinamicData(item, charts) {
     var dataRange = item.end - item.start;
@@ -82,20 +83,20 @@ var ForecastAreaChart = function ForecastAreaChart(props) {
       label = _ref2.label,
       result = _ref2.result;
     var complement = tooltipComplement ? tooltipComplement : '';
-    var values = yType === 'time' ? (0, _auxiliarFunctions.timeConvert)(Number(data)) : (0, _auxiliarFunctions.takeLabelComplement)(Number(Number(data).toFixed(2)), yComplement);
+    var values = yType === 'time' ? (0, _auxiliarFunctions.timeConvert)(Number(data)) : (0, _auxiliarFunctions.takeLabelComplement)(Number(Number(data).toFixed(2)), yComplement !== null && yComplement !== void 0 ? yComplement : '');
     return "".concat(label, ": ").concat((0, _auxiliarFunctions.formatTooltipWithHours)(axisValueLabel), " <br>\n      ").concat(result, ": ").concat(values, " <br>\n      ").concat(complement);
   };
   var toolbox = toolboxTooltip && _objectSpread(_objectSpread({}, _commonStyles.TOOLBOX_DEFAULT_PROPS), {}, {
     showTitle: false,
     right: '9.52%',
     feature: {
-      saveAsImage: toolboxTooltip.saveAsImage && (0, _auxiliarFunctions.getSaveAsImage)(toolboxTooltip.saveAsImage.title),
-      dataView: toolboxTooltip.dataView && (0, _auxiliarFunctions.getDataView)(toolboxTooltip.dataView.title)
+      saveAsImage: toolboxTooltip.saveAsImage && (0, _auxiliarFunctions.getSaveAsImage)((_toolboxTooltip$saveA = toolboxTooltip.saveAsImage.title) !== null && _toolboxTooltip$saveA !== void 0 ? _toolboxTooltip$saveA : ''),
+      dataView: toolboxTooltip.dataView && (0, _auxiliarFunctions.getDataView)((_toolboxTooltip$dataV = toolboxTooltip.dataView.title) !== null && _toolboxTooltip$dataV !== void 0 ? _toolboxTooltip$dataV : '')
     }
   });
   var scrollable = xData.length > 5 ? [{
     type: 'inside',
-    startValue: lineMarkValue - 2,
+    startValue: lineMarkValue && lineMarkValue - 2,
     endValue: lineMarkValue,
     zoomLock: true,
     zoomOnMouseWheel: 'shift'
@@ -103,13 +104,15 @@ var ForecastAreaChart = function ForecastAreaChart(props) {
     bottom: 10,
     show: true,
     type: 'slider',
-    startValue: lineMarkValue - 1,
-    endValue: lineMarkValue + 3,
+    startValue: lineMarkValue && lineMarkValue - 1,
+    endValue: lineMarkValue && lineMarkValue + 3,
     labelFormatter: function labelFormatter(_, item) {
       return (0, _auxiliarFunctions.formatTime)(item, 'dd/MM/yyyy');
     }
   }] : [];
   var options = {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
     series: [{
       type: 'line',
       name: forecastChartLegends ? forecastChartLegends.forecast : '',
@@ -138,17 +141,14 @@ var ForecastAreaChart = function ForecastAreaChart(props) {
         silent: true,
         symbol: '',
         label: {
-          formatter: forecastChartLegends.lineMark,
+          formatter: forecastChartLegends === null || forecastChartLegends === void 0 ? void 0 : forecastChartLegends.lineMark,
           show: true,
           color: lineMarkColor || '#000000'
         },
         animation: false,
         data: [{
-          name: forecastChartLegends.lineMark || 'markLine',
-          // eslint-disable-next-line @stylistic/max-len
-          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-          // @ts-ignore TODO: remove this XGH
-          xAxis: xData[lineMarkValue - 1].toString()
+          name: (forecastChartLegends === null || forecastChartLegends === void 0 ? void 0 : forecastChartLegends.lineMark) || 'markLine',
+          xAxis: lineMarkValue && xData[lineMarkValue - 1].toString()
         }],
         lineStyle: {
           width: 1,
@@ -165,8 +165,8 @@ var ForecastAreaChart = function ForecastAreaChart(props) {
       }
     }, {
       type: 'line',
-      name: forecastChartLegends.current || '',
-      data: (0, _take["default"])(lineMarkValue, yData),
+      name: (forecastChartLegends === null || forecastChartLegends === void 0 ? void 0 : forecastChartLegends.current) || '',
+      data: lineMarkValue && (0, _take["default"])(lineMarkValue, yData),
       label: {
         formatter: typeof yComplement === 'function' ? yComplement.toString() : formatLabel,
         show: false,
@@ -224,7 +224,7 @@ var ForecastAreaChart = function ForecastAreaChart(props) {
       axisLabel: {
         margin: yType === 'time' ? 16 : 14,
         formatter: function formatter(item) {
-          return yType === 'time' ? (0, _auxiliarFunctions.timeConvert)(Number(item)).toString() : (0, _auxiliarFunctions.takeLabelComplement)(Number(item.toFixed(2)), yComplement).toString();
+          return yType === 'time' ? (0, _auxiliarFunctions.timeConvert)(Number(item)).toString() : (0, _auxiliarFunctions.takeLabelComplement)(Number(item.toFixed(2)), yComplement !== null && yComplement !== void 0 ? yComplement : '').toString();
         },
         fontFamily: 'Roboto, Helvetica, Arial, sans-serif',
         fontSize: fontLabelSize || 11.5,
@@ -250,10 +250,12 @@ var ForecastAreaChart = function ForecastAreaChart(props) {
     }), {}, {
       show: true
     }),
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
     legend: {
       top: 20,
       selectedMode: false,
-      data: [forecastChartLegends.current, forecastChartLegends.forecast],
+      data: [forecastChartLegends === null || forecastChartLegends === void 0 ? void 0 : forecastChartLegends.current, forecastChartLegends === null || forecastChartLegends === void 0 ? void 0 : forecastChartLegends.forecast],
       itemGap: 30,
       textStyle: {
         fontFamily: 'Roboto, Helvetica, Arial, sans-serif',
@@ -273,7 +275,7 @@ var ForecastAreaChart = function ForecastAreaChart(props) {
         color: '#000000'
       }
     },
-    tooltip: tooltipProps && {
+    tooltip: {
       formatter: formatSingleTooltip,
       trigger: 'axis',
       backgroundColor: '#00000099',