@campxdev/shared 1.0.4 → 1.1.0

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 '../shared-state/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>
+  )
+}

package/src/permissions/ValidateAccess.tsx

@@ -1,18 +1,18 @@
-import React from 'react'
-import { Permission, PermissionsStore } from './PermissionsStore'
-
-export default function ValidateAccess({
-  accessKey,
-  children,
-}: {
-  accessKey: Permission
-  children: React.ReactNode
-}) {
-  const permissions = PermissionsStore.useState((s) => s).permissions
-  const hasAccess = accessKey ? permissions[accessKey] : true
-
-  if (hasAccess) {
-    return <>{children}</>
-  }
-  return null
-}
+import React from 'react'
+import { Permission, PermissionsStore } from '../shared-state/PermissionsStore'
+
+export default function ValidateAccess({
+  accessKey,
+  children,
+}: {
+  accessKey: Permission
+  children: React.ReactNode
+}) {
+  const permissions = PermissionsStore.useState((s) => s).permissions
+  const hasAccess = accessKey ? permissions[accessKey] : true
+
+  if (hasAccess) {
+    return <>{children}</>
+  }
+  return null
+}

package/src/permissions/index.ts

@@ -1,3 +1,2 @@
-export { default as ValidateAccess } from './ValidateAccess'
-export { Permission, PermissionsStore } from './PermissionsStore'
-export { default as PageWithPermission } from './PageWithPermission'
+export { default as ValidateAccess } from './ValidateAccess'
+export { default as PageWithPermission } from './PageWithPermission'

package/src/react-app-env.d.ts

@@ -1 +1 @@
-/// <reference types="react-scripts" />
+/// <reference types="react-scripts" />

package/src/shared-state/AssetsStore.ts

@@ -1,15 +1,15 @@
-import { Store } from 'pullstate'
-
-export interface IAssetsStore {
-  logo: string
-  logo_square: string
-  school_name: string
-  address: string | any
-}
-
-export const AssetsStore = new Store({
-  logo: null,
-  logo_square: null,
-  school_name: null,
-  address: '',
-})
+import { Store } from 'pullstate'
+
+export interface IAssetsStore {
+  logo: string
+  logo_square: string
+  school_name: string
+  address: string | any
+}
+
+export const AssetsStore = new Store({
+  logo: null,
+  logo_square: null,
+  school_name: null,
+  address: '',
+})