sag_components 1.0.928 → 1.0.929

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.929",
   "description": "",
   "main": "dist/index.js",
   "scripts": {