@salesgenterp/ui-components 0.3.51 → 0.3.53

package/dist/index.js

@@ -208,11 +208,11 @@ var CartPageContainer = styled.div(_templateObject2$2 || (_templateObject2$2 = _
 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) {
   return props.retail ? 'grid' : 'flex';
 });
-var Loader = styled.div(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 40%;\n  left: 47%;\n  display: grid;\n  place-items: center;\n  z-index: 1;\n"])));
+var Loader = styled.div(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 40%;\n  left: 47%;\n  display: grid;\n  place-items: center;\n  z-index: 3;\n"])));
 var CartTableCell = styled(material.TableCell)(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteralLoose(["\n  padding-bottom: 1em !important;\n  border: none !important;\n  background: ", ";\n"])), function (props) {
   return props.bg + " !important";
 });
-var CartTableContainer = styled(material.TableContainer)(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteralLoose(["\n  max-height: 580px;\n  padding-right: 2em;\n\n  &::-webkit-scrollbar {\n    width: ", ";\n  }\n\n  /* Track */\n  &::-webkit-scrollbar-track {\n    background: ", ";\n    background: ", ";\n    border-radius: 16px;\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) {
+var CartTableContainer = styled(material.TableContainer)(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteralLoose(["\n  max-height: 580px;\n  min-height: 400px;\n  padding-right: 2em;\n\n  &::-webkit-scrollbar {\n    width: ", ";\n  }\n\n  /* Track */\n  &::-webkit-scrollbar-track {\n    background: ", ";\n    background: ", ";\n    border-radius: 16px;\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) {
   return props.retail ? '12px' : '8px';
 }, function (props) {
   return props.retail ? '#667080' : 'rgba(102, 112, 128, 0.5)';
@@ -1350,15 +1350,13 @@ var CardRow = function CardRow(_ref) {
   var imgnotfoundUrlcommon = '/images/imgnotfound.jpeg';
   if (imgnotfoundUrl && imgnotfoundUrl !== 'null') imgnotfoundUrlcommon = imgnotfoundUrl;
   return /*#__PURE__*/React__default.createElement(CartTableRow, {
-    hover: true,
     onClick: function onClick(event) {
-      return handleClick(event, row.productId);
+      return handleClick(event, row);
     },
     role: "checkbox",
     "aria-checked": isItemSelected,
     tabIndex: -1,
-    key: row.ProductId,
-    selected: isItemSelected
+    key: row.ProductId
   }, /*#__PURE__*/React__default.createElement(CartTableCell$1, {
     padding: "checkbox"
   }, /*#__PURE__*/React__default.createElement("span", {
@@ -1486,11 +1484,11 @@ function EnhancedTableHead(props) {
   };
 
   return /*#__PURE__*/React.createElement(TableHead, {
-    className: "CartnoBelowSm",
-    sx: {
-      zIndex: '2'
-    }
+    className: "CartnoBelowSm"
   }, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(CartTableCell, {
+    sx: {
+      zIndex: '3 !important'
+    },
     padding: "checkbox",
     bg: styles.bg
   }, /*#__PURE__*/React.createElement(material.Checkbox, {
@@ -1508,7 +1506,8 @@ function EnhancedTableHead(props) {
       padding: headCell.disablePadding ? 'none' : 'normal',
       sortDirection: orderBy === headCell.id ? order : false,
       sx: {
-        textTransform: 'uppercase'
+        textTransform: 'uppercase',
+        zIndex: '3 !important'
       },
       className: (headCell === null || headCell === void 0 ? void 0 : headCell.noBelowSm) && 'CartnoBelowSm',
       bg: styles.bg
@@ -1560,7 +1559,6 @@ function EnhancedTable(_ref) {
       setCartArray = _React$useState4[1];
 
   var Sort = function Sort() {
-    console.log(orderBy, order);
     var newArray = cartArray || [];
     var li = orderBy;
 
@@ -1588,15 +1586,10 @@ function EnhancedTable(_ref) {
   };
 
   var handleSelectAllClick = function handleSelectAllClick(event) {
-    console.log(event.target.checked, 'checked');
-
     if (selected.length < (cartArray === null || cartArray === void 0 ? void 0 : cartArray.length)) {
       var newSelected = [];
       cartArray === null || cartArray === void 0 ? void 0 : cartArray.map(function (n) {
-        return newSelected.push(n.productId);
-      });
-      console.log({
-        newSelected: newSelected
+        return newSelected.push(n);
       });
       setSelected(newSelected);
       return;
@@ -1605,20 +1598,16 @@ function EnhancedTable(_ref) {
     setSelected([]);
   };
 
-  var handleClick = function handleClick(event, id) {
-    console.log(id, 'id');
-    var includes = selected.includes(id);
+  var handleClick = function handleClick(event, product) {
+    var includes = selected.includes(product.productId);
 
     if (includes) {
-      var removedId = selected.filter(function (product) {
-        return product !== id;
-      });
-      console.log({
-        removedId: removedId
+      var removedId = selected.filter(function (item) {
+        return item.Id !== (product === null || product === void 0 ? void 0 : product.productId);
       });
       setSelected(removedId);
     } else {
-      setSelected([].concat(selected, [id]));
+      setSelected([].concat(selected, [product]));
     }
   };
 
@@ -1654,7 +1643,7 @@ function EnhancedTable(_ref) {
     rowCount: cartArray === null || cartArray === void 0 ? void 0 : cartArray.length,
     styles: styles
   }), /*#__PURE__*/React.createElement(TableBody, null, cartArray === null || cartArray === void 0 ? void 0 : cartArray.map(function (row, index) {
-    var isItemSelected = isSelected(row.productId);
+    var isItemSelected = isSelected(row);
     return /*#__PURE__*/React.createElement(CardRow, {
       row: row,
       isItemSelected: isItemSelected,