sag_components 1.0.239 → 1.0.241

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/TotalBenchmarkAreachart.js +6 -6
  2. package/dist/stories/components/TotalBenchmarkAreachart.style.js +8 -6
  3. package/dist/stories/components/TotalBenchmarkBarchart.js +5 -4
  4. package/package.json +1 -1
package/dist/stories/components/TotalBenchmarkAreachart.js CHANGED
@@ -157,7 +157,7 @@ var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
157
157
  textColor: textColor,
158
158
  ref: controlsContainerRef,
159
159
  rootFont: rootFont
160
- }, (areaChartData === null || areaChartData === void 0 ? void 0 : areaChartData.length) > 0 ? /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachartStyle.Controls, {
160
+ }, areaChartData && (areaChartData === null || areaChartData === void 0 ? void 0 : areaChartData.length) > 0 ? /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachartStyle.Controls, {
161
161
  id: "Controls"
162
162
  }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachartStyle.TitleAndValueContainer, {
163
163
  id: "TitleAndValueContainer"
@@ -165,15 +165,15 @@ var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
165
165
  id: "Title"
166
166
  }, title), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachartStyle.ValueAndBenchmarkContainer, {
167
167
  id: "ValueAndBenchmarkContainer"
168
- }, getArrowSign(arrowSign), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachartStyle.FormattedValue, {
168
+ }, value != undefined && value != null ? getArrowSign(arrowSign) : "", /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachartStyle.FormattedValue, {
169
169
  id: "FormattedValue"
170
- }, value, "%"), benchmarkTotalValue ? /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachartStyle.BenchmarkContainer, {
170
+ }, value != undefined && value != null ? "".concat(value, " %") : ""), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachartStyle.FormattedValueNoDataMessage, null, value === undefined || value === null ? "No Data" : ""), benchmarkTotalValue ? /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachartStyle.BenchmarkContainer, {
171
171
  id: "BenchmarkContainer"
172
172
  }, /*#__PURE__*/_react.default.createElement(_Benchmark.Benchmark, {
173
173
  id: "Benchmark",
174
- totalValue: benchmarkTotalValue,
175
- currentValue: value,
176
- benchmarkValue: benchmarkValue,
174
+ totalValue: benchmarkTotalValue !== null && benchmarkTotalValue !== void 0 ? benchmarkTotalValue : 0,
175
+ currentValue: value !== null && value !== void 0 ? value : 0,
176
+ benchmarkValue: benchmarkValue !== null && benchmarkValue !== void 0 ? benchmarkValue : 0,
177
177
  height: 12 * getSizeFactor(),
178
178
  width: 85 * getSizeFactor(),
179
179
  color: "#79DB95",
package/dist/stories/components/TotalBenchmarkAreachart.style.js CHANGED
@@ -4,10 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.ValueAndBenchmarkContainer = exports.TooltipTitle = exports.TooltipLabel = exports.TooltipDiv = exports.TitleAndValueContainer = exports.Title = exports.FormattedValue = exports.DetailsRowArrowContainer = exports.ControlsContainer = exports.Controls = exports.BottomDetailsRowTitle = exports.BottomDetailsRowContainer = exports.BenchmarkContainer = exports.AreaChartContainer = void 0;
7
+ exports.ValueAndBenchmarkContainer = exports.TooltipTitle = exports.TooltipLabel = exports.TooltipDiv = exports.TitleAndValueContainer = exports.Title = exports.FormattedValueNoDataMessage = exports.FormattedValue = exports.DetailsRowArrowContainer = exports.ControlsContainer = exports.Controls = exports.BottomDetailsRowTitle = exports.BottomDetailsRowContainer = exports.BenchmarkContainer = exports.AreaChartContainer = void 0;
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
10
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
11
11
  var ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: relative;\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n font-size: ", ";\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n align-content: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n"])), function (props) {
12
12
  return props.rootFont;
13
13
  }, function (props) {
@@ -36,11 +36,13 @@ var DetailsRowArrowContainer = _styledComponents.default.div(_templateObject9 ||
36
36
  exports.DetailsRowArrowContainer = DetailsRowArrowContainer;
37
37
  var FormattedValue = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 0.1rem;\n font-weight: 500;\n font-size: 2.22222rem;\n"])));
38
38
  exports.FormattedValue = FormattedValue;
39
- var BenchmarkContainer = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-left: 1.5rem;\n"])));
39
+ var FormattedValueNoDataMessage = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 0.3rem;\n font-weight: 700;\n font-size: 0.88889rem;\n margin: 0; \n"])));
40
+ exports.FormattedValueNoDataMessage = FormattedValueNoDataMessage;
41
+ var BenchmarkContainer = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-left: 1.5rem;\n"])));
40
42
  exports.BenchmarkContainer = BenchmarkContainer;
41
- var AreaChartContainer = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n\n width: 100%;\n height: 50%;\n"])));
43
+ var AreaChartContainer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n\n width: 100%;\n height: 50%;\n"])));
42
44
  exports.AreaChartContainer = AreaChartContainer;
43
- var BottomDetailsRowContainer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: flex-start;\n justify-content: center;\n text-align: center;\n"])));
45
+ var BottomDetailsRowContainer = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: flex-start;\n justify-content: center;\n text-align: center;\n"])));
44
46
  exports.BottomDetailsRowContainer = BottomDetailsRowContainer;
45
- var BottomDetailsRowTitle = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.77778rem;\n"])));
47
+ var BottomDetailsRowTitle = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.77778rem;\n"])));
46
48
  exports.BottomDetailsRowTitle = BottomDetailsRowTitle;
package/dist/stories/components/TotalBenchmarkBarchart.js CHANGED
@@ -17,6 +17,7 @@ var _TotalBenchmarkBarchartStyle = require("./TotalBenchmarkBarchart.style.js");
17
17
  var _excluded = ["title", "value", "benchmarkTotalValue", "benchmarkValue", "currency", "currencyType", "barChartData", "dotCut", "width", "height", "textColor", "noDataText"];
18
18
  /*TotalBenchmarkBarchart*/
19
19
  var TotalBenchmarkBarchart = function TotalBenchmarkBarchart(_ref) {
20
+ var _getFormattedBarChart, _getFormattedBarChart2;
20
21
  var title = _ref.title,
21
22
  value = _ref.value,
22
23
  benchmarkTotalValue = _ref.benchmarkTotalValue,
@@ -112,7 +113,7 @@ var TotalBenchmarkBarchart = function TotalBenchmarkBarchart(_ref) {
112
113
  var getFormattedBarChartData = function getFormattedBarChartData() {
113
114
  var tempFormattedBarChartData = [];
114
115
  var currencySign = currency == true ? (0, _CommonFunctions.getCurrencySign)(currencyType).toString() : "";
115
- if (barChartData && barChartData.length === 2) {
116
+ if (barChartData && (barChartData === null || barChartData === void 0 ? void 0 : barChartData.length) === 2) {
116
117
  tempFormattedBarChartData.push({
117
118
  title1: barChartData[0].title,
118
119
  value1: barChartData[0].value,
@@ -137,7 +138,7 @@ var TotalBenchmarkBarchart = function TotalBenchmarkBarchart(_ref) {
137
138
  textColor: textColor,
138
139
  ref: controlsContainerRef,
139
140
  rootFont: rootFont
140
- }, value != undefined && value != null || (barChartData === null || barChartData === void 0 ? void 0 : barChartData.length) >= 2 && (barChartData[0].value != undefined && barChartData[0].value != null || barChartData[1].value != undefined && barChartData[1].value != null) ? /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchartStyle.Controls, {
141
+ }, value != undefined && value != null || barChartData && (barChartData === null || barChartData === void 0 ? void 0 : barChartData.length) >= 2 && (barChartData[0].value != undefined && barChartData[0].value != null || barChartData[1].value != undefined && barChartData[1].value != null) ? /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchartStyle.Controls, {
141
142
  id: "Controls"
142
143
  }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchartStyle.TitleAndValueContainer, {
143
144
  id: "TitleAndValueContainer"
@@ -164,7 +165,7 @@ var TotalBenchmarkBarchart = function TotalBenchmarkBarchart(_ref) {
164
165
  backgroundColor: "#F2F2F2"
165
166
  })) : "")), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchartStyle.BarchartContainer, {
166
167
  id: "BarchartContainer"
167
- }, getFormattedBarChartData().length === 1 && /*#__PURE__*/_react.default.createElement(_recharts.BarChart, {
168
+ }, getFormattedBarChartData() && ((_getFormattedBarChart = getFormattedBarChartData()) === null || _getFormattedBarChart === void 0 ? void 0 : _getFormattedBarChart.length) === 1 && /*#__PURE__*/_react.default.createElement(_recharts.BarChart, {
168
169
  width: 224 * getSizeFactor(),
169
170
  height: 150 * heightFactor,
170
171
  data: getFormattedBarChartData(),
@@ -202,7 +203,7 @@ var TotalBenchmarkBarchart = function TotalBenchmarkBarchart(_ref) {
202
203
  fill: textColor,
203
204
  fontWeight: 400,
204
205
  fontSize: "14px"
205
- }))), getFormattedBarChartData().length > 0 ? /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchartStyle.BottomDetailsRowContainer, {
206
+ }))), getFormattedBarChartData() && ((_getFormattedBarChart2 = getFormattedBarChartData()) === null || _getFormattedBarChart2 === void 0 ? void 0 : _getFormattedBarChart2.length) > 0 ? /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchartStyle.BottomDetailsRowContainer, {
206
207
  id: "BottomDetailsRowContainer"
207
208
  }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchartStyle.BottomDetailsRowTitle, {
208
209
  id: "BottomDetailsRowTitle1"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.239",
3
+ "version": "1.0.241",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {