sag_components 1.0.580 → 1.0.581
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.
|
@@ -34,7 +34,7 @@ const SalesAndROI = props => {
|
|
|
34
34
|
id: "FormattedValue"
|
|
35
35
|
}, /*#__PURE__*/_react.default.createElement(_SalesAndROI.TextBeforeAndAfterValue, {
|
|
36
36
|
id: "TextBeforeAndAfterValue"
|
|
37
|
-
}, dataItem.textBefore ? dataItem.textBefore : currencySign ? (0, _CommonFunctions.getCurrencySign)(currencyType, dataItem.value) :
|
|
37
|
+
}, dataItem.textBefore ? dataItem.textBefore : currencySign ? (0, _CommonFunctions.getCurrencySign)(currencyType, dataItem.value) : ''), dotCut ? (0, _CommonFunctions.getFormattedValue)(dataItem.value && Math.abs(dataItem.value) > 0 && dataItem.value % 1 !== 0 ? (_dataItem$value = dataItem.value) === null || _dataItem$value === void 0 ? void 0 : _dataItem$value.toFixed(2) : dataItem.value) : (0, _CommonFunctions.getNumberWithCommas)(dataItem.value), dotCut ? (0, _CommonFunctions.getFormattedUnits)(dataItem.value) : '', /*#__PURE__*/_react.default.createElement(_SalesAndROI.TextBeforeAndAfterValue, null, dataItem.textAfter)));
|
|
38
38
|
};
|
|
39
39
|
return /*#__PURE__*/_react.default.createElement(_SalesAndROI.ControlsContainer, {
|
|
40
40
|
id: "ControlsContainer",
|
|
@@ -48,7 +48,7 @@ const SalesAndROI = props => {
|
|
|
48
48
|
}, title), showOutgoingBanner && /*#__PURE__*/_react.default.createElement(_SalesAndROI.OutBanner, {
|
|
49
49
|
id: "OutBanner",
|
|
50
50
|
onClick: () => onBannerClick({
|
|
51
|
-
eventName:
|
|
51
|
+
eventName: 'onBannerClick'
|
|
52
52
|
})
|
|
53
53
|
}, /*#__PURE__*/_react.default.createElement(_ExportIcon.default, {
|
|
54
54
|
color: textColor
|
|
@@ -61,15 +61,15 @@ const SalesAndROI = props => {
|
|
|
61
61
|
exports.SalesAndROI = SalesAndROI;
|
|
62
62
|
var _default = exports.default = SalesAndROI;
|
|
63
63
|
SalesAndROI.defaultProps = {
|
|
64
|
-
title:
|
|
64
|
+
title: 'SALES',
|
|
65
65
|
dotCut: false,
|
|
66
66
|
currencySign: false,
|
|
67
|
-
currencyType:
|
|
67
|
+
currencyType: 'USD',
|
|
68
68
|
salesData: [],
|
|
69
|
-
width:
|
|
70
|
-
height:
|
|
71
|
-
textColor:
|
|
69
|
+
width: '100%',
|
|
70
|
+
height: '100%',
|
|
71
|
+
textColor: '#212121',
|
|
72
72
|
showOutgoingBanner: true,
|
|
73
|
-
noDataText:
|
|
73
|
+
noDataText: 'No Data',
|
|
74
74
|
onBannerClick: () => {}
|
|
75
75
|
};
|
|
@@ -22,18 +22,23 @@ const TabMenu = props => {
|
|
|
22
22
|
activeColor,
|
|
23
23
|
onFilterButtonClick
|
|
24
24
|
} = props;
|
|
25
|
-
const [activeTab, setActiveTab] = (0, _react.useState)(
|
|
25
|
+
const [activeTab, setActiveTab] = (0, _react.useState)(0);
|
|
26
26
|
const handleTabChange = index => {
|
|
27
27
|
onTabChange(index);
|
|
28
28
|
setActiveTab(index);
|
|
29
29
|
};
|
|
30
|
-
return /*#__PURE__*/_react.default.createElement(_TabMenu.TabMenuContainer, null, /*#__PURE__*/_react.default.createElement(_TabMenu.Nav, null, /*#__PURE__*/_react.default.createElement(_TabMenu.Tabs, null, tabs.map((tab, index) => /*#__PURE__*/_react.default.createElement(_TabMenu.Tab, {
|
|
30
|
+
return /*#__PURE__*/_react.default.createElement(_TabMenu.TabMenuContainer, null, /*#__PURE__*/_react.default.createElement(_TabMenu.Nav, null, /*#__PURE__*/_react.default.createElement(_TabMenu.Tabs, null, tabs.length > 1 ? tabs.map((tab, index) => /*#__PURE__*/_react.default.createElement(_TabMenu.Tab, {
|
|
31
31
|
key: index,
|
|
32
32
|
isActive: index === activeTab,
|
|
33
33
|
className: "tab ".concat(index === activeTab ? 'active' : ''),
|
|
34
34
|
color: color,
|
|
35
35
|
onClick: () => handleTabChange(index)
|
|
36
|
-
}, tab.title))
|
|
36
|
+
}, tab.title)) : /*#__PURE__*/_react.default.createElement(_TabMenu.Tab, {
|
|
37
|
+
isActive: activeTab === 0,
|
|
38
|
+
className: "tab ".concat(activeTab === 0 ? 'active' : ''),
|
|
39
|
+
color: color,
|
|
40
|
+
onClick: () => handleTabChange(0)
|
|
41
|
+
}, tabs[0].title), /*#__PURE__*/_react.default.createElement(_TabMenu.PresentationSlider, {
|
|
37
42
|
activeTab: activeTab,
|
|
38
43
|
color: color,
|
|
39
44
|
width: "".concat(100 / tabs.length, "%"),
|
|
@@ -55,7 +60,7 @@ const TabMenu = props => {
|
|
|
55
60
|
width: inputWidth
|
|
56
61
|
})), /*#__PURE__*/_react.default.createElement(_TabMenu.Body, {
|
|
57
62
|
id: "tabsBody"
|
|
58
|
-
}, tabs[activeTab].content));
|
|
63
|
+
}, tabs[activeTab] && tabs[activeTab].content));
|
|
59
64
|
};
|
|
60
65
|
TabMenu.defaultProps = {
|
|
61
66
|
color: '#229E38',
|