@salesgenterp/ui-components 0.4.340 → 0.4.342
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.js +15 -17
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +15 -17
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -5312,15 +5312,15 @@ var CartDrawer = function CartDrawer(_ref) {
|
|
|
5312
5312
|
};
|
|
5313
5313
|
|
|
5314
5314
|
var _templateObject$t, _templateObject2$j, _templateObject3$d, _templateObject4$9, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$3, _templateObject9$3;
|
|
5315
|
-
var CartPageSection = styled__default.section(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose(["\n background: ", ";\n max-width: 100%;\n width: fit-content;\n background: ", ";\n overflow: hidden;\n border-radius: 28px;\n
|
|
5315
|
+
var CartPageSection = styled__default.section(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose(["\n background: ", ";\n max-width: 100%;\n width: fit-content;\n background: ", ";\n overflow: hidden;\n border-radius: 28px;\n max-width: 1600px;\n width: min(1600px, 100%);\n margin: auto;\n @media screen and (max-width: 1340px) {\n padding: 0 1em;\n }\n @media screen and (max-width: 640px) {\n padding: 0 1em;\n }\n"])), function (props) {
|
|
5316
5316
|
return props.bg;
|
|
5317
5317
|
}, function (props) {
|
|
5318
5318
|
return props.bg || '#FAE8E5';
|
|
5319
5319
|
});
|
|
5320
|
-
var CartPageContainer = styled__default.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteralLoose(["\n max-width: ", ";\n width: ", ";\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n border-radius: 28px 28px 28px 14px;\n padding: 2em 2.5em;\n padding-bottom: 3em;\n border-radius: 28px;\n opacity: ", ";\n .scrollDiv {\n width: 68%;\n height: 630px;\n max-height: 630px;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n\n margin-right: 0.3em;\n &::-webkit-scrollbar {\n width: ", ";\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: ", ";\n\n border-radius: 16px;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 16px;\n }\n /* box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.05); */\n }\n table {\n border-collapse: separate;\n border-spacing: 0 4px;\n row-gap: 4px;\n }\n\n td {\n /* border: solid 1px #000; */\n border-style: none solid solid none;\n /* padding: 10px; */\n /* margin-bottom:5px; */\n }\n\n tr:first-child td:first-child {\n border-top-left-radius: 10px;\n }\n tr td:last-child {\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n }\n\n tr td:first-child {\n border-bottom-left-radius: 10px;\n border-top-left-radius: 10px;\n }\n tr td:last-child {\n border-bottom-right-radius: 10px;\n }\n\n tr td {\n border-top-style: solid;\n }\n tr td:first-child {\n border-left-style: solid;\n }\n\n @media only screen and (max-width: 1340px) {\n flex-direction: column;\n align-items: center;\n padding: 0.
|
|
5321
|
-
return props.maxWidth || '
|
|
5320
|
+
var CartPageContainer = styled__default.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteralLoose(["\n max-width: ", ";\n width: ", ";\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n border-radius: 28px 28px 28px 14px;\n padding: 2em 2.5em;\n padding-bottom: 3em;\n border-radius: 28px;\n opacity: ", ";\n .scrollDiv {\n width: 68%;\n height: 630px;\n max-height: 630px;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n\n margin-right: 0.3em;\n &::-webkit-scrollbar {\n width: ", ";\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: ", ";\n\n border-radius: 16px;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 16px;\n }\n /* box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.05); */\n }\n table {\n border-collapse: separate;\n border-spacing: 0 4px;\n row-gap: 4px;\n }\n\n td {\n /* border: solid 1px #000; */\n border-style: none solid solid none;\n /* padding: 10px; */\n /* margin-bottom:5px; */\n }\n\n tr:first-child td:first-child {\n border-top-left-radius: 10px;\n }\n tr td:last-child {\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n }\n\n tr td:first-child {\n border-bottom-left-radius: 10px;\n border-top-left-radius: 10px;\n }\n tr td:last-child {\n border-bottom-right-radius: 10px;\n }\n\n tr td {\n border-top-style: solid;\n }\n tr td:first-child {\n border-left-style: solid;\n }\n\n @media only screen and (max-width: 1340px) {\n flex-direction: column;\n align-items: center;\n padding: 0.5rem;\n .scrollDiv {\n width: 100%;\n margin: 0;\n margin-bottom: 2em;\n padding: 0 0.4em;\n }\n }\n"])), function (props) {
|
|
5321
|
+
return props.maxWidth || '1600px';
|
|
5322
5322
|
}, function (props) {
|
|
5323
|
-
return "min(" + (props.maxWidth || '
|
|
5323
|
+
return "min(" + (props.maxWidth || '1600px') + ",100%)";
|
|
5324
5324
|
}, function (props) {
|
|
5325
5325
|
return props.loading ? '0.7' : 1;
|
|
5326
5326
|
}, function (props) {
|
|
@@ -5348,7 +5348,7 @@ var CartTableCell = styled__default(material.TableCell)(_templateObject6$5 || (_
|
|
|
5348
5348
|
}, function (props) {
|
|
5349
5349
|
return "" + props.color || 'inherit';
|
|
5350
5350
|
});
|
|
5351
|
-
var CartTableContainer = styled__default(material.TableContainer)(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteralLoose(["\n max-height: 580px;\n min-height:
|
|
5351
|
+
var CartTableContainer = styled__default(material.TableContainer)(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteralLoose(["\n max-height: 580px;\n min-height: 440px;\n padding-right: 1rem;\n\n &::-webkit-scrollbar {\n width: ", ";\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: ", ";\n border-radius: 16px;\n width: 100%;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n border-radius: 16px;\n margin: 5px 2px;\n background: ", ";\n }\n @media screen and (max-width: 750px) {\n padding: 0;\n }\n"])), function (props) {
|
|
5352
5352
|
return props.retail ? '12px' : '10px';
|
|
5353
5353
|
}, function (props) {
|
|
5354
5354
|
return 'rgba(102, 112, 128, 0.5)';
|
|
@@ -5360,7 +5360,7 @@ var CartButtonsRow = styled__default.div(_templateObject8$3 || (_templateObject8
|
|
|
5360
5360
|
}, function (props) {
|
|
5361
5361
|
return props.color || 'white';
|
|
5362
5362
|
});
|
|
5363
|
-
var CartPageBox = styled__default.div(_templateObject9$3 || (_templateObject9$3 = _taggedTemplateLiteralLoose(["\n width:
|
|
5363
|
+
var CartPageBox = styled__default.div(_templateObject9$3 || (_templateObject9$3 = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-width: 100%;\n margin-right: 1rem;\n min-height: 30em;\n position: relative;\n @media only screen and (max-width: 740px) {\n margin-right: 0;\n .CartnoBelowSm {\n display: none;\n }\n }\n"])));
|
|
5364
5364
|
|
|
5365
5365
|
function createCommonjsModule(fn, module) {
|
|
5366
5366
|
return module = { exports: {} }, fn(module, module.exports), module.exports;
|
|
@@ -6462,7 +6462,7 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
6462
6462
|
});
|
|
6463
6463
|
|
|
6464
6464
|
var _templateObject$u, _templateObject2$k, _templateObject3$e, _templateObject4$a, _templateObject5$8, _templateObject6$6;
|
|
6465
|
-
var ProductImage = styled__default.img(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose(["\n min-width: 50px;\n min-height: 50px;\n @media only screen and (max-width: 640px) {\n margin: 0.5em 0;\n padding-right: 0.5em;\n }\n"])));
|
|
6465
|
+
var ProductImage = styled__default.img(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose(["\n min-width: 50px;\n min-height: 50px;\n object-fit: contain;\n @media only screen and (max-width: 640px) {\n margin: 0.5em 0;\n padding-right: 0.5em;\n }\n"])));
|
|
6466
6466
|
var ProductName = styled__default.h6(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n font-size: ", ";\n padding: 0;\n line-height: 1.3em;\n max-height: ", ";\n height: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n height: fit-content;\n"])), function (props) {
|
|
6467
6467
|
return props.size || '1em';
|
|
6468
6468
|
}, function (props) {
|
|
@@ -6470,7 +6470,7 @@ var ProductName = styled__default.h6(_templateObject2$k || (_templateObject2$k =
|
|
|
6470
6470
|
}, function (props) {
|
|
6471
6471
|
return props.maxHeight ? props.maxHeight + "em" : '2.80em';
|
|
6472
6472
|
});
|
|
6473
|
-
var CartTableRow = styled__default(material.TableRow)(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n position: relative;\n transition: 0.3s;\n background: white;\n /* &:hover {\n td:first-child,\n td:last-child {\n border-left-style: solid;\n border-top-style: solid;\n border-top-right-radius: 10px;\n }\n } */\n .outOfStock {\n font-size: 0.75em;\n color: red;\n text-transform: uppercase;\n font-weight: 500;\n }\n .price {\n font-size: ", ";\n font-weight: bold;\n color: #323232;\n /* font-size: 1.15em; */\n }\n .borderLeft {\n height: 100%;\n
|
|
6473
|
+
var CartTableRow = styled__default(material.TableRow)(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n position: relative;\n transition: 0.3s;\n background: white;\n /* &:hover {\n td:first-child,\n td:last-child {\n border-left-style: solid;\n border-top-style: solid;\n border-top-right-radius: 10px;\n }\n } */\n .outOfStock {\n font-size: 0.75em;\n color: red;\n text-transform: uppercase;\n font-weight: 500;\n }\n .price {\n font-size: ", ";\n font-weight: bold;\n color: #323232;\n /* font-size: 1.15em; */\n }\n .borderLeft {\n height: 100%;\n background: ", ";\n transition: 0.2s;\n width: 0px;\n position: absolute;\n left: 0;\n top: 0;\n border-top-left-radius: 10px;\n display: none;\n border-bottom-left-radius: 10px;\n }\n .cartCheckBox {\n &.Mui-checked {\n svg {\n color: ", ";\n }\n }\n }\n &:hover {\n background: white !important;\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);\n border-radius: 10px;\n /* opacity: 1;\n box-shadow: 1px 2px 6px 2px rgba(0, 0, 0, 0.2); */\n z-index: 2;\n /* border-radius: 20px; */\n .borderLeft {\n width: 12px;\n display: inline-block;\n }\n }\n @media only screen and (max-width: 640px) {\n .CartnoPaddingSm {\n padding: 0 !important;\n }\n .price {\n font-size: 0.8em;\n }\n margin: 0.5em 0;\n .cartCheckBox {\n .css-i4bv87-MuiSvgIcon-root {\n font-size: 10px !important;\n }\n }\n }\n"])), function (props) {
|
|
6474
6474
|
return props.size || '1.19em';
|
|
6475
6475
|
}, function (prop) {
|
|
6476
6476
|
return prop.bg;
|
|
@@ -6504,7 +6504,10 @@ var CardRow = function CardRow(_ref) {
|
|
|
6504
6504
|
size: styles === null || styles === void 0 ? void 0 : (_styles$price = styles.price) === null || _styles$price === void 0 ? void 0 : _styles$price.size,
|
|
6505
6505
|
bg: (styles === null || styles === void 0 ? void 0 : styles.borderLeft) || (styles === null || styles === void 0 ? void 0 : (_styles$Btn = styles.Btn) === null || _styles$Btn === void 0 ? void 0 : _styles$Btn.background)
|
|
6506
6506
|
}, /*#__PURE__*/React__default.createElement(CartTableCell$1, {
|
|
6507
|
-
padding: "checkbox"
|
|
6507
|
+
padding: "checkbox",
|
|
6508
|
+
style: {
|
|
6509
|
+
position: 'relative'
|
|
6510
|
+
}
|
|
6508
6511
|
}, /*#__PURE__*/React__default.createElement("span", {
|
|
6509
6512
|
className: "borderLeft"
|
|
6510
6513
|
}), /*#__PURE__*/React__default.createElement(material.Checkbox, {
|
|
@@ -6578,8 +6581,7 @@ var CardRow = function CardRow(_ref) {
|
|
|
6578
6581
|
}, /*#__PURE__*/React__default.createElement("p", {
|
|
6579
6582
|
className: "price"
|
|
6580
6583
|
}, "$", (_row$subtotal = row.subtotal) === null || _row$subtotal === void 0 ? void 0 : _row$subtotal.toFixed(2))), /*#__PURE__*/React__default.createElement(CartTableCell$1, {
|
|
6581
|
-
alig: "center"
|
|
6582
|
-
className: "CartnoBelowSm"
|
|
6584
|
+
alig: "center"
|
|
6583
6585
|
}, /*#__PURE__*/React__default.createElement(DeleteBtn, {
|
|
6584
6586
|
onClick: function onClick(e) {
|
|
6585
6587
|
e.stopPropagation();
|
|
@@ -6916,9 +6918,7 @@ var CartPageMainRetail = function CartPageMainRetail(_ref) {
|
|
|
6916
6918
|
};
|
|
6917
6919
|
|
|
6918
6920
|
var _templateObject$w, _templateObject2$m, _templateObject3$g, _templateObject4$c, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$4;
|
|
6919
|
-
var CartSummaryContainer = styled__default.div(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n width:
|
|
6920
|
-
return props.maxWidth || '26.375em';
|
|
6921
|
-
}, function (props) {
|
|
6921
|
+
var CartSummaryContainer = styled__default.div(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n width: 25rem;\n max-width: 100%;\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n border-radius: 20px;\n padding: 2em 3em;\n align-items: center;\n /* margin-top: 3em; */\n p {\n font-size: 1.189em;\n font-weight: 600;\n align-self: flex-start;\n color: inherit;\n margin: 0;\n padding: 0;\n }\n .continueShopping {\n font-size: 0.75em;\n color: inherit;\n text-transform: capitalize;\n height: 20px;\n border-bottom: 1px solid;\n border-color: ", ";\n cursor: pointer;\n }\n @media only screen and (max-width: 1340px) {\n margin-top: 4em;\n }\n"])), function (props) {
|
|
6922
6922
|
return props.background || '#667080';
|
|
6923
6923
|
}, function (props) {
|
|
6924
6924
|
return props.color || 'white';
|
|
@@ -8375,9 +8375,7 @@ var CardRow$1 = function CardRow(_ref) {
|
|
|
8375
8375
|
className: "CartnoPaddingSm"
|
|
8376
8376
|
}, /*#__PURE__*/React__default.createElement("p", {
|
|
8377
8377
|
className: "price"
|
|
8378
|
-
}, "$", (_row$subtotal = row.subtotal) === null || _row$subtotal === void 0 ? void 0 : _row$subtotal.toFixed(2))), /*#__PURE__*/React__default.createElement(CartTableCell$2, {
|
|
8379
|
-
className: "CartnoBelowSm"
|
|
8380
|
-
}, /*#__PURE__*/React__default.createElement(DeleteBtn$1, {
|
|
8378
|
+
}, "$", (_row$subtotal = row.subtotal) === null || _row$subtotal === void 0 ? void 0 : _row$subtotal.toFixed(2))), /*#__PURE__*/React__default.createElement(CartTableCell$2, null, /*#__PURE__*/React__default.createElement(DeleteBtn$1, {
|
|
8381
8379
|
onClick: function onClick(e) {
|
|
8382
8380
|
e.stopPropagation();
|
|
8383
8381
|
if (loading) return;
|