sag_components 1.0.960 → 1.0.962

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/stories/components/LinnerDataBox.js +1 -1
  2. package/dist/stories/components/SingleBarLineCharts.js +7 -5
  3. package/dist/stories/components/SingleBarLineCharts.style.js +4 -1
  4. package/package.json +1 -1
package/dist/stories/components/LinnerDataBox.js CHANGED
@@ -23,7 +23,7 @@ const LinnerDataBox = props => {
23
23
  height: height || '200px'
24
24
  }, data.map((item, index) => /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxWrap, {
25
25
  width: `${100 / data.length}%`
26
- }, /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBox, null, item.title && /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxTitle, null, item.title), /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxContent, null, item.value !== null && item.value !== undefined ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, item.sign && /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxContentSign, null, item.sign), /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxContentValue, null, ''.concat((0, _CommonFunctions.getFormattedValue)(item.value), (0, _CommonFunctions.getFormattedUnits)(item.value)))) : /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxContentNoValue, null, "No Data")), item.extraInfo.map(extraInfoItem => /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxExtraInfoCell, null, extraInfoItem.value !== null && extraInfoItem.value !== undefined && /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxExtraInfoCellValue, null, ''.concat('$', (0, _CommonFunctions.getFormattedValue)(extraInfoItem.value), (0, _CommonFunctions.getFormattedUnits)(extraInfoItem.value))), extraInfoItem.value !== null && extraInfoItem.value !== undefined && /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxExtraInfoCellTitle, null, extraInfoItem.title)))), index < data.length - 1 && /*#__PURE__*/_react.default.createElement("div", {
26
+ }, /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBox, null, item.title && /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxTitle, null, item.title), /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxContent, null, item.value !== null && item.value !== undefined && item.value !== 'null' && item.value !== 'undefined' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, item.sign && /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxContentSign, null, item.sign), /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxContentValue, null, ''.concat((0, _CommonFunctions.getFormattedValue)(item.value), (0, _CommonFunctions.getFormattedUnits)(item.value)))) : /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxContentNoValue, null, "No Data")), item.extraInfo.map(extraInfoItem => /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxExtraInfoCell, null, extraInfoItem.value !== null && extraInfoItem.value !== undefined && /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxExtraInfoCellValue, null, ''.concat('$', (0, _CommonFunctions.getFormattedValue)(extraInfoItem.value), (0, _CommonFunctions.getFormattedUnits)(extraInfoItem.value))), extraInfoItem.value !== null && extraInfoItem.value !== undefined && /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxExtraInfoCellTitle, null, extraInfoItem.title)))), index < data.length - 1 && /*#__PURE__*/_react.default.createElement("div", {
27
27
  className: "vertival-line",
28
28
  style: {
29
29
  width: '1px',
package/dist/stories/components/SingleBarLineCharts.js CHANGED
@@ -72,13 +72,13 @@ const SingleBarLineCharts = props => {
72
72
  payload
73
73
  } = props;
74
74
  if (active && payload && payload.length > 0) {
75
- const totalBarValue = data.reduce((sum, item) => sum + (item.barValue || 0), 0);
76
- const totalSecondBarValue = data.reduce((sum, item) => sum + (item.secondBarValue || 0), 0);
75
+ const totalBarValue = data.reduce((sum, item) => sum + (Math.abs(item.barValue) || 0), 0);
76
+ const totalSecondBarValue = data.reduce((sum, item) => sum + (Math.abs(item.secondBarValue) || 0), 0);
77
77
  const currentBarValue = payload[0].payload.barValue;
78
78
  const currentSecondBarValue = payload[0].payload.secondBarValue;
79
79
  const currentRetailer = payload[0].payload.retailer;
80
- const percentageFirstBar = Number(Math.abs(currentBarValue) / Math.abs(totalBarValue) * 100).toFixed(1);
81
- const percentageSecondBar = Number(Math.abs(currentSecondBarValue) / Math.abs(totalSecondBarValue) * 100).toFixed(1);
80
+ const percentageFirstBar = Number(Math.abs(currentBarValue) / totalBarValue * 100).toFixed(1);
81
+ const percentageSecondBar = Number(Math.abs(currentSecondBarValue) / totalSecondBarValue * 100).toFixed(1);
82
82
  const filteredLegendData = legendData.filter(item => item.iconType === 'Square');
83
83
  return /*#__PURE__*/_react.default.createElement(_SingleBarLineCharts.TooltipDiv, null, /*#__PURE__*/_react.default.createElement(_SingleBarLineCharts.TooltipTitle, null, `${currentRetailer}`), !isNaN(percentageFirstBar) && /*#__PURE__*/_react.default.createElement(_SingleBarLineCharts.TooltipLabel, null, `${filteredLegendData[0].title}: ${percentageFirstBar}%`), showSecondBar && !isNaN(percentageSecondBar) && /*#__PURE__*/_react.default.createElement(_SingleBarLineCharts.TooltipLabel, null, `${filteredLegendData[1].title}: ${percentageSecondBar}%`));
84
84
  }
@@ -240,7 +240,9 @@ const SingleBarLineCharts = props => {
240
240
  content: /*#__PURE__*/_react.default.createElement(CustomizedLabelROI, null)
241
241
  })), setLineChartTooltip && /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, {
242
242
  content: CustomTooltipLineChart
243
- }))), /*#__PURE__*/_react.default.createElement(_recharts.ResponsiveContainer, {
243
+ }))), /*#__PURE__*/_react.default.createElement(_SingleBarLineCharts.BarsGapper, {
244
+ margin: !showLineChart ? lineChartHeight : 'inherit'
245
+ }), /*#__PURE__*/_react.default.createElement(_recharts.ResponsiveContainer, {
244
246
  height: barChartHeight
245
247
  }, /*#__PURE__*/_react.default.createElement(_recharts.BarChart, {
246
248
  data: data,
package/dist/stories/components/SingleBarLineCharts.style.js CHANGED
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- 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;
7
+ exports.TooltipTitle = exports.TooltipLabel = exports.TooltipDiv = exports.Title = exports.SegmentedButtonContainer = exports.LinnerDataBoxWrap = exports.LegendContainer = exports.LabelText = exports.LabelBoldText = exports.CustomTooltip = exports.ControlsContainer = exports.Controls = exports.BarsGapper = void 0;
8
8
  var _styledComponents = _interopRequireDefault(require("styled-components"));
9
9
  var _LinnerDataBox = require("./LinnerDataBox");
10
10
  var _PerformanceAnalyticsLegend = require("./PerformanceAnalyticsLegend");
@@ -51,6 +51,9 @@ const Title = exports.Title = _styledComponents.default.span`
51
51
  font-size: 14px;
52
52
  }
53
53
  `;
54
+ const BarsGapper = exports.BarsGapper = _styledComponents.default.div`
55
+ margin-top: ${props => `${props.margin}px`};
56
+ `;
54
57
  const LinnerDataBoxWrap = exports.LinnerDataBoxWrap = (0, _styledComponents.default)(_LinnerDataBox.LinnerDataBox)`
55
58
  padding: 0 0 16px;
56
59
  .vertival-line {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.960",
3
+ "version": "1.0.962",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {