@salesgenterp/ui-components 0.4.340 → 0.4.341
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 +12 -12
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +12 -12
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -5308,15 +5308,15 @@ var CartDrawer = function CartDrawer(_ref) {
|
|
|
5308
5308
|
};
|
|
5309
5309
|
|
|
5310
5310
|
var _templateObject$t, _templateObject2$j, _templateObject3$d, _templateObject4$9, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$3, _templateObject9$3;
|
|
5311
|
-
var CartPageSection = styled.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
|
|
5311
|
+
var CartPageSection = styled.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) {
|
|
5312
5312
|
return props.bg;
|
|
5313
5313
|
}, function (props) {
|
|
5314
5314
|
return props.bg || '#FAE8E5';
|
|
5315
5315
|
});
|
|
5316
5316
|
var CartPageContainer = styled.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.5em;\n .scrollDiv {\n width: 100%;\n margin: 0;\n margin-bottom: 2em;\n padding: 0 0.4em;\n }\n }\n"])), function (props) {
|
|
5317
|
-
return props.maxWidth || '
|
|
5317
|
+
return props.maxWidth || '1600px';
|
|
5318
5318
|
}, function (props) {
|
|
5319
|
-
return "min(" + (props.maxWidth || '
|
|
5319
|
+
return "min(" + (props.maxWidth || '1600px') + ",100%)";
|
|
5320
5320
|
}, function (props) {
|
|
5321
5321
|
return props.loading ? '0.7' : 1;
|
|
5322
5322
|
}, function (props) {
|
|
@@ -5356,7 +5356,7 @@ var CartButtonsRow = styled.div(_templateObject8$3 || (_templateObject8$3 = _tag
|
|
|
5356
5356
|
}, function (props) {
|
|
5357
5357
|
return props.color || 'white';
|
|
5358
5358
|
});
|
|
5359
|
-
var CartPageBox = styled.div(_templateObject9$3 || (_templateObject9$3 = _taggedTemplateLiteralLoose(["\n width:
|
|
5359
|
+
var CartPageBox = styled.div(_templateObject9$3 || (_templateObject9$3 = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-width: 100%;\n margin-right: 2em;\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"])));
|
|
5360
5360
|
|
|
5361
5361
|
function createCommonjsModule(fn, module) {
|
|
5362
5362
|
return module = { exports: {} }, fn(module, module.exports), module.exports;
|
|
@@ -6458,7 +6458,7 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
6458
6458
|
});
|
|
6459
6459
|
|
|
6460
6460
|
var _templateObject$u, _templateObject2$k, _templateObject3$e, _templateObject4$a, _templateObject5$8, _templateObject6$6;
|
|
6461
|
-
var ProductImage = styled.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"])));
|
|
6461
|
+
var ProductImage = styled.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"])));
|
|
6462
6462
|
var ProductName = styled.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) {
|
|
6463
6463
|
return props.size || '1em';
|
|
6464
6464
|
}, function (props) {
|
|
@@ -6466,7 +6466,7 @@ var ProductName = styled.h6(_templateObject2$k || (_templateObject2$k = _taggedT
|
|
|
6466
6466
|
}, function (props) {
|
|
6467
6467
|
return props.maxHeight ? props.maxHeight + "em" : '2.80em';
|
|
6468
6468
|
});
|
|
6469
|
-
var CartTableRow = styled(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
|
|
6469
|
+
var CartTableRow = styled(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) {
|
|
6470
6470
|
return props.size || '1.19em';
|
|
6471
6471
|
}, function (prop) {
|
|
6472
6472
|
return prop.bg;
|
|
@@ -6500,7 +6500,10 @@ var CardRow = function CardRow(_ref) {
|
|
|
6500
6500
|
size: styles === null || styles === void 0 ? void 0 : (_styles$price = styles.price) === null || _styles$price === void 0 ? void 0 : _styles$price.size,
|
|
6501
6501
|
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)
|
|
6502
6502
|
}, /*#__PURE__*/React__default.createElement(CartTableCell$1, {
|
|
6503
|
-
padding: "checkbox"
|
|
6503
|
+
padding: "checkbox",
|
|
6504
|
+
style: {
|
|
6505
|
+
position: 'relative'
|
|
6506
|
+
}
|
|
6504
6507
|
}, /*#__PURE__*/React__default.createElement("span", {
|
|
6505
6508
|
className: "borderLeft"
|
|
6506
6509
|
}), /*#__PURE__*/React__default.createElement(Checkbox$1, {
|
|
@@ -6574,8 +6577,7 @@ var CardRow = function CardRow(_ref) {
|
|
|
6574
6577
|
}, /*#__PURE__*/React__default.createElement("p", {
|
|
6575
6578
|
className: "price"
|
|
6576
6579
|
}, "$", (_row$subtotal = row.subtotal) === null || _row$subtotal === void 0 ? void 0 : _row$subtotal.toFixed(2))), /*#__PURE__*/React__default.createElement(CartTableCell$1, {
|
|
6577
|
-
alig: "center"
|
|
6578
|
-
className: "CartnoBelowSm"
|
|
6580
|
+
alig: "center"
|
|
6579
6581
|
}, /*#__PURE__*/React__default.createElement(DeleteBtn, {
|
|
6580
6582
|
onClick: function onClick(e) {
|
|
6581
6583
|
e.stopPropagation();
|
|
@@ -8371,9 +8373,7 @@ var CardRow$1 = function CardRow(_ref) {
|
|
|
8371
8373
|
className: "CartnoPaddingSm"
|
|
8372
8374
|
}, /*#__PURE__*/React__default.createElement("p", {
|
|
8373
8375
|
className: "price"
|
|
8374
|
-
}, "$", (_row$subtotal = row.subtotal) === null || _row$subtotal === void 0 ? void 0 : _row$subtotal.toFixed(2))), /*#__PURE__*/React__default.createElement(CartTableCell$2, {
|
|
8375
|
-
className: "CartnoBelowSm"
|
|
8376
|
-
}, /*#__PURE__*/React__default.createElement(DeleteBtn$1, {
|
|
8376
|
+
}, "$", (_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, {
|
|
8377
8377
|
onClick: function onClick(e) {
|
|
8378
8378
|
e.stopPropagation();
|
|
8379
8379
|
if (loading) return;
|