@acuteinfo/common-screens 1.0.30 → 1.0.32

package/dist/index.js

@@ -326,7 +326,7 @@ const UsernamePasswordField = ({ classes, loginState, verifyUsernamePassword, fo
                                             height: loginState.loading ? "40px" : "100%",
                                             width: loginState.loading ? "0px" : "100%",
                                             minWidth: loginState.loading ? "40px" : "80px",
-                                        }, fullWidth: true, disabled: loginState.loading, onClick: () => verifyUsernamePassword((input.userName || "").toLowerCase(), input.password), ref: inputButtonRef, children: loginState.loading ? (jsx(CircularProgress, { size: 25, thickness: 4.6 })) : (t("Next")) }) }) })] })] }) }) }));
+                                        }, fullWidth: true, disabled: loginState.loading, onClick: () => verifyUsernamePassword((input.userName || "").toLowerCase(), input.password), ref: inputButtonRef, endicon: loginState.loading ? undefined : "East", rotateIcon: "scale(1.4) rotateX(360deg)", children: loginState.loading ? (jsx(CircularProgress, { size: 25, thickness: 4.6 })) : (t("Next")) }) }) })] })] }) }) }));
 };
 
 const OTPModel = ({ classes, OTPResendRequest, open, handleClose, loginState, VerifyOTP, OTPError, setOTPError, previousStep, setNewRequestID = (id) => { }, otpresendCount = 0, resendFlag, }) => {
@@ -469,12 +469,14 @@ const OTPModel = ({ classes, OTPResendRequest, open, handleClose, loginState, Ve
                                         "&:hover": {
                                             background: "var(--theme-color2) !important",
                                         },
-                                    }, children: t("otp.Back") }), jsx(GradientButton, { style: {
+                                    }, 
+                                    // customstyle = {{color : "var(--theme-color3) !important"}}
+                                    starticon: "West", rotateIcon: "scale(1.4) rotateX(360deg)", children: t("otp.Back") }), jsx(GradientButton, { style: {
                                         borderRadius: loginState.loading ? "50%" : "10px",
                                         height: loginState.loading ? "40px" : "100%",
                                         width: loginState.loading ? "0px" : "100%",
                                         minWidth: loginState.loading ? "40px" : "80px",
-                                    }, fullWidth: true, disabled: loginState.loading, onClick: ClickEventHandler, ref: inputButtonRef, className: classes.otpButtons, children: loginState.loading ? (jsx(CircularProgress, { size: 25, thickness: 4.6 })) : (t("otp.VerifyOTP")) })] })] }) }) }) }));
+                                    }, fullWidth: true, disabled: loginState.loading, onClick: ClickEventHandler, ref: inputButtonRef, className: classes.otpButtons, endicon: loginState.loading ? undefined : "TaskAlt", rotateIcon: "scale(1.4)", children: loginState.loading ? (jsx(CircularProgress, { size: 25, thickness: 4.6 })) : (t("otp.VerifyOTP")) })] })] }) }) }) }));
 };
 const OTPModelForm = ({ classes, OTPResendRequest, handleClose, loginState, VerifyOTP, OTPError, setOTPError, resendFlag, setNewRequestID = (id) => { }, otpresendCount = 0, }) => {
     const [OTP, setOTP] = useState("");
@@ -568,11 +570,9 @@ const OTPModelForm = ({ classes, OTPResendRequest, handleClose, loginState, Veri
                             gap: "10px",
                             margin: "42px 0 0 42px",
                             width: "60%",
-                        }, children: [jsx(GradientButton, { fullWidth: true, disabled: loginState.otploading, onClick: handleCloseEvent, className: classes.otpButtons, 
-                                // starticon={"West"}
+                        }, children: [jsx(GradientButton, { fullWidth: true, disabled: loginState.otploading, onClick: handleCloseEvent, className: classes.otpButtons, starticon: "West", 
                                 // color={"var(--theme-color2) !important"}
-                                // rotateIcon="scale(1.4) rotateX(360deg)"
-                                style: {
+                                rotateIcon: "scale(1.4) rotateX(360deg)", style: {
                                     border: "var(--theme-color3)1px solid",
                                     color: "var(--theme-color2)",
                                     // background: "var(--theme-color2)",
@@ -689,11 +689,7 @@ const VerifyFinger = ({ classes, loginState, verifyFinger, previousStep, }) => {
                             gap: "10px",
                         }, children: [jsx(GradientButton, { fullWidth: true, disabled: loginState.loading, onClick: () => {
                                     previousStep(false, "");
-                                }, className: classes.otpButtons, 
-                                // starticon={"West"}
-                                // rotateIcon="scale(1.4) rotateX(360deg)"
-                                // color={"var(--theme-color3) !important"}
-                                style: {
+                                }, className: classes.otpButtons, starticon: "West", rotateIcon: "scale(1.4) rotateX(360deg)", textColor: "var(--theme-color3) !important", style: {
                                     border: "var(--theme-color3)1px solid",
                                     color: "var(--theme-color3)",
                                     background: "var(--theme-color2)",
@@ -1577,9 +1573,9 @@ const ForgotPasswordFields = ({ classes, loginState, onSubmit, navigate, loginPa
                                     // fullWidth
                                     disabled: loginState.loading, onClick: () => {
                                         navigate(loginPageEndpoint);
-                                    }, children: t("backtologin") }), jsx(GradientButton, { style: { borderRadius: "10px" }, disabled: loginState.loading, onClick: () => {
+                                    }, starticon: "West", rotateIcon: "scale(1.4) rotateX(360deg)", children: t("backtologin") }), jsx(GradientButton, { style: { borderRadius: "10px" }, disabled: loginState.loading, onClick: () => {
                                         onSubmit(input, loginState.workingState);
-                                    }, ref: inputButtonRef, children: loginState.loading ? (jsx(CircularProgress, { size: 25, thickness: 4.6 })) : (t("Next")) })] }) }) })] }) }));
+                                    }, ref: inputButtonRef, endicon: loginState.loading ? undefined : "East", rotateIcon: "scale(1.4) rotateX(360deg)", children: loginState.loading ? (jsx(CircularProgress, { size: 25, thickness: 4.6 })) : (t("Next")) })] }) }) })] }) }));
 };
 
 const ValidatePassword = (pwd) => {
@@ -2549,32 +2545,29 @@ const checkDateAndDisplay = (dateStr) => {
 };
 
 const drawerWidth = 227;
-const drawerWidthClosed = 65;
 const useStyles = makeStyles((theme) => {
     return {
         drawerPaper: {
             position: "relative",
             whiteSpace: "nowrap",
             width: drawerWidth,
-            // transition: theme.transitions.create("width", {
-            //   easing: theme.transitions.easing.sharp,
-            //   duration: theme.transitions.duration.enteringScreen,
-            // }),
-            transition: ".5s ease",
+            transition: theme.transitions.create("width", {
+                easing: theme.transitions.easing.sharp,
+                duration: theme.transitions.duration.enteringScreen,
+            }),
             border: "none",
             overflow: "hidden",
             zIndex: 120,
         },
         drawerPaperClose: {
             overflowX: "hidden",
-            // transition: theme.transitions.create("width", {
-            //   easing: theme.transitions.easing.sharp,
-            //   duration: theme.transitions.duration.leavingScreen,
-            // }),
-            transition: ".5s ease",
-            width: drawerWidthClosed,
+            transition: theme.transitions.create("width", {
+                easing: theme.transitions.easing.sharp,
+                duration: theme.transitions.duration.leavingScreen,
+            }),
+            width: theme.spacing(8),
             [theme.breakpoints.up("sm")]: {
-                width: drawerWidthClosed,
+                width: theme.spacing(8),
             },
         },
         toolbarIcon: {
@@ -2838,7 +2831,7 @@ const useStylesSideBar = makeStyles((theme) => ({
 }));
 
 let localdrawerOpen = true;
-const SideBarNav = ({ metaData, handleDrawerOpen, drawerOpen, setView, slimSize, setNewFilterData, setNewFilterView, isFromSeparetView = false, rootUrl, dashboardUrl, navigate }) => {
+const SideBarNav = ({ metaData, handleDrawerOpen, drawerOpen, setView, slimSize, setNewFilterData, setNewFilterView, isFromSeparetView = false, rootUrl, dashboardUrl, navigate, }) => {
     const classes = useStylesSideBar();
     let result = null;
     localdrawerOpen = drawerOpen;
@@ -2884,7 +2877,7 @@ const SeperateListView = ({ item, setView, level, classes, slimSize, setNewFilte
             setView(item.viewName);
         }, children: [jsx(Tooltip, { title: item.label, arrow: true, placement: localdrawerOpen ? "bottom-start" : "right", children: jsx("span", { children: icon }) }), (localdrawerOpen && item.label.length > 27) || !Boolean(icon) ? (jsx(Tooltip, { title: item.label, arrow: true, placement: localdrawerOpen ? "bottom-start" : "right", children: jsx(ListItemText, { primary: item.label, className: classes.link, secondary: item.secondaryLabel ?? null }) })) : localdrawerOpen ? (jsx(ListItemText, { primary: item.label, className: classes.link, secondary: item.secondaryLabel ?? null })) : null] }));
 };
-const SingleListItem = ({ item, classes, level, slimSize, drawerOpen, rootUrl, dashboardUrl, navigate }) => {
+const SingleListItem = ({ item, classes, level, slimSize, drawerOpen, rootUrl, dashboardUrl, navigate, }) => {
     const isActiveMenu = isActiveMenuFromhref(window.location?.pathname ?? "", item?.href ?? "", item?.navigationProps, rootUrl, dashboardUrl);
     if (isActiveMenu) {
         // GeneralAPI.setDocumentName(item.label);
@@ -2927,7 +2920,7 @@ const SingleListItem = ({ item, classes, level, slimSize, drawerOpen, rootUrl, d
             }
         }, children: [jsx(Tooltip, { title: item.label, arrow: true, placement: localdrawerOpen ? "bottom-start" : "right", children: jsx("span", { children: icon }) }), (localdrawerOpen && item.label.length > 27) || !Boolean(icon) ? (jsx(Tooltip, { title: item.label, arrow: true, placement: localdrawerOpen ? "bottom-start" : "right", children: jsx(ListItemText, { primary: item.label, className: classes.link, secondary: item.secondaryLabel ?? null }) })) : localdrawerOpen ? (jsx(ListItemText, { primary: item.label, className: classes.link, secondary: item.secondaryLabel ?? null })) : null] }));
 };
-const NestedListItem = ({ item, classes, level, handleDrawerOpen, drawerOpen, slimSize, rootUrl, navigate }) => {
+const NestedListItem = ({ item, classes, level, handleDrawerOpen, drawerOpen, slimSize, rootUrl, navigate, }) => {
     const [open, setOpen] = useState(false);
     const handleClick = () => {
         setOpen(!open);
@@ -3015,7 +3008,7 @@ const filterMetaDataByValue = (searchString, navItems, tagsToSearch) => {
     return newNavItems;
 };
 
-const SearchViewNavigation = ({ metaData, handleDrawerOpen, drawerOpen, setView, label, icon, placeholder = "Search Reports...", rootUrl, dashboardUrl, navigate }) => {
+const SearchViewNavigation = ({ metaData, handleDrawerOpen, drawerOpen, setView, label, icon, placeholder = "Search Reports...", rootUrl, dashboardUrl, navigate, }) => {
     const [search, setSearch] = useState("");
     const filteredMetaData = useMemo(() => {
         return filterMetaDataByValue(search, metaData.navItems, [
@@ -3158,7 +3151,7 @@ const filterMetaData = (navItems, role, branches, company, access, products) =>
 };
 
 /* eslint-disable react-hooks/exhaustive-deps */
-const SideBar = ({ authState, handleDrawerOpen, open, rootUrl, dashboardUrl = "dashboard", navigate }) => {
+const SideBar = ({ authState, handleDrawerOpen, open, rootUrl, dashboardUrl = "dashboard", navigate, }) => {
     const [view, setView] = useState("/");
     const [NewFilterView, setNewFilterView] = useState({});
     const [NewFilterData, setNewFilterData] = useState([]);
@@ -3195,7 +3188,7 @@ const SideBar = ({ authState, handleDrawerOpen, open, rootUrl, dashboardUrl = "d
 const SidebarWrapper = (props) => {
     const classes = useStyles();
     return (jsxs(Drawer, { variant: "permanent", classes: {
-            paper: clsx(classes.drawerPaper, !open && classes.drawerPaperClose),
+            paper: clsx(classes.drawerPaper, !props.open && classes.drawerPaperClose),
         }, open: props.open, children: [jsx("div", { className: classes.toolbarIcon }), jsx(SideBar, { ...props })] }));
 };