@salesgenterp/ui-components 0.4.108 → 0.4.110

package/dist/index.js

@@ -24,6 +24,7 @@ var hi = require('react-icons/hi');
 var Cards = _interopDefault(require('react-credit-cards'));
 var fi = require('react-icons/fi');
 var styles = require('@mui/material/styles');
+var useMediaQuery = _interopDefault(require('@mui/material/useMediaQuery'));
 var moment = _interopDefault(require('moment'));
 var lodash = require('lodash');
 var axios = _interopDefault(require('axios'));
@@ -3943,7 +3944,7 @@ var Loader$1 = function Loader(_ref) {
   _objectDestructuringEmpty(_ref);
   return /*#__PURE__*/React__default.createElement(LoaderContainer, null, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CircularProgress, {
     color: "inherit"
-  }), ";"));
+  })));
 };
 var LoaderContainer = styled.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  width: 100%;\n  & > div {\n    margin: auto;\n    width: 50px;\n    height: 50px;\n  }\n"])));
 
@@ -3978,7 +3979,6 @@ 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
@@ -4176,7 +4176,7 @@ 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  font-size: 1rem;\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  font-size: 1.1rem;\n"])), function (props) {
   return props.secondaryColor;
 }, function (props) {
   return props.fontColor;
@@ -4589,7 +4589,7 @@ var SideMenuItem = function SideMenuItem(props) {
     fontColor = props.fontColor,
     list = props.list;
   var isExpandable = items && items.length > 0;
-  var _React$useState = React__default.useState(false),
+  var _React$useState = React__default.useState(true),
     open = _React$useState[0],
     setOpen = _React$useState[1];
   function handleClick() {
@@ -4740,6 +4740,7 @@ var AccountDetails = function AccountDetails(_ref) {
     _ref$darkMode = _ref.darkMode,
     darkMode = _ref$darkMode === void 0 ? true : _ref$darkMode;
   var serviceApiEndPoint = 'https://dev.salesgent.xyz/api'.replace('/api', '/services/pdf');
+  var isMobile = useMediaQuery('(max-width:800px)');
   var _useState = React.useState(true),
     open = _useState[0],
     setOpen = _useState[1];
@@ -4778,6 +4779,9 @@ var AccountDetails = function AccountDetails(_ref) {
       backgroundImage: backgroundImage || '/images/backgroundDark.png'
     });
   };
+  React.useEffect(function () {
+    isMobile ? setOpen(false) : setOpen(true);
+  }, [isMobile]);
   React.useEffect(function () {
     handleNightMode();
   }, []);