sag_components 1.0.861 → 1.0.862
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.
|
@@ -32,7 +32,8 @@ const BannerEventBoxList = props => {
|
|
|
32
32
|
children,
|
|
33
33
|
linkText,
|
|
34
34
|
disableToggle,
|
|
35
|
-
bannerWidth
|
|
35
|
+
bannerWidth,
|
|
36
|
+
loaderColor
|
|
36
37
|
} = props;
|
|
37
38
|
const [IsItemOpen, setIsItemOpen] = (0, _react.useState)(false);
|
|
38
39
|
const handleToggle = () => {
|
|
@@ -59,7 +60,7 @@ const BannerEventBoxList = props => {
|
|
|
59
60
|
className: className
|
|
60
61
|
}, /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.CollapseMenuItemContainer, {
|
|
61
62
|
onClick: () => handleToggle()
|
|
62
|
-
}, /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.MainDetails, null,
|
|
63
|
+
}, /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.MainDetails, null, !cardsContent && bannersIcon(), showEventDetails ? /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.SubDetails, null, eventName, ' ', /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.ProductName, null, "|"), ' ', eventType, count && /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.ProductName, null, ': ', count, ' ', count > 1 ? 'Products' : 'Product')) : ' '), /*#__PURE__*/_react.default.createElement(_BannerEventBoxList.ToggleContainer, null, IsItemOpen ? /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
|
|
63
64
|
disabled: disableToggle,
|
|
64
65
|
text: linkText,
|
|
65
66
|
leftIcon: "info",
|
|
@@ -135,6 +136,7 @@ BannerEventBoxList.defaultProps = {
|
|
|
135
136
|
showEventDetails: true,
|
|
136
137
|
disableToggle: true,
|
|
137
138
|
children: null,
|
|
138
|
-
bannerWidth: 'auto'
|
|
139
|
+
bannerWidth: 'auto',
|
|
140
|
+
loaderColor: '#212121'
|
|
139
141
|
};
|
|
140
142
|
var _default = exports.default = BannerEventBoxList;
|
|
@@ -1,18 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
|
-
exports.ToggleContainer = exports.SubDetails = exports.ProductName = exports.MainDetails = exports.MainContainer = exports.CollapseMenuItemMainContainer = exports.CollapseMenuItemContentContainer = exports.CollapseMenuItemContainer = void 0;
|
|
8
|
+
exports.ToggleContainer = exports.SubDetails = exports.ProductName = exports.MainDetails = exports.MainContainer = exports.Loader = exports.CollapseMenuItemMainContainer = exports.CollapseMenuItemContentContainer = exports.CollapseMenuItemContainer = void 0;
|
|
8
9
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
|
|
9
|
-
var _styledComponents =
|
|
10
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
|
|
10
|
+
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
11
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
|
|
11
12
|
const CollapseMenuItemMainContainer = exports.CollapseMenuItemMainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n font-family: \"Poppins\", sans-serif;\n background: white;\n padding: 20px 24px;\n box-shadow: 0px 8px 20px -10px rgba(0, 0, 0, 0.2);\n"])));
|
|
12
13
|
const CollapseMenuItemContainer = exports.CollapseMenuItemContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
14
|
+
const rotation = (0, _styledComponents.keyframes)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n 0% { transform: rotate(0deg) }\n 100% { transform: rotate(360deg) }\n"])));
|
|
15
|
+
const Loader = exports.Loader = _styledComponents.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n width: 18px;\n height: 18px;\n border-radius: 50%;\n display: inline-block;\n border-top: 1px solid ", ";\n border-right: 1px solid transparent;\n box-sizing: border-box;\n animation: ", " 1s linear infinite;\n"])), props => props.loaderColor, rotation);
|
|
16
|
+
const MainDetails = exports.MainDetails = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 16px;\n padding-left: 20px;\n"])));
|
|
17
|
+
const SubDetails = exports.SubDetails = _styledComponents.default.span(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n font-size: 16px;\n font-weight: 400;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 12px;\n }\n"])));
|
|
18
|
+
const ProductName = exports.ProductName = _styledComponents.default.span(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n color: #8B8989;\n"])));
|
|
19
|
+
const ToggleContainer = exports.ToggleContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n cursor: 'pointer';\n display: flex;\n align-items: center;\n"])));
|
|
20
|
+
const CollapseMenuItemContentContainer = exports.CollapseMenuItemContentContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 14px;\n margin-top: 12px;\n border-top: 1px solid #D0D0D0;\n @media (max-width: 1536px) {\n font-size: 12px;\n }\n"])));
|
|
21
|
+
const MainContainer = exports.MainContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n width: ", ";\n height: ", ";\n display: flex;\n gap: 20px;\n padding: 20px 0 4px;\n"])), props => props.width, props => props.height);
|
|
@@ -135,7 +135,8 @@ const BarChart = props => {
|
|
|
135
135
|
tickLine: false,
|
|
136
136
|
height: 120,
|
|
137
137
|
stroke: "#D0D0D0",
|
|
138
|
-
domain: [0, 'auto']
|
|
138
|
+
domain: [0, 'auto'],
|
|
139
|
+
interval: 0
|
|
139
140
|
}), /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, {
|
|
140
141
|
content: /*#__PURE__*/_react.default.createElement(CustomTooltip, null)
|
|
141
142
|
}), /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, null), /*#__PURE__*/_react.default.createElement(_recharts.Bar, {
|
|
@@ -141,7 +141,8 @@ const BarChartTwoRows = props => {
|
|
|
141
141
|
tick: CustomizedTickBarChart,
|
|
142
142
|
tickLine: false,
|
|
143
143
|
height: 120,
|
|
144
|
-
stroke: "#D0D0D0"
|
|
144
|
+
stroke: "#D0D0D0",
|
|
145
|
+
interval: 0
|
|
145
146
|
}), /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, {
|
|
146
147
|
content: /*#__PURE__*/_react.default.createElement(CustomTooltip, null)
|
|
147
148
|
}), /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, null), /*#__PURE__*/_react.default.createElement(_recharts.Bar, {
|