sag_components 1.0.700 → 1.0.701

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 (3) hide show
  1. package/dist/stories/components/TotalHorizontalCharts.js +6 -3
  2. package/dist/stories/components/TotalHorizontalCharts.style.js +3 -3
  3. package/package.json +1 -1
package/dist/stories/components/TotalHorizontalCharts.js CHANGED
@@ -18,6 +18,7 @@ const TotalHorizontalCharts = props => {
18
18
  title,
19
19
  value,
20
20
  dotCut,
21
+ AvgROI,
21
22
  currencySign,
22
23
  currencyType,
23
24
  width,
@@ -105,7 +106,7 @@ const TotalHorizontalCharts = props => {
105
106
  id: "FormattedValue"
106
107
  }, /*#__PURE__*/_react.default.createElement(_TotalHorizontalCharts.CurrencySign, {
107
108
  id: "CurrencySign"
108
- }, currencySign ? (0, _CommonFunctions.getCurrencySign)(currencyType, value) : ''), dotCut ? (0, _CommonFunctions.getFormattedValue)(value && Math.abs(value) > 0 && value % 1 !== 0 ? value === null || value === void 0 ? void 0 : value.toFixed(2) : value) : (0, _CommonFunctions.getNumberWithCommas)(value), dotCut ? (0, _CommonFunctions.getFormattedUnits)(value) : '')), showOutgoingBanner && /*#__PURE__*/_react.default.createElement(_TotalHorizontalCharts.OutBanner, {
109
+ }, currencySign ? (0, _CommonFunctions.getCurrencySign)(currencyType, value) : '', AvgROI ? 'AVG OF X ' : ''), dotCut ? (0, _CommonFunctions.getFormattedValue)(value && Math.abs(value) > 0 && value % 1 !== 0 ? value === null || value === void 0 ? void 0 : value.toFixed(2) : value) : (0, _CommonFunctions.getNumberWithCommas)(value), dotCut ? (0, _CommonFunctions.getFormattedUnits)(value) : '')), showOutgoingBanner && /*#__PURE__*/_react.default.createElement(_TotalHorizontalCharts.OutBanner, {
109
110
  onClick: onBannerClick
110
111
  }, /*#__PURE__*/_react.default.createElement(_ExportIcon.default, {
111
112
  color: textColor
@@ -117,7 +118,8 @@ const TotalHorizontalCharts = props => {
117
118
  }, /*#__PURE__*/_react.default.createElement(_recharts.ResponsiveContainer, {
118
119
  id: "ResponsiveContainer",
119
120
  height: heightChartContainer - 10,
120
- width: widthChartContainer
121
+ width: widthChartContainer,
122
+ hidden: true
121
123
  }, /*#__PURE__*/_react.default.createElement(_recharts.ComposedChart, {
122
124
  layout: "vertical",
123
125
  data: chartsData,
@@ -150,7 +152,7 @@ const TotalHorizontalCharts = props => {
150
152
  fontSize: 14,
151
153
  fontWeight: 600,
152
154
  fill: '#212121',
153
- formatter: valueBar => "".concat(valueBar, "%")
155
+ formatter: valueBar => "".concat(valueBar)
154
156
  }
155
157
  }, chartsData.map((entry, index) => /*#__PURE__*/_react.default.createElement(_recharts.Cell, {
156
158
  key: "cell-".concat(index),
@@ -173,6 +175,7 @@ TotalHorizontalCharts.defaultProps = {
173
175
  title: 'SALES',
174
176
  value: 0,
175
177
  dotCut: false,
178
+ AvgROI: false,
176
179
  currencySign: false,
177
180
  currencyType: 'USD',
178
181
  chartsData: [],
package/dist/stories/components/TotalHorizontalCharts.style.js CHANGED
@@ -9,9 +9,9 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
11
11
  const scrollableStyles = "\n overflow-y: auto;\n\n &::-webkit-scrollbar {\n width: 8px;\n }\n\n &::-webkit-scrollbar-track {\n background: #E8E8E8;\n border-radius: 5px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #D0D0D0;\n border-radius: 5px;\n }\n";
12
- const ControlsContainer = exports.ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n font-family: \"Poppins\", sans-serif; \n color: ", ";\n width: ", ";\n height: ", ";\n background-color: white;\n display: flex;\n flex-direction: column;\n margin: 0;\n .top {\n text-align: center;\n white-space: normal;\n &:before {\n display: none;\n }\n }\n"])), props => props.textColor, props => props.width, props => props.height);
13
- const ChartWrapper = exports.ChartWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n /* height: 80%; */\n flex-grow: 1;\n width: 100%;\n"])), scrollableStyles);
14
- const ChartInner = exports.ChartInner = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0; \n height: 100%;\n width: 100%;\n ", "\n overflow-y: scroll;\n"])), scrollableStyles);
12
+ const ControlsContainer = exports.ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n font-family: \"Poppins\", sans-serif; \n color: ", ";\n width: ", ";\n height: ", ";\n background-color: white;\n margin: 0;\n .top {\n text-align: center;\n white-space: normal;\n &:before {\n display: none;\n }\n }\n"])), props => props.textColor, props => props.width, props => props.height);
13
+ const ChartWrapper = exports.ChartWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n height: 80%;\n width: 100%;\n margin: 0;\n"])), scrollableStyles);
14
+ const ChartInner = exports.ChartInner = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0; \n height: 100%;\n width: 70%;\n"])));
15
15
  const TitleAndValueContainer = exports.TitleAndValueContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n padding: 0 20px;\n"])));
16
16
  const Header = exports.Header = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)([""])));
17
17
  const Title = exports.Title = _styledComponents.default.h4(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 20px;\n font-weight: 400;\n line-height: 1;\n margin: 0 0 8px;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 12px;\n }\n"])));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.700",
3
+ "version": "1.0.701",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {