@salesgenterp/ui-components 0.4.91 → 0.4.92

package/dist/index.js

@@ -3967,7 +3967,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 = React.forwardRef(function (_ref, ref) {
@@ -4175,9 +4175,9 @@ var APITable = React.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,
@@ -4208,25 +4208,28 @@ var APITable = React.forwardRef(function (_ref, ref) {
     onRowsPerPageChange: handleChangeRowsPerPage
   }, props))));
 });
-var PaperContainer = styled(material.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(material.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(material.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(material.TableContainer)(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n  border-radius: 20px 20px 0 0 !important;\n"])));
-var TableStyled = styled(material.Table)(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose([""])));
-var TableCellContainer = styled(material.TableCell)(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  color: ", " !important;\n"])), function (props) {
+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([""])));
+var TableCellContainer = styled(material.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(material.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(material.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;
@@ -4235,7 +4238,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 = React.useState({}),
       customerData = _useState[0],
@@ -4375,7 +4379,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,
@@ -4383,7 +4387,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
@@ -4410,7 +4415,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(material.Grid, {
     container: true,
     spacing: 4
@@ -4423,6 +4429,7 @@ var Dashboard = function Dashboard(_ref) {
     variant: "h5",
     gutterBottom: true,
     backgroundColor: secondaryColor,
+    fontColor: fontColor,
     style: {
       background: 'none'
     }
@@ -4441,6 +4448,7 @@ var Dashboard = function Dashboard(_ref) {
     variant: "h5",
     gutterBottom: true,
     backgroundColor: secondaryColor,
+    fontColor: fontColor,
     style: {
       background: 'none'
     }
@@ -4459,6 +4467,7 @@ var Dashboard = function Dashboard(_ref) {
     variant: "h5",
     gutterBottom: true,
     backgroundColor: secondaryColor,
+    fontColor: fontColor,
     style: {
       background: 'none'
     }
@@ -4485,7 +4494,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(md.MdMonetizationOn, null) : /*#__PURE__*/React__default.createElement(gr.GrStackOverflow, null))));
   }))), /*#__PURE__*/React__default.createElement(TableContainer, null, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(TypographyContainer, {
     variant: "h5",
@@ -4507,10 +4517,11 @@ 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) {
@@ -4519,20 +4530,22 @@ var TitleContainer = styled.h4(_templateObject2$a || (_templateObject2$a = _tagg
 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) {
   return props.primaryColor;
 }, function (props) {
-  return props.secondaryColor ? '#fff' : '#000';
+  return props.fontColor;
 });
 var TypographyContainer = styled(material.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(material.CardMedia)(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n  border-radius: 20px;\n"])));
-var CardContainer = styled(material.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(material.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(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  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(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  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"])));
 
@@ -4648,8 +4661,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(material.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(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$2, {
     primaryColor: primaryColor
   }, /*#__PURE__*/React__default.createElement(ContainerDrawer, {
     variant: "permanent",
@@ -4661,15 +4676,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(material.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(material.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() {};