@salesgenterp/ui-components 0.4.91 → 0.4.93

package/dist/index.modern.js

@@ -3964,7 +3964,7 @@ var getcsvData = function getcsvData(url) {
   }
 };
 
-var _templateObject$9, _templateObject2$9, _templateObject3$9, _templateObject4$7, _templateObject5$7;
+var _templateObject$9, _templateObject2$9, _templateObject3$9, _templateObject4$7, _templateObject5$7, _templateObject6$7;
 
 var _excluded = ["apiData", "columns", "listUpdate", "onDataLoad", "expandedRowRender", "onDataLoadError", "pagination", "extraFilterParams", "setExtraFilterParams", "cacheFilters", "tableId", "asyncService", "tableDataList", "filterData"];
 var APITable = forwardRef(function (_ref, ref) {
@@ -4172,9 +4172,9 @@ var APITable = forwardRef(function (_ref, ref) {
     });
   };
 
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(PaperContainer, props, /*#__PURE__*/React__default.createElement(TableStyledContainer, _extends({
+  return /*#__PURE__*/React__default.createElement(Root, null, /*#__PURE__*/React__default.createElement(PaperContainer, props, /*#__PURE__*/React__default.createElement(TableStyledContainer, _extends({
     sx: {
-      maxHeight: 440
+      maxHeight: 600
     }
   }, props), /*#__PURE__*/React__default.createElement(TableStyled, {
     stickyHeader: true,
@@ -4205,25 +4205,28 @@ var APITable = forwardRef(function (_ref, ref) {
     onRowsPerPageChange: handleChangeRowsPerPage
   }, props))));
 });
-var PaperContainer = styled(Paper)(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n  margin: 1.2rem 0;\n  border-radius: 20px;\n  background-color: ", " !important;\n  color: ", " !important;\n  border-radius: 20px !important;\n"])), function (props) {
+var Root = styled(Stack)(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  border-radius: 20px !important;\n  margin: 1.2rem 0;\n  box-shadow: 0px 0px 4px 0px;\n"])), function (props) {
+  return props.secondaryColor;
+});
+var PaperContainer = styled(Paper)(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  color: ", " !important;\n  border-radius: 20px !important;\n  box-shadow: 0px 0px 4px 0px;\n"])), function (props) {
   return props.secondaryColor;
 }, function (props) {
-  return props.secondaryColor ? '#fff' : '#000';
+  return props.fontColor;
 });
-var TableStyledContainer = styled(TableContainer$1)(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n  border-radius: 20px 20px 0 0 !important;\n"])));
-var TableStyled = styled(Table$1)(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose([""])));
-var TableCellContainer = styled(TableCell)(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  color: ", " !important;\n"])), function (props) {
+var TableStyledContainer = styled(TableContainer$1)(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n  border-radius: 20px 20px 0 0 !important;\n"])));
+var TableStyled = styled(Table$1)(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteralLoose([""])));
+var TableCellContainer = styled(TableCell)(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  color: ", " !important;\n"])), function (props) {
   return props.secondaryColor;
 }, function (props) {
-  return props.secondaryColor ? '#fff' : '#000';
+  return props.fontColor;
 });
-var TablePaginationContainer = styled(TablePagination)(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  color: ", " !important;\n  border-radius: 0 0 20px 20px !important;\n"])), function (props) {
+var TablePaginationContainer = styled(TablePagination)(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  color: ", " !important;\n  border-radius: 0 0 20px 20px !important;\n"])), function (props) {
   return props.secondaryColor;
 }, function (props) {
-  return props.secondaryColor ? '#fff' : '#000';
+  return props.fontColor;
 });
 
-var _templateObject$a, _templateObject2$a, _templateObject3$a, _templateObject4$8, _templateObject5$8, _templateObject6$7, _templateObject7$5, _templateObject8$2, _templateObject9$2;
+var _templateObject$a, _templateObject2$a, _templateObject3$a, _templateObject4$8, _templateObject5$8, _templateObject6$8, _templateObject7$5, _templateObject8$2, _templateObject9$2;
 
 var Dashboard = function Dashboard(_ref) {
   var _customerData$custome, _customerData$custome2, _customerData$custome3, _customerData$custome4;
@@ -4232,7 +4235,8 @@ var Dashboard = function Dashboard(_ref) {
       token = _ref.token,
       primaryColor = _ref.primaryColor,
       secondaryColor = _ref.secondaryColor,
-      backgroundColor = _ref.backgroundColor;
+      backgroundColor = _ref.backgroundColor,
+      fontColor = _ref.fontColor;
 
   var _useState = useState({}),
       customerData = _useState[0],
@@ -4372,7 +4376,7 @@ var Dashboard = function Dashboard(_ref) {
     })();
   }, []);
   var totalDataSource = convertCamCaseToSnake(dashboardData);
-  return /*#__PURE__*/React__default.createElement(Root, {
+  return /*#__PURE__*/React__default.createElement(Root$1, {
     backgroundColor: backgroundColor
   }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(TitleContainer, {
     primaryColor: primaryColor,
@@ -4380,7 +4384,8 @@ var Dashboard = function Dashboard(_ref) {
   }, /*#__PURE__*/React__default.createElement("span", null, "Hello!"), " ", /*#__PURE__*/React__default.createElement("strong", null, customerData === null || customerData === void 0 ? void 0 : (_customerData$custome = customerData.customerDto) === null || _customerData$custome === void 0 ? void 0 : _customerData$custome.name)), /*#__PURE__*/React__default.createElement(TypographyContainer, {
     variant: "h4",
     gutterBottom: true,
-    backgroundColor: backgroundColor
+    backgroundColor: backgroundColor,
+    fontColor: fontColor
   }, "Welcome Back To Your Dashboard")), /*#__PURE__*/React__default.createElement(CardContainer, {
     primaryColor: primaryColor,
     secondaryColor: secondaryColor
@@ -4407,7 +4412,8 @@ var Dashboard = function Dashboard(_ref) {
     lg: 10
   }, /*#__PURE__*/React__default.createElement(MeetContainer, {
     primaryColor: primaryColor,
-    secondaryColor: secondaryColor
+    secondaryColor: secondaryColor,
+    fontColor: fontColor
   }, /*#__PURE__*/React__default.createElement("strong", null, /*#__PURE__*/React__default.createElement("span", null, "Meet Your "), "Account Representative")), /*#__PURE__*/React__default.createElement(Grid, {
     container: true,
     spacing: 4
@@ -4420,6 +4426,7 @@ var Dashboard = function Dashboard(_ref) {
     variant: "h5",
     gutterBottom: true,
     backgroundColor: secondaryColor,
+    fontColor: fontColor,
     style: {
       background: 'none'
     }
@@ -4438,6 +4445,7 @@ var Dashboard = function Dashboard(_ref) {
     variant: "h5",
     gutterBottom: true,
     backgroundColor: secondaryColor,
+    fontColor: fontColor,
     style: {
       background: 'none'
     }
@@ -4456,6 +4464,7 @@ var Dashboard = function Dashboard(_ref) {
     variant: "h5",
     gutterBottom: true,
     backgroundColor: secondaryColor,
+    fontColor: fontColor,
     style: {
       background: 'none'
     }
@@ -4482,7 +4491,8 @@ var Dashboard = function Dashboard(_ref) {
     }, /*#__PURE__*/React__default.createElement(TotalContainer, {
       flexDirection: "row",
       justifyContent: "space-between",
-      secondaryColor: secondaryColor
+      secondaryColor: secondaryColor,
+      fontColor: fontColor
     }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("p", null, data === null || data === void 0 ? void 0 : data.name), /*#__PURE__*/React__default.createElement("h3", null, "" + (isAmount ? renderMoney(data === null || data === void 0 ? void 0 : data.value) : data === null || data === void 0 ? void 0 : data.value))), /*#__PURE__*/React__default.createElement("div", null, isAmount ? /*#__PURE__*/React__default.createElement(MdMonetizationOn, null) : /*#__PURE__*/React__default.createElement(GrStackOverflow, null))));
   }))), /*#__PURE__*/React__default.createElement(TableContainer, null, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(TypographyContainer, {
     variant: "h5",
@@ -4504,32 +4514,35 @@ var Dashboard = function Dashboard(_ref) {
     rowKey: 'masterProductId',
     primaryColor: primaryColor,
     secondaryColor: secondaryColor,
-    backgroundColor: backgroundColor
+    backgroundColor: backgroundColor,
+    fontColor: fontColor
   })));
 };
-var Root = styled.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteralLoose(["\n  background-color: ", ";\n  padding: 2rem;\n"])), function (props) {
+var Root$1 = styled.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteralLoose(["\n  background-color: ", ";\n  padding: 2rem;\n"])), function (props) {
   return props.backgroundColor;
 });
 var TitleContainer = styled.h4(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n  span,\n  strong {\n    color: ", ";\n    font-size: 2.5rem;\n  }\n"])), function (props) {
   return props.primaryColor;
 });
-var MeetContainer = styled.h4(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteralLoose(["\n  span {\n    color: ", ";\n    font-size: 2rem;\n  }\n  strong {\n    color: ", ";\n    font-size: 2rem;\n  }\n"])), function (props) {
+var MeetContainer = styled.h4(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteralLoose(["\n  margin-bottom: 1rem;\n  span {\n    color: ", ";\n    font-size: 2rem;\n  }\n  strong {\n    color: ", ";\n    font-size: 2rem;\n  }\n"])), function (props) {
   return props.primaryColor;
 }, function (props) {
-  return props.secondaryColor ? '#fff' : '#000';
+  return props.fontColor;
 });
 var TypographyContainer = styled(Typography)(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n"])), function (props) {
-  return props.backgroundColor ? '#fff' : '#000';
+  return props.fontColor;
 });
 var CardMediaContainer = styled(CardMedia)(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n  border-radius: 20px;\n"])));
-var CardContainer = styled(Stack)(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  border-radius: 20px !important;\n  margin: 1.2rem 0;\n  box-shadow: 0px 0px 4px 0px;\n"])), function (props) {
+var CardContainer = styled(Stack)(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  border-radius: 20px !important;\n  margin: 1.2rem 0;\n  box-shadow: 0px 0px 4px 0px;\n"])), function (props) {
   return props.secondaryColor;
 });
 var TotalRoot = styled.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteralLoose(["\n  margin: 1.2rem 0;\n"])));
-var TotalContainer = styled(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  p {\n    font-size: 18px;\n    font-weight: 600;\n    color: ", ";\n    margin-bottom: 1rem;\n  }\n  h3 {\n    font-size: 27px;\n    font-weight: 600;\n    color: #746e88;\n  }\n  svg {\n    font-size: 38px;\n    color: #fff;\n  }\n"])), function (props) {
+var TotalContainer = styled(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  p {\n    font-size: 18px;\n    font-weight: 600;\n    color: ", ";\n    margin-bottom: 1rem;\n  }\n  h3 {\n    font-size: 27px;\n    font-weight: 600;\n    color: #746e88;\n  }\n  svg {\n    font-size: 38px;\n    color: ", ";\n  }\n"])), function (props) {
   return props.secondaryColor;
 }, function (props) {
-  return props.backgroundColor ? '#fff' : '#000';
+  return props.fontColor;
+}, function (props) {
+  return props.fontColor;
 });
 var TableContainer = styled.div(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteralLoose(["\n  margin: 1.2rem 0;\n  border-radius: 20px;\n"])));
 
@@ -4645,8 +4658,10 @@ var AccountDetails = function AccountDetails(_ref) {
       _ref$primaryColor = _ref.primaryColor,
       primaryColor = _ref$primaryColor === void 0 ? '#BF262D' : _ref$primaryColor,
       secondaryColor = _ref.secondaryColor,
-      backgroundColor = _ref.backgroundColor;
-  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$1, {
+      backgroundColor = _ref.backgroundColor,
+      _ref$fontColor = _ref.fontColor,
+      fontColor = _ref$fontColor === void 0 ? '#000' : _ref$fontColor;
+  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$2, {
     primaryColor: primaryColor
   }, /*#__PURE__*/React__default.createElement(ContainerDrawer, {
     variant: "permanent",
@@ -4658,15 +4673,16 @@ var AccountDetails = function AccountDetails(_ref) {
     token: token,
     primaryColor: primaryColor,
     secondaryColor: secondaryColor,
-    backgroundColor: backgroundColor
+    backgroundColor: backgroundColor,
+    fontColor: fontColor
   })))));
 };
-var Root$1 = styled.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n  display: flex;\n  // background-color: ", "30;\n"])), function (props) {
-  return props.primaryColor || '#535454';
+var Root$2 = styled.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n  display: flex;\n  // background-color: ", "30;\n"])), function (props) {
+  return props.primaryColor;
 });
 var Main = styled.main(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteralLoose(["\n  flex-grow: 1;\n  overflow: auto;\n"])));
-var ContainerDrawer = styled(Drawer)(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n  height: 100%;\n  .MuiDrawer-paper {\n    position: relative;\n    white-space: nowrap;\n    width: 240px;\n    background-color: ", ";\n    color: #fff;\n    z-index: 9;\n  }\n"])), function (props) {
-  return props.primaryColor || '#535454';
+var ContainerDrawer = styled(Drawer)(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n  height: 100%;\n  .MuiDrawer-paper {\n    position: relative;\n    white-space: nowrap;\n    width: 240px;\n    background-color: ", ";\n    color: #fff;\n    z-index: 1;\n  }\n"])), function (props) {
+  return props.primaryColor;
 });
 
 var Breakpoint = function Breakpoint() {};