sag_components 1.0.928 → 1.0.930

package/dist/stories/components/SingleBarLineCharts.js

@@ -251,8 +251,13 @@ const SingleBarLineCharts = props => {
     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 * maxRange;
+    }]
   }), /*#__PURE__*/_react.default.createElement(_recharts.ReferenceLine, {
     y: 0,
     stroke: "#D0D0D0"
@@ -296,7 +301,7 @@ SingleBarLineCharts.defaultProps = {
   isLineChartBolded: false,
   setLineChartTooltip: false,
   isTopBarPercent: true,
-  maxRange: 1,
+  maxRange: 0.1,
   showPeriod: true,
   currencySign: '€',
   currencySignLine: '€',

package/dist/stories/components/TotalHorizontalCharts.js

@@ -25,6 +25,8 @@ const TotalHorizontalCharts = props => {
     currencySign,
     currencyType,
     chartsData,
+    labelFontSize,
+    labelLimitedLetters,
     width,
     height,
     rightGap,
@@ -108,18 +110,17 @@ const TotalHorizontalCharts = props => {
           style: {
             whiteSpace: 'nowrap'
           },
-          width: "15px",
           height: height,
           x: 20,
           y: y,
-          fontSize: 10,
+          fontSize: labelFontSize,
           orientation: orientation,
           stroke: stroke,
           textAnchor: "start"
           // verticalAnchor="middle"
           ,
           fill: fill
-        }, payload.value.length > 11 ? `${payload.value.slice(0, 11)}...` : payload.value));
+        }, payload.value.length > labelLimitedLetters - 1 ? `${payload.value.slice(0, labelLimitedLetters)}...` : payload.value));
       }
       return null;
     }
@@ -176,7 +177,10 @@ const TotalHorizontalCharts = props => {
   }, /*#__PURE__*/_react.default.createElement(_recharts.LabelList, {
     dataKey: "value",
     content: CustomizedLabel
-  }), chartsData.map((entry, index) => /*#__PURE__*/_react.default.createElement(_recharts.Cell, {
+  }), chartsData.map((entry, index) =>
+  /*#__PURE__*/
+  // eslint-disable-next-line react/no-array-index-key
+  _react.default.createElement(_recharts.Cell, {
     key: `cell-${index}`,
     fill: barBackgrounds[index % 20]
   }))), showLegendTooltip && /*#__PURE__*/_react.default.createElement(_TspanTooltip.default, {
@@ -201,6 +205,8 @@ TotalHorizontalCharts.defaultProps = {
   currencySign: false,
   currencyType: 'USD',
   chartsData: [],
+  labelFontSize: 10,
+  labelLimitedLetters: 12,
   width: '100%',
   height: '100%',
   rightGap: 1.25,

package/package.json

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