@salesgenterp/ui-components 0.4.70 → 0.4.72
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 +19 -9
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +19 -9
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -232,12 +232,12 @@ var CartPageContainer = styled.div(_templateObject2$2 || (_templateObject2$2 = _
|
|
|
232
232
|
var CardsBox = styled.div(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteralLoose(["\n width: 100%;\n /* min-height: 1000px; */\n position: relative;\n max-width: 860px;\n margin-right: auto;\n padding: 1em 2em;\n display: ", ";\n grid-template-columns: 1fr 1fr;\n flex-direction: column;\n align-items: flex-start;\n grid-gap: 1em;\n justify-content: flex-start;\n align-items: center;\n border-radius: 20px;\n @media only screen and (max-width: 960px) {\n display: flex;\n }\n @media only screen and (max-width: 640px) {\n padding: 1em 0.2em;\n }\n"])), function (props) {
|
|
233
233
|
return props.retail ? 'grid' : 'flex';
|
|
234
234
|
});
|
|
235
|
-
var CartHeading = styled.div(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n /* margin-bottom: 2em; */\n margin-left: 1em;\n\n h1 {\n font-weight: 600;\n font-size: 2.0375em;\n text-transform: capitalize;\n color: inherit;\n /* margin-bottom: 1em; */\n }\n p {\n font-size:
|
|
235
|
+
var CartHeading = styled.div(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n /* margin-bottom: 2em; */\n margin-left: 2em;\n margin-top: 1em;\n\n h1 {\n font-weight: 600;\n font-size: 2.0375em;\n text-transform: capitalize;\n color: inherit;\n /* margin-bottom: 1em; */\n }\n p {\n font-size: 0.875em;\n color: black;\n margin-top: 0.5em;\n }\n"])));
|
|
236
236
|
var Loader = styled.div(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 40%;\n left: 47%;\n display: grid;\n place-items: center;\n z-index: 3;\n"])));
|
|
237
237
|
var CartTableCell = styled(material.TableCell)(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteralLoose(["\n && {\n padding-bottom: 1em !important;\n border: none !important;\n font-size: 0.75rem;\n background: ", ";\n font-family: 'karla-fonts';\n }\n span {\n font-size: 0.75rem;\n }\n"])), function (props) {
|
|
238
238
|
return "" + props.bg;
|
|
239
239
|
});
|
|
240
|
-
var CartTableContainer = styled(material.TableContainer)(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n max-height: 580px;\n min-height:
|
|
240
|
+
var CartTableContainer = styled(material.TableContainer)(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n max-height: 580px;\n min-height: 460px;\n padding-right: 1.5em;\n\n &::-webkit-scrollbar {\n width: ", ";\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: ", ";\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 border: 3px solid;\n border-color: #fae8e5;\n }\n @media screen and (max-width: 750px) {\n padding: 0;\n }\n"])), function (props) {
|
|
241
241
|
return props.retail ? '12px' : '10px';
|
|
242
242
|
}, function (props) {
|
|
243
243
|
return props.retail ? '#667080' : 'rgba(102, 112, 128, 0.5)';
|
|
@@ -246,7 +246,7 @@ var CartTableContainer = styled(material.TableContainer)(_templateObject7$1 || (
|
|
|
246
246
|
}, function (props) {
|
|
247
247
|
return props.color || '#ef9687';
|
|
248
248
|
});
|
|
249
|
-
var CartButtonsRow = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n button {\n background: ", ";\n color: ", ";\n padding: 0.5em 1em;\n margin-
|
|
249
|
+
var CartButtonsRow = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n padding-right: 1.85em;\n button {\n background: ", ";\n color: ", ";\n padding: 0.5em 1em;\n margin-left: 1em;\n font-size: 0.85em;\n text-transform: uppercase;\n border: none;\n cursor: pointer;\n transition: 0.4s;\n &:hover {\n transform: scale(0.9);\n }\n }\n"])), function (props) {
|
|
250
250
|
return props.bg || 'rgba(253, 0, 21, 1)';
|
|
251
251
|
}, function (props) {
|
|
252
252
|
return props.color || 'white';
|
|
@@ -1365,7 +1365,7 @@ var CartTableRow = styled(material.TableRow)(_templateObject3$3 || (_templateObj
|
|
|
1365
1365
|
return props.size || '1.19rem';
|
|
1366
1366
|
});
|
|
1367
1367
|
var CartTableCell$1 = styled(material.TableCell)(_templateObject4$2 || (_templateObject4$2 = _taggedTemplateLiteralLoose(["\n && {\n border: none !important;\n font-family: 'karla-fonts';\n }\n"])));
|
|
1368
|
-
var QuantityBox = styled.div(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteralLoose(["\n height: 1.7em;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n div {\n /* width:30px; */\n min-height: 100%;\n aspect-ratio: 1.15/1;\n display: grid;\n place-items: center;\n font-size: 0.
|
|
1368
|
+
var QuantityBox = styled.div(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteralLoose(["\n height: 1.7em;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n div {\n /* width:30px; */\n min-height: 100%;\n aspect-ratio: 1.15/1;\n display: grid;\n place-items: center;\n font-size: 0.65em;\n color: white;\n background-color: #323232;\n cursor: pointer;\n }\n .price {\n background: transparent;\n cursor: auto;\n background: #ffffff;\n border: 1px solid #ebebeb;\n p {\n color: #5e5c5c;\n font-size: 0.685em;\n font-weight: 500;\n }\n }\n .add {\n background-color: #ebebeb;\n color: #323232;\n }\n"])));
|
|
1369
1369
|
var DeleteBtn = styled.div(_templateObject6$2 || (_templateObject6$2 = _taggedTemplateLiteralLoose(["\n display: grid;\n place-items: center;\n cursor: pointer;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n background: #eef1f4;\n color: #393f48;\n font-size: 0.75em;\n transition: 0.4s;\n &:hover {\n background: red;\n color: white;\n }\n"])));
|
|
1370
1370
|
|
|
1371
1371
|
var CardRow = function CardRow(_ref) {
|
|
@@ -1399,6 +1399,7 @@ var CardRow = function CardRow(_ref) {
|
|
|
1399
1399
|
background: styles === null || styles === void 0 ? void 0 : (_styles$Btn = styles.Btn) === null || _styles$Btn === void 0 ? void 0 : _styles$Btn.background
|
|
1400
1400
|
}
|
|
1401
1401
|
}), /*#__PURE__*/React__default.createElement(material.Checkbox, {
|
|
1402
|
+
size: "small",
|
|
1402
1403
|
color: "primary",
|
|
1403
1404
|
checked: isItemSelected,
|
|
1404
1405
|
inputProps: {
|
|
@@ -1435,7 +1436,11 @@ var CardRow = function CardRow(_ref) {
|
|
|
1435
1436
|
if (loading) return;
|
|
1436
1437
|
handleIncrementDecrement('decrement', row);
|
|
1437
1438
|
}
|
|
1438
|
-
}, /*#__PURE__*/React__default.createElement(ai.AiOutlineMinus,
|
|
1439
|
+
}, /*#__PURE__*/React__default.createElement(ai.AiOutlineMinus, {
|
|
1440
|
+
style: {
|
|
1441
|
+
fontSize: 'inherit'
|
|
1442
|
+
}
|
|
1443
|
+
})), /*#__PURE__*/React__default.createElement("div", {
|
|
1439
1444
|
className: "price"
|
|
1440
1445
|
}, /*#__PURE__*/React__default.createElement("p", null, row === null || row === void 0 ? void 0 : row.quantity)), /*#__PURE__*/React__default.createElement("div", {
|
|
1441
1446
|
className: "add",
|
|
@@ -1444,7 +1449,11 @@ var CardRow = function CardRow(_ref) {
|
|
|
1444
1449
|
if (loading) return;
|
|
1445
1450
|
handleIncrementDecrement('increment', row);
|
|
1446
1451
|
}
|
|
1447
|
-
}, /*#__PURE__*/React__default.createElement(ai.AiOutlinePlus,
|
|
1452
|
+
}, /*#__PURE__*/React__default.createElement(ai.AiOutlinePlus, {
|
|
1453
|
+
style: {
|
|
1454
|
+
fontSize: 'inherit'
|
|
1455
|
+
}
|
|
1456
|
+
})))), /*#__PURE__*/React__default.createElement(CartTableCell$1, {
|
|
1448
1457
|
alig: "center",
|
|
1449
1458
|
className: "CartnoPaddingSm"
|
|
1450
1459
|
}, /*#__PURE__*/React__default.createElement("p", {
|
|
@@ -1529,6 +1538,7 @@ function EnhancedTableHead(props) {
|
|
|
1529
1538
|
padding: "checkbox",
|
|
1530
1539
|
bg: styles.bg
|
|
1531
1540
|
}, /*#__PURE__*/React.createElement(material.Checkbox, {
|
|
1541
|
+
size: "small",
|
|
1532
1542
|
color: "primary",
|
|
1533
1543
|
indeterminate: numSelected > 0 && numSelected < rowCount,
|
|
1534
1544
|
checked: rowCount > 0 && numSelected === rowCount,
|
|
@@ -1797,7 +1807,7 @@ var CartPageMainRetail = function CartPageMainRetail(_ref) {
|
|
|
1797
1807
|
};
|
|
1798
1808
|
|
|
1799
1809
|
var _templateObject$5, _templateObject2$5, _templateObject3$5, _templateObject4$4, _templateObject5$4, _templateObject6$4;
|
|
1800
|
-
var CartSummaryContainer = styled.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n width: 26.375em;\n max-width: ", ";\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n border-radius: 28px;\n padding: 2em 1em;\n align-items: center;\n margin-top: 3em
|
|
1810
|
+
var CartSummaryContainer = styled.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n width: 26.375em;\n max-width: ", ";\n display: flex;\n flex-direction: column;\n background: ", ";\n color: ", ";\n border-radius: 28px;\n padding: 2em 1em;\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 font-weight: 300;\n cursor: pointer;\n }\n"])), function (props) {
|
|
1801
1811
|
return props.maxWidth || '26.375em';
|
|
1802
1812
|
}, function (props) {
|
|
1803
1813
|
return props.background || '#667080';
|
|
@@ -1833,7 +1843,7 @@ var CartSummaryInputBox = styled.form(_templateObject4$4 || (_templateObject4$4
|
|
|
1833
1843
|
}, function (props) {
|
|
1834
1844
|
return props.Btncolor || 'inherit';
|
|
1835
1845
|
});
|
|
1836
|
-
var CartSummaryCheckoutBtn = styled.button(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n font-size: 0.95em;\n font-weight: 700;\n background: ", ";\n color: ", ";\n cursor: pointer;\n text-transform: uppercase;\n border: none;\n outline: none;\n width: 16.81em;\n height: 3.
|
|
1846
|
+
var CartSummaryCheckoutBtn = styled.button(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n font-size: 0.95em;\n font-weight: 700;\n background: ", ";\n color: ", ";\n cursor: pointer;\n text-transform: uppercase;\n border: none;\n outline: none;\n width: 16.81em;\n height: 3.4em;\n display: grid;\n place-items: center;\n font-size: 0.75em;\n border-radius: ", ";\n padding: 0;\n font-family: 'karla-fonts';\n font-size: 0.94em;\n margin: 1em auto;\n transition: 0.3s;\n margin-top: 2em;\n &:hover {\n opacity: 0.8;\n }\n"])), function (props) {
|
|
1837
1847
|
return props.background || '#393f48';
|
|
1838
1848
|
}, function (props) {
|
|
1839
1849
|
return props.color || 'inherit';
|
|
@@ -1864,7 +1874,7 @@ var CartSummary = function CartSummary(_ref) {
|
|
|
1864
1874
|
return /*#__PURE__*/React__default.createElement(CartSummaryContainer, {
|
|
1865
1875
|
background: cartSummary.bg,
|
|
1866
1876
|
color: cartSummary.color
|
|
1867
|
-
}, /*#__PURE__*/React__default.createElement("p", null, "Cart summary"), /*#__PURE__*/React__default.createElement(CartSummaryHr, {
|
|
1877
|
+
}, /*#__PURE__*/React__default.createElement("p", null, "Cart summary:"), /*#__PURE__*/React__default.createElement(CartSummaryHr, {
|
|
1868
1878
|
color: cartSummary.hr
|
|
1869
1879
|
}), /*#__PURE__*/React__default.createElement(CartSummaryRow, null, /*#__PURE__*/React__default.createElement("h6", null, "subtotal"), /*#__PURE__*/React__default.createElement("h5", null, "$", subtotal === null || subtotal === void 0 ? void 0 : subtotal.toFixed(2))), /*#__PURE__*/React__default.createElement(CartSummaryHr, {
|
|
1870
1880
|
color: cartSummary.hr
|