sag_components 1.0.937 → 1.0.938

package/dist/stories/components/CommonFunctions.js

@@ -59,7 +59,7 @@ const getFormattedValue = num => {
   if (Math.abs(num) >= 1000) {
     return (num / 1000).toFixed(1).replace(/\.0$/, '');
   }
-  return Number(num).toFixed(1);
+  return Number(num) % 1 === 0 ? num : Number(num).toFixed(1);
 };
 exports.getFormattedValue = getFormattedValue;
 const getNumberWithCommas = x => {

package/dist/stories/components/SingleBarLineCharts.js

@@ -23,21 +23,22 @@ const SingleBarLineCharts = props => {
     width,
     height,
     title,
+    data,
+    totalsData,
+    legendData,
+    maxBarRange,
+    lineRange,
     barSize,
-    maxRange,
     barChartHeight,
     lineChartHeight,
-    showSecondBar,
     isLineChartCurrency,
     isLineChartBolded,
     setLineChartTooltip,
     isTopBarPercent,
+    showSecondBar,
     showPeriod,
     currencySignLine,
     currencySign,
-    data,
-    totalsData,
-    legendData,
     noDataText
   } = props;
   const [showLegendTooltip, setShowLegendTooltip] = (0, _react.useState)(false);
@@ -209,15 +210,15 @@ const SingleBarLineCharts = props => {
     data: data,
     margin: {
       top: 20,
-      right: 100,
-      left: 100,
-      bottom: 10
+      right: 80,
+      left: 80,
+      bottom: 20
     }
   }, /*#__PURE__*/_react.default.createElement(_recharts.YAxis, {
     type: "number",
     width: 0,
     display: "none",
-    domain: ['auto', dataMax => dataMax * maxRange],
+    domain: [dataMin => dataMin / lineRange, dataMax => dataMax * lineRange],
     allowDataOverflow: true
   }), /*#__PURE__*/_react.default.createElement(_recharts.Line, {
     type: "monotone",
@@ -235,24 +236,29 @@ const SingleBarLineCharts = props => {
     data: data,
     maxBarSize: 60,
     margin: {
-      top: 30,
-      right: 30,
-      left: 30,
-      bottom: 5
+      top: 20,
+      right: 0,
+      left: 0,
+      bottom: 20
     }
   }, /*#__PURE__*/_react.default.createElement(_recharts.XAxis, {
     dataKey: "retailer",
     tick: CustomizedTickBarChart,
     tickLine: false,
-    height: 120,
+    height: 80,
     interval: 0,
     fill: "#212121"
   }), /*#__PURE__*/_react.default.createElement(_recharts.YAxis, {
     type: "number",
     width: 0,
     display: "none",
-    domain: ['auto', dataMax => dataMax * maxRange],
-    allowDataOverflow: true
+    allowDataOverflow: true,
+    domain: ['auto', dataMax => {
+      if (String(dataMax) === '-Infinity') {
+        return 0;
+      }
+      return dataMax * maxBarRange;
+    }]
   }), /*#__PURE__*/_react.default.createElement(_recharts.ReferenceLine, {
     y: 0,
     stroke: "#D0D0D0"
@@ -286,9 +292,14 @@ exports.SingleBarLineCharts = SingleBarLineCharts;
 var _default = exports.default = SingleBarLineCharts;
 SingleBarLineCharts.defaultProps = {
   className: '',
-  title: '',
   width: '100%',
   height: '100%',
+  title: '',
+  data: [],
+  totalsData: [],
+  legendData: [],
+  maxBarRange: 1,
+  lineRange: 1,
   barSize: 60,
   barChartHeight: 250,
   lineChartHeight: 50,
@@ -296,13 +307,9 @@ SingleBarLineCharts.defaultProps = {
   isLineChartBolded: false,
   setLineChartTooltip: false,
   isTopBarPercent: true,
-  maxRange: 1,
+  showSecondBar: true,
   showPeriod: true,
   currencySign: '€',
   currencySignLine: '€',
-  showSecondBar: true,
-  data: [],
-  totalsData: [],
-  legendData: [],
   noDataText: 'No data'
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sag_components",
-  "version": "1.0.937",
+  "version": "1.0.938",
   "description": "",
   "main": "dist/index.js",
   "scripts": {