@acuteinfo/common-screens 1.0.55 → 1.0.57

package/dist/assets/{index~JRjrREMB.css → index~NFLKLAwc.css}

@@ -1,10 +1,10 @@
-:root {
-  --theme-color1: #07288e;
-  --white: #ffffff;
-  --theme-color3: #4263c7;
-  --theme-color4: #eceff9;
-  --primary-bg: linear-gradient(71.66deg, #4285f4 -2.97%, #885df5 111.3%);
-  --theme-color6: rgba(148, 149, 151, 1);
-}
-
-/*# sourceMappingURL=index~JRjrREMB.css.map */
+:root {
+  --theme-color1: #07288e;
+  --white: #ffffff;
+  --theme-color3: #4263c7;
+  --theme-color4: #eceff9;
+  --primary-bg: linear-gradient(71.66deg, #4285f4 -2.97%, #885df5 111.3%);
+  --theme-color6: rgba(148, 149, 151, 1);
+}
+
+/*# sourceMappingURL=index~NFLKLAwc.css.map */

package/dist/assets/index~NFLKLAwc.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/assets/css/index.css"],"names":[],"mappings":"AAAA;EACE,uBAAuB;EACvB,gBAAgB;EAChB,uBAAuB;EACvB,uBAAuB;EACvB,uEAAuE;EACvE,sCAAsC;AACxC","file":"index~NFLKLAwc.css","sourcesContent":[":root {\r\n  --theme-color1: #07288e;\r\n  --white: #ffffff;\r\n  --theme-color3: #4263c7;\r\n  --theme-color4: #eceff9;\r\n  --primary-bg: linear-gradient(71.66deg, #4285f4 -2.97%, #885df5 111.3%);\r\n  --theme-color6: rgba(148, 149, 151, 1);\r\n}\r\n"]}

package/dist/index.js

@@ -1,5 +1,5 @@
 import 'regenerator-runtime/runtime';
-import './assets/index~JRjrREMB.css';
+import './assets/index~NFLKLAwc.css';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { TextField, GradientButton, utilFunction, ClearCacheProvider, queryClient, Alert, GridWrapper, SearchBar } from '@acuteinfo/common-base';
 import { useState, useRef, useEffect, Fragment, useMemo, useReducer, useCallback } from 'react';
@@ -29,7 +29,7 @@ import ScrollBar from 'react-perfect-scrollbar';
 import { ExpandLess, ExpandMore } from '@mui/icons-material';
 import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';
 import { library } from '@fortawesome/fontawesome-svg-core';
-import { faHandsHelping, faUsers, faBars, faBalanceScale, faHandHoldingHeart, faTasks, faCog, faHome, faTh, faUsersCog, faCircle, faUserCircle, faHashtag, faThumbtack, faSquare, faLink, faQuestion, faPlus, faTable, faLocationArrow, faHeadset, faGears, faArrowDown, faArrowUp, faSpinner, faCircleExclamation, faRotateRight, faUserLock, faUserClock, faGripHorizontal, faFileLines, faGear, faHeadphones, faUsersGear, faMessage, faUnlock, faUserPlus, faUserCheck, faKey, faIdCard, faIdBadge, faCheck, faCheckDouble, faCircleCheck, faCircleXmark, faUserTag, faAddressCard, faChartColumn, faUserPen, faHandHolding, faHandHoldingMedical, faObjectGroup, faTowerCell, faTowerObservation, faBuilding, faMailBulk, faLandmarkFlag, faCreditCard, faHospitalSymbol, faPlugCircleBolt, faCodeBranch, faPersonCircleCheck, faBank, faServer, faNotesMedical, faA, faB, faC, faD, faE, faF, faG, faH, faI, faJ, faK, faL, faM, faN, faO, faP, faQ, faR, faS, faT, faU, faV, faW, faX, faY, faZ } from '@fortawesome/free-solid-svg-icons';
+import { faHandsHelping, faUsers, faBars, faBalanceScale, faHandHoldingHeart, faTasks, faCog, faHome, faTh, faUsersCog, faCircle, faUserCircle, faHashtag, faThumbtack, faSquare, faLink, faQuestion, faPlus, faTable, faLocationArrow, faHeadset, faGears, faArrowDown, faArrowUp, faSpinner, faCircleExclamation, faRotateRight, faUserLock, faUserClock, faGripHorizontal, faFileLines, faGear, faHeadphones, faUsersGear, faMessage, faUnlock, faUserPlus, faUserCheck, faKey, faIdCard, faIdBadge, faCheck, faCheckDouble, faCircleCheck, faCircleXmark, faUserTag, faAddressCard, faChartColumn, faUserPen, faHandHolding, faHandHoldingMedical, faObjectGroup, faTowerCell, faTowerObservation, faBuilding, faMailBulk, faLandmarkFlag, faCreditCard, faHospitalSymbol, faPlugCircleBolt, faCodeBranch, faPersonCircleCheck, faBank, faServer, faNotesMedical, faPenToSquare, faBarsProgress, faFileExport, faA, faB, faC, faD, faE, faF, faG, faH, faI, faJ, faK, faL, faM, faN, faO, faP, faQ, faR, faS, faT, faU, faV, faW, faX, faY, faZ } from '@fortawesome/free-solid-svg-icons';
 import 'lodash';
 
 const useStyles$3 = makeStyles((theme) => ({
@@ -576,7 +576,7 @@ const OTPModelForm = ({ classes, OTPResendRequest, handleClose, loginState, Veri
                                         color: "var(-theme-color3) !important",
                                     },
                                 }, rotateIcon: "scale(1.4) rotateX(360deg)", style: {
-                                    border: "var(--theme-color3) 1px solid",
+                                    // border: "var(--theme-color3) 1px solid",
                                     // color: "var(--white)",
                                     // background: "var(--white)",
                                     borderRadius: "10px",
@@ -2211,7 +2211,7 @@ const BranchSelectionGrid = ({ selectionMode, authState, isBranchSelectedFn, isL
                                             alignItems: "center",
                                             justifyContent: "right",
                                         }, children: [" ", jsx("div", { children: jsx("img", { src: Boolean(logos?.logo) ? logos?.logo : logo, alt: "bank_logo", className: classes.logo }) })] })] }), isError ? (jsx(Fragment, { children: jsx("div", { style: { width: "100%", paddingTop: "10px" }, children: jsx(Alert, { severity: error?.severity ?? "error", errorMsg: error?.error_msg ?? "Error", errorDetail: error?.error_detail ?? "" }) }) })) : mutation.isError && mutation.error ? (jsx(Fragment, { children: jsx("div", { style: { width: "100%", paddingTop: "10px" }, children: jsx(Alert, { severity: getError.severity ?? "error", errorMsg: getError.error_msg ?? "Error", errorDetail: getError.error_detail ?? "" }) }) })) : null, jsx(GridWrapper, { finalMetaData: BranchSelectionGridMetaData, data: data ?? [], setData: () => null, actions: actions, setAction: setCurrentAction, controlsAtBottom: true, actionContextAtBottom: true, headerToolbarStyle: {
-                                    backgroundColor: "#fff !important",
+                                    background: "#fff !important",
                                     padding: "0",
                                     "& .MuiTypography-root": {
                                         color: "black",
@@ -2821,7 +2821,12 @@ const SideBarNav = ({ metaData, handleDrawerOpen, drawerOpen, setView, slimSize,
 };
 const SeperateListView = ({ item, setView, level, classes, slimSize, setNewFilterData, setNewFilterView, }) => {
     let labelStart = (item.label || "").toLowerCase().substring(0, 1) || "circle";
-    const icon = item.icon ? (jsx(ListItemIcon, { className: classes.listIcon, children: jsx(FontAwesomeIcon, { icon: ["fas", labelStart] }) })) : null;
+    // const icon = item.icon ? (
+    //   <ListItemIcon className={classes.listIcon}>
+    //     <FontAwesomeIcon icon={["fas", labelStart]} />
+    //   </ListItemIcon>
+    // ) : null;
+    const icon = item.icon?.toLowerCase() !== "process.gif" && item.icon ? (jsx(ListItemIcon, { className: classes.listIcon, children: jsx(FontAwesomeIcon, { icon: ["fas", item.icon] }) })) : (jsx(ListItemIcon, { className: classes.listIcon, children: jsx(FontAwesomeIcon, { icon: ["fas", labelStart] }) }));
     const levelClassName = level === 1
         ? classes.nestedMenuLevel1
         : level === 2
@@ -2854,7 +2859,7 @@ const SingleListItem = ({ item, classes, level, slimSize, drawerOpen, rootUrl, d
         document.title = titleText.split(" - ")[0] + " - " + item.label;
     }
     let labelStart = (item.label || "").toLowerCase().substring(0, 1) || "circle";
-    const icon = item.icon.toLowerCase() === "process.gif" ? (jsx(ListItemIcon, { className: classes.listIcon, children: jsx(FontAwesomeIcon, { icon: ["fas", labelStart] }) })) : (jsx(ListItemIcon, { className: classes.listIcon, children: jsx(FontAwesomeIcon, { icon: ["fas", item.icon] }) }));
+    const icon = item.icon.toLowerCase() === "process.gif" || !Boolean(item.icon) ? (jsx(ListItemIcon, { className: classes.listIcon, children: jsx(FontAwesomeIcon, { icon: ["fas", labelStart] }) })) : (jsx(ListItemIcon, { className: classes.listIcon, children: jsx(FontAwesomeIcon, { icon: ["fas", item.icon] }) }));
     const levelClassName = level === 1
         ? classes.nestedMenuLevel1
         : level === 2
@@ -2903,7 +2908,7 @@ const NestedListItem = ({ item, classes, level, handleDrawerOpen, drawerOpen, sl
         }
     });
     let labelStart = (item.label || "").toLowerCase().substring(0, 1) || "circle";
-    const icon = item.icon === "Process.gif" ? (jsx(ListItemIcon, { className: classes.listIcon, children: jsx(FontAwesomeIcon, { icon: ["fas", labelStart] }) })) : (jsx(ListItemIcon, { className: classes.listIcon, children: jsx(FontAwesomeIcon, { icon: ["fas", item.icon] }) }));
+    const icon = item.icon?.toLowerCase() === "process.gif" || !Boolean(item.icon) ? (jsx(ListItemIcon, { className: classes.listIcon, children: jsx(FontAwesomeIcon, { icon: ["fas", labelStart] }) })) : (jsx(ListItemIcon, { className: classes.listIcon, children: jsx(FontAwesomeIcon, { icon: ["fas", item.icon] }) }));
     const levelClassName = level === 1
         ? classes.nestedMenuLevel1
         : level === 2
@@ -3002,7 +3007,7 @@ const SearchViewNavigation = ({ metaData, handleDrawerOpen, drawerOpen, setView,
                 }, slimSize: true, isFromSeparetView: true, rootUrl: rootUrl, dashboardUrl: dashboardUrl, navigate: navigate })] }));
 };
 
-library.add(faHandsHelping, faUsers, faBars, faBalanceScale, faHandHoldingHeart, faTasks, faCog, faHome, faTh, faUsersCog, faCircle, faUserCircle, faHashtag, faThumbtack, faSquare, faLink, faQuestion, faPlus, faTable, faLocationArrow, faHeadset, faGears, faArrowDown, faArrowUp, faSpinner, faCircleExclamation, faRotateRight, faUserLock, faUserClock, faGripHorizontal, faFileLines, faGear, faHeadphones, faUsersGear, faMessage, faUnlock, faUserPlus, faUserCheck, faKey, faIdCard, faIdBadge, faCheck, faCheckDouble, faCircleCheck, faCircleXmark, faUserTag, faAddressCard, faChartColumn, faUserPen, faHandHolding, faHandHoldingMedical, faObjectGroup, faTowerCell, faTowerObservation, faBuilding, faMailBulk, faLandmarkFlag, faCreditCard, faHospitalSymbol, faPlugCircleBolt, faCodeBranch, faPersonCircleCheck, faBank, faServer, faNotesMedical, faA, faB, faC, faD, faE, faF, faG, faH, faI, faJ, faK, faL, faM, faN, faO, faP, faQ, faR, faS, faT, faU, faV, faW, faX, faY, faZ);
+library.add(faHandsHelping, faUsers, faBars, faBalanceScale, faHandHoldingHeart, faTasks, faCog, faHome, faTh, faUsersCog, faCircle, faUserCircle, faHashtag, faThumbtack, faSquare, faLink, faQuestion, faPlus, faTable, faLocationArrow, faHeadset, faGears, faArrowDown, faArrowUp, faSpinner, faCircleExclamation, faRotateRight, faUserLock, faUserClock, faGripHorizontal, faFileLines, faGear, faHeadphones, faUsersGear, faMessage, faUnlock, faUserPlus, faUserCheck, faKey, faIdCard, faIdBadge, faCheck, faCheckDouble, faCircleCheck, faCircleXmark, faUserTag, faAddressCard, faChartColumn, faUserPen, faHandHolding, faHandHoldingMedical, faObjectGroup, faTowerCell, faTowerObservation, faBuilding, faMailBulk, faLandmarkFlag, faCreditCard, faHospitalSymbol, faPlugCircleBolt, faCodeBranch, faPersonCircleCheck, faBank, faServer, faNotesMedical, faPenToSquare, faBarsProgress, faFileExport, faA, faB, faC, faD, faE, faF, faG, faH, faI, faJ, faK, faL, faM, faN, faO, faP, faQ, faR, faS, faT, faU, faV, faW, faX, faY, faZ);
 
 const transformMetaDataAsPerRole = (metaData, role, branches, company, access, products) => {
     let navItems = filterMetaData(metaData.navItems, role, branches, company, access, products);