@campxdev/shared 0.5.21 → 0.5.22

package/src/layouts/Components/DashBoardMenu.tsx

@@ -1,4 +1,4 @@
-import { Permission } from "../../permissions";
+import { Permission } from '../../permissions'
 import {
   ActivitiesIcon,
   AdmissionsIcon,
@@ -11,80 +11,80 @@ import {
   SettingsIcon,
   StudentsIcon,
   TaskListIcon,
-} from "./icons";
-``;
+} from './icons'
+;``
 export interface IMenuItem {
-  title: string;
-  path: string;
-  icon?: any;
-  children?: Array<IMenuItem>;
-  permissionKey?: string;
+  title: string
+  path: string
+  icon?: any
+  children?: Array<IMenuItem>
+  permissionKey?: string
 }
 
 export const dashboardMenu: Array<IMenuItem> = [
   {
-    title: "Dashboard",
-    path: "/dashboard",
+    title: 'Dashboard',
+    path: '/dashboard',
     icon: DashboardIcon,
     permissionKey: Permission.CAN_DASHBOARD_VIEW,
   },
   {
-    title: "Tasks",
-    path: "/tasks",
+    title: 'Tasks',
+    path: '/tasks',
     icon: TaskListIcon,
     children: [
       {
-        title: "Dashboard",
-        path: "/dashboard",
+        title: 'Dashboard',
+        path: '/dashboard',
       },
       {
-        title: "Taskboard",
-        path: "/taskboard/pending-task/",
+        title: 'Taskboard',
+        path: '/taskboard/pending-task/',
         permissionKey: Permission.CAN_TASKS_VIEW,
       },
       {
-        title: "Reports",
-        path: "/reports",
+        title: 'Reports',
+        path: '/reports',
       },
     ],
   },
   {
-    title: "Admissions",
-    path: "/admissions",
+    title: 'Admissions',
+    path: '/admissions',
     icon: AdmissionsIcon,
     children: [
       {
-        title: "Dashboard",
-        path: "/dashboard",
+        title: 'Dashboard',
+        path: '/dashboard',
         permissionKey: Permission.CAN_ADMISSIONS_DASHBOARD_VIEW,
       },
       {
-        title: "Leads",
-        path: "/leads",
+        title: 'Leads',
+        path: '/leads',
         permissionKey: Permission.ADMISSIONS_VIEW,
       },
       {
-        title: "CET",
-        path: "/cet",
+        title: 'CET',
+        path: '/cet',
         permissionKey: Permission.ADMISSIONS_VIEW,
       },
 
       {
-        title: "Reports",
-        path: "/reports",
+        title: 'Reports',
+        path: '/reports',
         permissionKey: Permission.ADMISSIONS_VIEW,
       },
       {
-        title: "All Admissions",
-        path: "/all",
+        title: 'All Admissions',
+        path: '/all',
         permissionKey: Permission.ADMISSIONS_VIEW,
       },
     ],
   },
 
   {
-    title: "Students",
-    path: "/students",
+    title: 'Students',
+    path: '/students',
     icon: StudentsIcon,
     permissionKey: Permission.STUDENTS_VIEW,
 
@@ -104,93 +104,93 @@ export const dashboardMenu: Array<IMenuItem> = [
     // ],
   },
   {
-    title: "Classrooms",
-    path: "/classrooms",
+    title: 'Classrooms',
+    path: '/classrooms',
     icon: ClassroomsIcon,
     children: [
       {
-        title: "Classrooms",
-        path: "/classrooms",
+        title: 'Classrooms',
+        path: '/classrooms',
         permissionKey: Permission.CLASSROOM_VIEW,
       },
       {
-        title: "Faculty Timetable",
-        path: "/faculty-timetable",
+        title: 'Faculty Timetable',
+        path: '/faculty-timetable',
         permissionKey: Permission.CLASSROOM_VIEW,
       },
       {
-        title: "Reports",
-        path: "/reports/classrooms",
+        title: 'Reports',
+        path: '/reports/classrooms',
         permissionKey: Permission.CLASSROOM_VIEW,
       },
     ],
   },
   {
-    title: "Activities",
-    path: "/activities",
+    title: 'Activities',
+    path: '/activities',
     icon: ActivitiesIcon,
     children: [
       {
-        title: "Clubs",
-        path: "/clubs",
+        title: 'Clubs',
+        path: '/clubs',
         permissionKey: Permission.EXTRA_CURRICULAR_ACTIVITIES_CLUBS,
       },
       {
-        title: "Events",
-        path: "/events",
+        title: 'Events',
+        path: '/events',
         permissionKey: Permission.EXTRA_CURRICULAR_ACTIVITIES_EVENTS,
       },
     ],
   },
 
   {
-    title: "Hostels",
-    path: "/hostels",
+    title: 'Hostels',
+    path: '/hostels',
     icon: HostelsIcon,
     children: [
       {
-        title: "Dashboard",
-        path: "/dashboard",
+        title: 'Dashboard',
+        path: '/dashboard',
         permissionKey: Permission.CAN_HOSTELER_DASHBOARD_VIEW,
       },
       {
-        title: "Hostelers",
-        path: "/hostelers",
+        title: 'Hostelers',
+        path: '/hostelers',
         permissionKey: Permission.CAN_HOSTELER_VIEW,
       },
       {
-        title: "Fee Payments",
-        path: "/fee-payments",
+        title: 'Fee Payments',
+        path: '/fee-payments',
         permissionKey: Permission.CAN_HOSTELER_FEE_PAYMENT_VIEW,
       },
       {
-        title: "Reports",
-        path: "/reports",
+        title: 'Reports',
+        path: '/reports',
         permissionKey: Permission.CAN_HOSTELER_REPORTS_VIEW,
       },
     ],
   },
   {
-    title: "Library",
-    path: "/library",
+    title: 'Library',
+    path: '/library',
     icon: HostelsIcon,
     children: [
       {
-        title: "Dashboard",
-        path: "/dashboard",
+        title: 'Dashboard',
+        path: '/dashboard',
         // permissionKey: Permission.CAN_HOSTELER_DASHBOARD_VIEW,
       },
       {
-        title: "Catalogue",
-        path: "/catalogue",
+        title: 'Catalogue',
+        path: '/catalogue',
       },
       {
-        title: "Cards",
-        path: "/cards",
+        title: 'Cards',
+        path: '/cards',
       },
       {
-        title: "Reports",
-        path: "/reports",
+        title: 'Reports',
+        path: '/reports',
       },
       // {
       //   title: 'Feedback System',
@@ -199,34 +199,34 @@ export const dashboardMenu: Array<IMenuItem> = [
     ],
   },
   {
-    title: "HRMS",
-    path: "/hrms",
+    title: 'HRMS',
+    path: '/hrms',
     icon: HrmsIcon,
     children: [
       {
-        title: "Leave Applications",
-        path: "/leave-applications",
+        title: 'Leave Applications',
+        path: '/leave-applications',
       },
     ],
   },
 
   {
-    title: "Course Registrations",
-    path: "/course-registrations",
+    title: 'Course Registrations',
+    path: '/course-registrations',
     icon: ReportsIcon,
     permissionKey: Permission.COURSE_REGISTRATION_VIEW,
   },
 
   {
-    title: "Activity Logs",
-    path: "/audit-logs",
+    title: 'Activity Logs',
+    path: '/audit-logs',
     icon: LogsIcon,
     permissionKey: Permission.VIEW_AUDIT_LOGS,
   },
   {
-    title: "Settings",
-    path: "/settings",
+    title: 'Settings',
+    path: '/settings',
     icon: SettingsIcon,
     permissionKey: Permission.CAN_SETTINGS_VIEW,
   },
-];
+]

package/src/layouts/Components/icons/index.tsx

@@ -36,8 +36,8 @@ export const DashboardIcon = () => {
         fill="#fff"
       />
     </svg>
-  );
-};
+  )
+}
 
 export const LogsIcon = () => {
   return (
@@ -63,8 +63,8 @@ export const LogsIcon = () => {
         />
       </g>
     </svg>
-  );
-};
+  )
+}
 
 export const ClassroomsIcon = () => {
   return (
@@ -81,8 +81,8 @@ export const ClassroomsIcon = () => {
         fill="#fff"
       />
     </svg>
-  );
-};
+  )
+}
 
 export const ReceiptIcon = () => {
   return (
@@ -119,8 +119,8 @@ export const ReceiptIcon = () => {
         />
       </g>
     </svg>
-  );
-};
+  )
+}
 
 export const SettingsIcon = () => {
   return (
@@ -151,8 +151,8 @@ export const SettingsIcon = () => {
         />
       </g>
     </svg>
-  );
-};
+  )
+}
 
 export const ReportsIcon = () => {
   return (
@@ -199,8 +199,8 @@ export const ReportsIcon = () => {
         fill="#fff"
       />
     </svg>
-  );
-};
+  )
+}
 
 export const ExamsIcon = () => {
   return (
@@ -218,8 +218,8 @@ export const ExamsIcon = () => {
         fill="#fff"
       />
     </svg>
-  );
-};
+  )
+}
 
 export const ActivitiesIcon = () => {
   return (
@@ -237,8 +237,8 @@ export const ActivitiesIcon = () => {
         fill="#fff"
       />
     </svg>
-  );
-};
+  )
+}
 
 export const AdmissionsIcon = () => {
   return (
@@ -271,8 +271,8 @@ export const AdmissionsIcon = () => {
         fill="#fff"
       />
     </svg>
-  );
-};
+  )
+}
 
 export const NotificationIcon = () => {
   return (
@@ -289,8 +289,8 @@ export const NotificationIcon = () => {
         fill="#fff"
       />
     </svg>
-  );
-};
+  )
+}
 
 export const LibraryIcon = () => {
   return (
@@ -309,8 +309,8 @@ export const LibraryIcon = () => {
         strokeWidth="0.2"
       />
     </svg>
-  );
-};
+  )
+}
 
 export const PlacementIcon = () => {
   return (
@@ -326,8 +326,8 @@ export const PlacementIcon = () => {
         fill="#fff"
       />
     </svg>
-  );
-};
+  )
+}
 
 export const StudentsIcon = () => {
   return (
@@ -344,8 +344,8 @@ export const StudentsIcon = () => {
         fill="#fff"
       />
     </svg>
-  );
-};
+  )
+}
 
 export const HostelsIcon = () => {
   return (
@@ -361,8 +361,8 @@ export const HostelsIcon = () => {
         fill="#fff"
       />
     </svg>
-  );
-};
+  )
+}
 
 export const TaskListIcon = () => {
   return (
@@ -381,8 +381,8 @@ export const TaskListIcon = () => {
         stroke-width="0.4"
       />
     </svg>
-  );
-};
+  )
+}
 
 export const HrmsIcon = () => {
   return (
@@ -399,5 +399,5 @@ export const HrmsIcon = () => {
         fill="#fff"
       />
     </svg>
-  );
-};
+  )
+}

