@thecb/components 4.2.7 → 4.2.8-beta.3
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.
- package/dist/index.cjs.js +11 -2
- package/package.json +1 -1
- package/src/components/atoms/jumbo/Jumbo.js +18 -2
package/dist/index.cjs.js
CHANGED
|
@@ -21256,7 +21256,12 @@ var Jumbo = function Jumbo(_ref) {
|
|
|
21256
21256
|
_ref$largeSide = _ref.largeSide,
|
|
21257
21257
|
largeSide = _ref$largeSide === void 0 ? "right" : _ref$largeSide,
|
|
21258
21258
|
_ref$largeSideSize = _ref.largeSideSize,
|
|
21259
|
-
largeSideSize = _ref$largeSideSize === void 0 ? "2" : _ref$largeSideSize
|
|
21259
|
+
largeSideSize = _ref$largeSideSize === void 0 ? "2" : _ref$largeSideSize,
|
|
21260
|
+
CartStatus = _ref.cartStatus,
|
|
21261
|
+
total = _ref.total,
|
|
21262
|
+
itemsCount = _ref.itemsCount,
|
|
21263
|
+
showCartStatus = _ref.showCartStatus,
|
|
21264
|
+
openCartSlider = _ref.openCartSlider;
|
|
21260
21265
|
|
|
21261
21266
|
var _useContext = React.useContext(styled.ThemeContext),
|
|
21262
21267
|
isMobile = _useContext.isMobile;
|
|
@@ -21278,7 +21283,7 @@ var Jumbo = function Jumbo(_ref) {
|
|
|
21278
21283
|
childGap: "0.25rem"
|
|
21279
21284
|
}, /*#__PURE__*/React__default.createElement(Cluster, {
|
|
21280
21285
|
minHeight: "100%",
|
|
21281
|
-
justify: isMobile ? "center" : showButton ? "space-between" : "left",
|
|
21286
|
+
justify: isMobile ? "center" : showButton || showCartStatus ? "space-between" : "left",
|
|
21282
21287
|
align: "center"
|
|
21283
21288
|
}, /*#__PURE__*/React__default.createElement(Heading$1, {
|
|
21284
21289
|
variant: isMobile ? "h5" : "h3",
|
|
@@ -21294,6 +21299,10 @@ var Jumbo = function Jumbo(_ref) {
|
|
|
21294
21299
|
text: buttonText || "Browse Services",
|
|
21295
21300
|
variant: "primary",
|
|
21296
21301
|
extraStyles: "margin: 0 0 65px 0; min-width: 320px;"
|
|
21302
|
+
}), showCartStatus && /*#__PURE__*/React__default.createElement(CartStatus, {
|
|
21303
|
+
total: total,
|
|
21304
|
+
itemsCount: itemsCount,
|
|
21305
|
+
openCart: openCartSlider
|
|
21297
21306
|
}))))));
|
|
21298
21307
|
};
|
|
21299
21308
|
|
package/package.json
CHANGED
|
@@ -14,7 +14,12 @@ const Jumbo = ({
|
|
|
14
14
|
buttonText,
|
|
15
15
|
slug,
|
|
16
16
|
largeSide = "right",
|
|
17
|
-
largeSideSize = "2"
|
|
17
|
+
largeSideSize = "2",
|
|
18
|
+
cartStatus: CartStatus,
|
|
19
|
+
total,
|
|
20
|
+
itemsCount,
|
|
21
|
+
showCartStatus,
|
|
22
|
+
openCartSlider
|
|
18
23
|
}) => {
|
|
19
24
|
const { isMobile } = useContext(ThemeContext);
|
|
20
25
|
return (
|
|
@@ -35,7 +40,11 @@ const Jumbo = ({
|
|
|
35
40
|
<Cluster
|
|
36
41
|
minHeight="100%"
|
|
37
42
|
justify={
|
|
38
|
-
isMobile
|
|
43
|
+
isMobile
|
|
44
|
+
? `center`
|
|
45
|
+
: showButton || showCartStatus
|
|
46
|
+
? `space-between`
|
|
47
|
+
: `left`
|
|
39
48
|
}
|
|
40
49
|
align="center"
|
|
41
50
|
>
|
|
@@ -65,6 +74,13 @@ const Jumbo = ({
|
|
|
65
74
|
extraStyles={`margin: 0 0 65px 0; min-width: 320px;`}
|
|
66
75
|
/>
|
|
67
76
|
)}
|
|
77
|
+
{showCartStatus && (
|
|
78
|
+
<CartStatus
|
|
79
|
+
total={total}
|
|
80
|
+
itemsCount={itemsCount}
|
|
81
|
+
openCart={openCartSlider}
|
|
82
|
+
/>
|
|
83
|
+
)}
|
|
68
84
|
</Cluster>
|
|
69
85
|
</Switcher>
|
|
70
86
|
</Cover>
|