@campxdev/shared 0.5.20 → 0.5.21

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>
+	)
+}