@campxdev/shared 0.6.18 → 0.6.19

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