@campxdev/shared 0.5.20 → 0.5.22

package/src/layouts/Components/styles.tsx

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

package/src/layouts/ComponentsLayout.tsx

@@ -1,3 +1,3 @@
-export default function ComponentsLayout() {
-  return <div>ComponentsLayout</div>
-}
+export default function ComponentsLayout() {
+  return <div>ComponentsLayout</div>
+}

package/src/permissions/PageWithPermission.tsx

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

package/src/permissions/PermissionDeniedPage.tsx

@@ -1,16 +1,16 @@
-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>
-	)
-}
+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>
+  )
+}