package/src/layouts/Components/styles.tsx

@@ -1,13 +1,13 @@
-import styled from "styled-components";
-import { styled as muiStyled } from "@mui/material";
+import styled from 'styled-components'
+import { styled as muiStyled } from '@mui/material'
 
-export const headerHeight = "64px";
-export const sideNavWidth = "220px";
+export const headerHeight = '64px'
+export const sideNavWidth = '220px'
 
 export const StyledLayoutContainer = styled.div`
   & > div {
   }
-`;
+`
 
 export const StyledHeaderContainer = styled.header`
   z-index: 300;
@@ -21,40 +21,40 @@ export const StyledHeaderContainer = styled.header`
   & > div {
     height: ${headerHeight};
   }
-`;
+`
 
-export const StyledLeftNavContainer = muiStyled("aside")(({ theme }) => ({
+export const StyledLeftNavContainer = muiStyled('aside')(({ theme }) => ({
   width: sideNavWidth,
   background: theme.palette.secondary.main,
-  color: "white",
-  position: "fixed",
+  color: 'white',
+  position: 'fixed',
   top: headerHeight,
   left: 0,
   height: `calc(100vh - ${headerHeight})`,
-  overflowY: "auto",
+  overflowY: 'auto',
 
-  "&::-webkit-scrollbar": {
-    width: "0.5em",
-    height: "0.5em",
+  '&::-webkit-scrollbar': {
+    width: '0.5em',
+    height: '0.5em',
   },
 
-  "&::-webkit-scrollbar-thumb": {
-    backgroundColor: "rgba(255, 255, 255, 0.3)",
-    borderRadius: "3px",
+  '&::-webkit-scrollbar-thumb': {
+    backgroundColor: 'rgba(255, 255, 255, 0.3)',
+    borderRadius: '3px',
 
-    "&:hover": {
-      background: "rgba(255, 255, 255, 0.4)",
+    '&:hover': {
+      background: 'rgba(255, 255, 255, 0.4)',
     },
   },
 
   zIndex: 100,
-}));
+}))
 
-export const StyledMainContentContainer = muiStyled("main")(() => ({
+export const StyledMainContentContainer = muiStyled('main')(() => ({
   width: `calc(100% - ${sideNavWidth})`,
   height: `calc(100vh - ${headerHeight})`,
-  position: "fixed",
+  position: 'fixed',
   top: headerHeight,
   left: sideNavWidth,
-  overflowY: "auto",
-}));
+  overflowY: 'auto',
+}))

package/src/permissions/PageWithPermission.tsx

@@ -1,18 +1,18 @@
 import PermissionDeniedPage from './PermissionDeniedPage'
-import {PermissionsStore} from './PermissionsStore'
+import { PermissionsStore } from './PermissionsStore'
 
 const accessIfNoKey = process.env.NODE_ENV === 'development' ? true : false
 
 export default function PageWithPermission({
-	permissionKey,
-	children,
+  permissionKey,
+  children,
 }: {
-	permissionKey: string
-	children?: any
+  permissionKey: string
+  children?: any
 }) {
-	const permissions = PermissionsStore.useState((s) => s).permissions
-	const hasAccess = permissionKey ? permissions[permissionKey] : accessIfNoKey
+  const permissions = PermissionsStore.useState((s) => s).permissions
+  const hasAccess = permissionKey ? permissions[permissionKey] : accessIfNoKey
 
-	if (hasAccess) return children
-	return <PermissionDeniedPage />
+  if (hasAccess) return children
+  return <PermissionDeniedPage />
 }

package/src/permissions/PermissionDeniedPage.tsx

@@ -1,16 +1,16 @@
-import {Box, Typography} from '@mui/material'
+import { Box, Typography } from '@mui/material'
 
 export default function PermissionDeniedPage() {
-	return (
-		<Box
-			sx={{
-				height: '100vh',
-				width: '100%',
-				display: 'grid',
-				placeItems: 'center',
-			}}
-		>
-			<Typography variant='h6'>Permission Denied</Typography>
-		</Box>
-	)
+  return (
+    <Box
+      sx={{
+        height: '100vh',
+        width: '100%',
+        display: 'grid',
+        placeItems: 'center',
+      }}
+    >
+      <Typography variant="h6">Permission Denied</Typography>
+    </Box>
+  )
 }