sag_components 1.0.946 → 1.0.948

package/dist/stories/components/BarChartWithAreaChart.js

@@ -16,6 +16,8 @@ var _HannafordChartIcon = _interopRequireDefault(require("./icons/HannafordChart
 var _CommonFunctions = require("./CommonFunctions");
 var _BarChartWithAreaChart = require("./BarChartWithAreaChart.style");
 var _PerformanceAnalyticsLegend = _interopRequireDefault(require("./PerformanceAnalyticsLegend"));
+/* eslint-disable consistent-return */
+/* eslint-disable default-case */
 /* eslint-disable react/prop-types */
 /* eslint-disable no-shadow */
 /* eslint-disable react/no-unstable-nested-components */
@@ -28,6 +30,7 @@ const BarChartWithAreaChart = props => {
     title,
     barChartData,
     barSize,
+    barFontSizeValue,
     signType,
     width,
     height,
@@ -142,7 +145,7 @@ const BarChartWithAreaChart = props => {
         y: y,
         dy: -8,
         fill: stroke,
-        fontSize: "0.6em",
+        fontSize: barFontSizeValue,
         textAnchor: "middle"
       }, "0");
     }
@@ -152,7 +155,7 @@ const BarChartWithAreaChart = props => {
         y: y + viewBox.height,
         dy: -8,
         fill: stroke,
-        fontSize: "0.6em",
+        fontSize: barFontSizeValue,
         textAnchor: "middle"
       }, displayFormattedValue(value, signType));
     }
@@ -161,7 +164,7 @@ const BarChartWithAreaChart = props => {
       y: y,
       dy: -8,
       fill: stroke,
-      fontSize: "0.6em",
+      fontSize: barFontSizeValue,
       textAnchor: "middle"
     }, displayFormattedValue(value, signType));
   };
@@ -249,6 +252,7 @@ BarChartWithAreaChart.defaultProps = {
   width: '100%',
   height: '100%',
   barSize: 60,
+  barFontSizeValue: '14px',
   barChartColor: '#BD9EFF',
   showLegend: true,
   signType: 'dollar',

package/dist/stories/components/PerformanceAnalyticsLegend.js

@@ -9,23 +9,30 @@ var _react = _interopRequireDefault(require("react"));
 var _LegendUnionIcon = require("./icons/LegendUnionIcon");
 var _LegendLineIcon = require("./icons/LegendLineIcon");
 var _PerformanceAnalyticsLegend = require("./PerformanceAnalyticsLegend.style");
+/* eslint-disable no-nested-ternary */
+
 const ICON_TYPE_SQUARE = 'Square';
 const ICON_TYPE_LEGEND_UNION_ICON = 'LegendUnionIcon';
 const ICON_TYPE_LEGEND_LINE_ICON = 'LegendLineIcon';
-
-/* PerformanceAnalyticsLegend */
 const PerformanceAnalyticsLegend = props => {
   const {
+    className,
     legendData,
     width,
     height
   } = props;
-  const getLegendData = () => /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsLegend.LegendDataContainer, {
+  return /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsLegend.ControlsContainer, {
+    className: className,
+    height: height,
+    width: width
+  }, (legendData === null || legendData === void 0 ? void 0 : legendData.length) > 0 ? /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsLegend.Controls, {
+    height: height,
+    width: width
+  }, /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsLegend.LegendDataContainer, {
     id: "LegendDataContainer"
   }, legendData === null || legendData === void 0 ? void 0 : legendData.map((item, i) => /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsLegend.TitleAndIconContainer, {
     key: `${item.title + i}`
   }, item.iconType === ICON_TYPE_SQUARE ? /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsLegend.LegendColorRectangle, {
-    id: "LegendColorRectangle",
     color: item.iconColor
   }) : item.iconType === ICON_TYPE_LEGEND_UNION_ICON ? /*#__PURE__*/_react.default.createElement(_LegendUnionIcon.LegendUnionIcon, {
     width: 30,
@@ -36,18 +43,12 @@ const PerformanceAnalyticsLegend = props => {
   }) : '', /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsLegend.Title, {
     id: "Title",
     width: width
-  }, item.title))));
-  return /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsLegend.ControlsContainer, {
-    height: height,
-    width: width
-  }, (legendData === null || legendData === void 0 ? void 0 : legendData.length) > 0 ? /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsLegend.Controls, {
-    height: height,
-    width: width
-  }, getLegendData()) : '');
+  }, item.title))))) : '');
 };
 exports.PerformanceAnalyticsLegend = PerformanceAnalyticsLegend;
 var _default = exports.default = PerformanceAnalyticsLegend;
 PerformanceAnalyticsLegend.defaultProps = {
+  className: 'PerformanceAnalyticsLegend',
   width: '',
   height: '',
   legendData: [{

package/dist/stories/components/SingleBarLineCharts.js

@@ -9,7 +9,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _recharts = require("recharts");
 var _NoDataFoundMessage = require("./NoDataFoundMessage");
 var _SingleBarLineCharts = require("./SingleBarLineCharts.style");
-var _PerformanceAnalyticsLegend = require("./PerformanceAnalyticsLegend");
 var _CommonFunctions = require("./CommonFunctions");
 /* eslint-disable no-unused-vars */
 /* eslint-disable react/no-unstable-nested-components */
@@ -295,7 +294,7 @@ const SingleBarLineCharts = props => {
     fill: "#212121",
     dataKey: "secondBarValue",
     content: CustomizedLabelBarchart
-  })))), showLegend && /*#__PURE__*/_react.default.createElement(_PerformanceAnalyticsLegend.PerformanceAnalyticsLegend, {
+  })))), showLegend && /*#__PURE__*/_react.default.createElement(_SingleBarLineCharts.LegendContainer, {
     legendData: legendData
   })) : /*#__PURE__*/_react.default.createElement(_NoDataFoundMessage.NoDataFoundMessage, {
     noDataText: noDataText

package/dist/stories/components/SingleBarLineCharts.style.js

@@ -4,9 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TooltipTitle = exports.TooltipLabel = exports.TooltipDiv = exports.Title = exports.SegmentedButtonContainer = exports.LinnerDataBoxWrap = exports.LabelText = exports.LabelBoldText = exports.CustomTooltip = exports.ControlsContainer = exports.Controls = void 0;
+exports.TooltipTitle = exports.TooltipLabel = exports.TooltipDiv = exports.Title = exports.SegmentedButtonContainer = exports.LinnerDataBoxWrap = exports.LegendContainer = exports.LabelText = exports.LabelBoldText = exports.CustomTooltip = exports.ControlsContainer = exports.Controls = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _LinnerDataBox = require("./LinnerDataBox");
+var _PerformanceAnalyticsLegend = require("./PerformanceAnalyticsLegend");
 const ControlsContainer = exports.ControlsContainer = _styledComponents.default.div`
   font-family: "Poppins", sans-serif;
   font-size: ${props => props.rootFont};
@@ -90,4 +91,8 @@ const TooltipTitle = exports.TooltipTitle = _styledComponents.default.div`
   color: #212121;
   font-size: 14px;
   font-weight: 600;
+`;
+const LegendContainer = exports.LegendContainer = (0, _styledComponents.default)(_PerformanceAnalyticsLegend.PerformanceAnalyticsLegend)`
+    margin-top: auto;
+    padding-bottom: 16px;
 `;

package/package.json

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