@salesgenterp/ui-components 0.4.103 → 0.4.105

package/dist/index.js

@@ -3978,6 +3978,7 @@ var APITable = React.forwardRef(function (_ref, ref) {
     }),
     tableData = _useState[0],
     setTableData = _useState[1];
+  console.log('tableData: ', tableData);
   var handleChangePage = function handleChangePage(event, newPage) {
     var pagination = _extends({}, tableData === null || tableData === void 0 ? void 0 : tableData.pagination, {
       current: newPage + 1
@@ -4140,7 +4141,7 @@ var APITable = React.forwardRef(function (_ref, ref) {
     }, props, {
       titleHeader: true
     }), column.label);
-  }))), (tableData === null || tableData === void 0 ? void 0 : (_tableData$data = tableData.data) === null || _tableData$data === void 0 ? void 0 : _tableData$data.length) > 0 ? /*#__PURE__*/React__default.createElement(material.TableBody, null, tableData === null || tableData === void 0 ? void 0 : (_tableData$data2 = tableData.data) === null || _tableData$data2 === void 0 ? void 0 : _tableData$data2.map(function (row) {
+  }))), (tableData.apiStatus !== API_STATUSES.PENDING || tableData.apiStatus !== API_STATUSES.LOADING) && (tableData === null || tableData === void 0 ? void 0 : (_tableData$data = tableData.data) === null || _tableData$data === void 0 ? void 0 : _tableData$data.length) > 0 ? /*#__PURE__*/React__default.createElement(material.TableBody, null, tableData === null || tableData === void 0 ? void 0 : (_tableData$data2 = tableData.data) === null || _tableData$data2 === void 0 ? void 0 : _tableData$data2.map(function (row) {
     return /*#__PURE__*/React__default.createElement(material.TableRow, {
       hover: true,
       key: row === null || row === void 0 ? void 0 : row[(props === null || props === void 0 ? void 0 : props.rowKey) || 'id']
@@ -4151,7 +4152,7 @@ var APITable = React.forwardRef(function (_ref, ref) {
         align: column.align
       }, props), column.format ? column.format(value, row) : value);
     }));
-  })) : /*#__PURE__*/React__default.createElement("div", {
+  })) : (tableData.apiStatus === API_STATUSES.PENDING || tableData.apiStatus === API_STATUSES.LOADING) && /*#__PURE__*/React__default.createElement("div", {
     style: {
       display: 'block'
     }
@@ -4175,14 +4176,14 @@ var PaperContainer = styled(material.Paper)(_templateObject2$9 || (_templateObje
 });
 var TableStyledContainer = styled(material.TableContainer)(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n  border-radius: 20px 20px 0 0 !important;\n"])));
 var TableStyled = styled(material.Table)(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n"])));
-var TableCellContainer = styled(material.TableCell)(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteralLoose(["\n  font-family: Poppins !important;\n  background-color: ", " !important;\n  color: ", " !important;\n  font-weight: ", ";\n  padding: 12px !important;\n"])), function (props) {
+var TableCellContainer = styled(material.TableCell)(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteralLoose(["\n  // font-family: Poppins !important;\n  background-color: ", " !important;\n  color: ", " !important;\n  font-weight: ", ";\n  padding: 12px !important;\n"])), function (props) {
   return props.secondaryColor;
 }, function (props) {
   return props.fontColor;
 }, function (props) {
   return props.titleHeader && '600 !important';
 });
-var TablePaginationContainer = styled(material.TablePagination)(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  color: ", " !important;\n  border-radius: 0 0 20px 20px !important;\n  .MuiSelect-select,\n  p {\n    font-family: Poppins !important;\n  }\n"])), function (props) {
+var TablePaginationContainer = styled(material.TablePagination)(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  color: ", " !important;\n  border-radius: 0 0 20px 20px !important;\n  .MuiSelect-select,\n  p {\n    // font-family: Poppins !important;\n  }\n"])), function (props) {
   return props.secondaryColor;
 }, function (props) {
   return props.fontColor;
@@ -4274,7 +4275,11 @@ var Dashboard = function Dashboard(_ref) {
     id: 'status',
     label: 'Status',
     format: function format(value) {
-      return /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement(StatusContainer, null, value));
+      return /*#__PURE__*/React__default.createElement(material.Grid, {
+        container: true
+      }, /*#__PURE__*/React__default.createElement(StatusContainer, {
+        item: true
+      }, value));
     }
   }, {
     id: 'trackingNumber',
@@ -4512,15 +4517,15 @@ var Dashboard = function Dashboard(_ref) {
   })));
 };
 var Root$1 = styled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose([""])));
-var TitleContainer = styled.h4(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n  span,\n  b {\n    color: ", ";\n    font-size: 2.5rem;\n    font-family: Poppins;\n  }\n"])), function (props) {
+var TitleContainer = styled.h4(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n  span,\n  b {\n    color: ", ";\n    font-size: 2.5rem;\n    // font-family: Poppins;\n  }\n"])), function (props) {
   return props.primaryColor;
 });
-var MeetContainer = styled.h4(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteralLoose(["\n  margin-bottom: 1rem;\n  font-family: Poppins;\n  span > b {\n    color: ", ";\n    font-size: 2rem;\n  }\n  b {\n    color: ", ";\n    font-size: 2rem;\n  }\n"])), function (props) {
+var MeetContainer = styled.h4(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteralLoose(["\n  margin-bottom: 1rem;\n  // font-family: Poppins;\n  span > b {\n    color: ", ";\n    font-size: 2rem;\n  }\n  b {\n    color: ", ";\n    font-size: 2rem;\n  }\n"])), function (props) {
   return props.primaryColor;
 }, function (props) {
   return props.fontColor;
 });
-var TypographyContainer = styled(material.Typography)(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n  font-family: Poppins !important;\n"])), function (props) {
+var TypographyContainer = styled(material.Typography)(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n  // font-family: Poppins !important;\n"])), function (props) {
   return props.fontColor;
 });
 var CardMediaContainer = styled(material.CardMedia)(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n  border-radius: 20px;\n  max-width: 150px;\n"])));
@@ -4528,7 +4533,7 @@ var CardContainer = styled(material.Stack)(_templateObject6$8 || (_templateObjec
   return props.secondaryColor;
 });
 var TotalRoot = styled.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteralLoose(["\n  margin: 2rem 0;\n"])));
-var TotalContainer = styled(material.Stack)(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n  border-radius: 20px;\n  background-color: ", ";\n  padding: 1.5rem 1rem;\n  box-shadow: 0px 0px 4px 0px;\n  font-family: Poppins !important;\n  :hover {\n    background-color: ", ";\n    p,\n    h3,\n    svg {\n      color: #fff;\n    }\n  }\n  p {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: ", ";\n    margin-bottom: 1rem;\n  }\n  h3 {\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: #746e88;\n  }\n  svg {\n    font-size: 2rem;\n    color: ", ";\n  }\n"])), function (props) {
+var TotalContainer = styled(material.Stack)(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n  border-radius: 20px;\n  background-color: ", ";\n  padding: 1.5rem 1rem;\n  box-shadow: 0px 0px 4px 0px;\n  // font-family: Poppins !important;\n  :hover {\n    background-color: ", ";\n    p,\n    h3,\n    svg {\n      color: #fff;\n    }\n  }\n  p {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: ", ";\n    margin-bottom: 1rem;\n  }\n  h3 {\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: #746e88;\n  }\n  svg {\n    font-size: 2rem;\n    color: ", ";\n  }\n"])), function (props) {
   return props.secondaryColor;
 }, function (props) {
   return props.primaryColor;
@@ -4537,7 +4542,7 @@ var TotalContainer = styled(material.Stack)(_templateObject8$2 || (_templateObje
 }, function (props) {
   return props.fontColor;
 });
-var StatusContainer = styled.span(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteralLoose(["\n  box-shadow: 0px 0px 1px 0px;\n  padding: 2px 4px;\n"])));
+var StatusContainer = styled(material.Grid)(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteralLoose(["\n  display: initial;\n  box-shadow: 0px 0px 1px 0px;\n  padding: 2px 4px;\n"])));
 var TableContainer = styled.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteralLoose(["\n  margin: 1.2rem 0;\n  border-radius: 20px;\n"])));
 var InvoiceDialog = styled(material.Dialog)(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n  iframe {\n    width: 900px;\n    border: none;\n    height: 600px;\n  }\n"])));
 
@@ -4626,9 +4631,9 @@ var SideMenuItemComponentContainer = styles.styled(SideMenuItemComponent)(functi
     background: list ? "transparent" : "rgba(" + hexToRgbA(primaryColor) + ")",
     color: list ? fontColor : '#fff',
     '& .MuiTypography-root': {
-      fontWeight: '600 ',
-      fontFamily: 'Poppins'
+      fontWeight: '600 '
     },
+
     '&:hover': {
       background: "rgba(" + hexToRgbA(primaryColor) + ",0.8)"
     },
@@ -4882,7 +4887,7 @@ var Main = styles.styled('main', {
 var ContainerDrawer = styled(material.Drawer)(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteralLoose(["\n  height: 100%;\n  margin-right: ", ";\n  .MuiDrawer-paper {\n    position: relative;\n    width: 280px;\n    z-index: 1;\n    overflow: hidden;\n    border-top-right-radius: 20px;\n    background: transparent;\n  }\n"])), function (props) {
   return props.open && '2rem';
 });
-var TypographyContainer$1 = styled(material.Typography)(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n  font-family: Poppins !important;\n"])), function (props) {
+var TypographyContainer$1 = styled(material.Typography)(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n  // font-family: Poppins !important;\n"])), function (props) {
   return props.fontColor;
 });