sag_components 1.0.657 → 1.0.659

package/dist/stories/components/BarChart.js

@@ -20,6 +20,7 @@ const ICON_TYPE_SQUARE = 'Square';
 /* BarChartsByWeeks */
 const BarChart = props => {
   const {
+    className,
     title,
     barChartData,
     barSize,
@@ -49,7 +50,7 @@ const BarChart = props => {
   const displayFormattedValue = value => {
     if (!value) return '';
     let formattedValue = '';
-    formattedValue = !isDollar ? ''.concat('', value.toFixed(1), '%') : ''.concat('$', (0, _CommonFunctions.getFormattedValue)(value), (0, _CommonFunctions.getFormattedUnits)(value));
+    formattedValue = !isDollar ? ''.concat('X', value.toFixed(1)) : ''.concat('$', (0, _CommonFunctions.getFormattedValue)(value), (0, _CommonFunctions.getFormattedUnits)(value));
     return formattedValue;
   };
 
@@ -73,21 +74,6 @@ const BarChart = props => {
       stroke,
       payload
     } = props;
-
-    // const handleMouseEnter = (content) => {
-    //   setTooltipCouponText((prevState) => ({
-    //     ...prevState,
-    //     content: content !== prevState.content ? content : prevState.content,
-    //     clientX: x,
-    //     clientY: y,
-    //   }));
-    //   setShowLegendTooltip(true);
-    // };
-
-    // const handleMouseLeave = () => {
-    //   setShowLegendTooltip(false);
-    // };
-
     if (barChartData && barChartData.length > 0 && payload) {
       const retailerData = barChartData.filter(item => item.title === payload.value);
       if (retailerData && retailerData.length > 0) {
@@ -137,6 +123,7 @@ const BarChart = props => {
     }, displayFormattedValue(value));
   };
   return /*#__PURE__*/_react.default.createElement(_BarChart.ControlsContainer, {
+    className: className,
     id: "ControlsContainer",
     height: height,
     width: width,

package/dist/stories/components/LinnerDataBox.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LinnerDataBox = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _LinnerDataBox = require("./LinnerDataBox.style");
+const LinnerDataBox = props => {
+  const {
+    width,
+    height,
+    data
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_LinnerDataBox.LinnerContainer, {
+    width: width || '100%',
+    height: height || '200px'
+  }, data.map(item => /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBox, null, /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxTitle, null, item.title), /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxContent, null, /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxContentSign, null, item.sign), /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxContentValue, null, item.value)), item.extraInfo.map(extraInfoItem => /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxExtraInfoCell, null, /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxExtraInfoCellValue, null, extraInfoItem.value), /*#__PURE__*/_react.default.createElement(_LinnerDataBox.DataBoxExtraInfoCellTitle, null, extraInfoItem.title))))));
+};
+exports.LinnerDataBox = LinnerDataBox;
+var _default = exports.default = LinnerDataBox;
+LinnerDataBox.defaultProps = {
+  width: '100%',
+  height: '200px',
+  data: []
+};

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

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LinnerContainer = exports.DataBoxTitle = exports.DataBoxExtraInfoCellValue = exports.DataBoxExtraInfoCellTitle = exports.DataBoxExtraInfoCell = exports.DataBoxExtraInfo = exports.DataBoxContentValue = exports.DataBoxContentSign = exports.DataBoxContent = exports.DataBox = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+const LinnerContainer = exports.LinnerContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-evenly;\n  align-items: center;\n  width: ", ";\n  height: ", ";\n"])), props => props.width, props => props.height);
+const DataBox = exports.DataBox = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  height: 80%;\n"])));
+const DataBoxTitle = exports.DataBoxTitle = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  color: #212121;\n  font-family: Poppins;\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n"])));
+const DataBoxContent = exports.DataBoxContent = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n"])));
+const DataBoxContentValue = exports.DataBoxContentValue = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  color: #212121;\n  font-family: Poppins;\n  font-size: 40px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n"])));
+const DataBoxContentSign = exports.DataBoxContentSign = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  color: #212121;\n  font-family: Poppins;\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n"])));
+const DataBoxExtraInfo = exports.DataBoxExtraInfo = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n"])));
+const DataBoxExtraInfoCell = exports.DataBoxExtraInfoCell = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  gap: 5px;\n  flex-direction: row;\n"])));
+const DataBoxExtraInfoCellTitle = exports.DataBoxExtraInfoCellTitle = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  color: #999;\n  font-family: Poppins;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n  text-transform: uppercase;\n"])));
+const DataBoxExtraInfoCellValue = exports.DataBoxExtraInfoCellValue = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  color: #999;\n  font-family: Poppins;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n  text-transform: uppercase;\n"])));

package/package.json

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