@salesgenterp/ui-components 0.4.340 → 0.4.341

package/dist/index.js

@@ -5312,15 +5312,15 @@ var CartDrawer = function CartDrawer(_ref) {
 };
 
 var _templateObject$t, _templateObject2$j, _templateObject3$d, _templateObject4$9, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$3, _templateObject9$3;
-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\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) {
+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) {
   return props.bg;
 }, function (props) {
   return props.bg || '#FAE8E5';
 });
 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.5em;\n    .scrollDiv {\n      width: 100%;\n      margin: 0;\n      margin-bottom: 2em;\n      padding: 0 0.4em;\n    }\n  }\n"])), function (props) {
-  return props.maxWidth || '1620px';
+  return props.maxWidth || '1600px';
 }, function (props) {
-  return "min(" + (props.maxWidth || '1620px') + ",100%)";
+  return "min(" + (props.maxWidth || '1600px') + ",100%)";
 }, function (props) {
   return props.loading ? '0.7' : 1;
 }, function (props) {
@@ -5360,7 +5360,7 @@ var CartButtonsRow = styled__default.div(_templateObject8$3 || (_templateObject8
 }, function (props) {
   return props.color || 'white';
 });
-var CartPageBox = styled__default.div(_templateObject9$3 || (_templateObject9$3 = _taggedTemplateLiteralLoose(["\n  width: 1000px;\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"])));
+var CartPageBox = styled__default.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"])));
 
 function createCommonjsModule(fn, module) {
 	return module = { exports: {} }, fn(module, module.exports), module.exports;
@@ -6462,7 +6462,7 @@ if (process.env.NODE_ENV !== 'production') {
 });
 
 var _templateObject$u, _templateObject2$k, _templateObject3$e, _templateObject4$a, _templateObject5$8, _templateObject6$6;
-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"])));
+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"])));
 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) {
   return props.size || '1em';
 }, function (props) {
@@ -6470,7 +6470,7 @@ var ProductName = styled__default.h6(_templateObject2$k || (_templateObject2$k =
 }, function (props) {
   return props.maxHeight ? props.maxHeight + "em" : '2.80em';
 });
-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    width: 0;\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: 13px;\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) {
+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) {
   return props.size || '1.19em';
 }, function (prop) {
   return prop.bg;
@@ -6504,7 +6504,10 @@ var CardRow = function CardRow(_ref) {
     size: styles === null || styles === void 0 ? void 0 : (_styles$price = styles.price) === null || _styles$price === void 0 ? void 0 : _styles$price.size,
     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)
   }, /*#__PURE__*/React__default.createElement(CartTableCell$1, {
-    padding: "checkbox"
+    padding: "checkbox",
+    style: {
+      position: 'relative'
+    }
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "borderLeft"
   }), /*#__PURE__*/React__default.createElement(material.Checkbox, {
@@ -6578,8 +6581,7 @@ var CardRow = function CardRow(_ref) {
   }, /*#__PURE__*/React__default.createElement("p", {
     className: "price"
   }, "$", (_row$subtotal = row.subtotal) === null || _row$subtotal === void 0 ? void 0 : _row$subtotal.toFixed(2))), /*#__PURE__*/React__default.createElement(CartTableCell$1, {
-    alig: "center",
-    className: "CartnoBelowSm"
+    alig: "center"
   }, /*#__PURE__*/React__default.createElement(DeleteBtn, {
     onClick: function onClick(e) {
       e.stopPropagation();
@@ -8375,9 +8377,7 @@ var CardRow$1 = function CardRow(_ref) {
     className: "CartnoPaddingSm"
   }, /*#__PURE__*/React__default.createElement("p", {
     className: "price"
-  }, "$", (_row$subtotal = row.subtotal) === null || _row$subtotal === void 0 ? void 0 : _row$subtotal.toFixed(2))), /*#__PURE__*/React__default.createElement(CartTableCell$2, {
-    className: "CartnoBelowSm"
-  }, /*#__PURE__*/React__default.createElement(DeleteBtn$1, {
+  }, "$", (_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, {
     onClick: function onClick(e) {
       e.stopPropagation();
       if (loading) return;