@campxdev/shared 0.6.19 → 1.0.1

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 './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,3 @@
-export { default as ValidateAccess } from './ValidateAccess'
-export { Permission, PermissionsStore } from './PermissionsStore'
-export { default as PageWithPermission } from './PageWithPermission'
+export { default as ValidateAccess } from './ValidateAccess'
+export { Permission, PermissionsStore } from './PermissionsStore'
+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: '',
+})

package/src/shared-state/UserStore.ts

@@ -1,13 +1,13 @@
-import { Store } from 'pullstate'
-
-export interface IUserStore {
-  username: string
-  user: any
-  roles: any[]
-}
-
-export const UserStore = new Store({
-  username: '',
-  user: null,
-  roles: [],
-})
+import { Store } from 'pullstate'
+
+export interface IUserStore {
+  username: string
+  user: any
+  roles: any[]
+}
+
+export const UserStore = new Store({
+  username: '',
+  user: null,
+  roles: [],
+})

package/src/shared-state/index.ts

@@ -1,3 +1,3 @@
-import { AssetsStore } from './AssetsStore'
-import { UserStore } from './UserStore'
-export { AssetsStore, UserStore }
+import { AssetsStore } from './AssetsStore'
+import { UserStore } from './UserStore'
+export { AssetsStore, UserStore }

package/src/theme/App.less

@@ -1,3 +1,3 @@
-@import '~antd/lib/style/themes/default.less';
-@import '~antd/dist/antd.less';
-@import './index.css';
+@import '~antd/lib/style/themes/default.less';
+@import '~antd/dist/antd.less';
+@import './index.css';

package/src/theme/MuiThemeProvider.tsx

@@ -1,13 +1,13 @@
-import { CssBaseline, ThemeProvider } from '@mui/material'
-import GlobalNetworkLoadingIndicator from '../components/ErrorBoundary/GlobalNetworkLoadingIndicator'
-import muiTheme from './muiTheme'
-
-export default function MuiThemeProvider({ children }) {
-  return (
-    <ThemeProvider theme={muiTheme}>
-      {children}
-      <CssBaseline />
-      <GlobalNetworkLoadingIndicator />
-    </ThemeProvider>
-  )
-}
+import { CssBaseline, ThemeProvider } from '@mui/material'
+import GlobalNetworkLoadingIndicator from '../components/ErrorBoundary/GlobalNetworkLoadingIndicator'
+import muiTheme from './muiTheme'
+
+export default function MuiThemeProvider({ children }) {
+  return (
+    <ThemeProvider theme={muiTheme}>
+      {children}
+      <CssBaseline />
+      <GlobalNetworkLoadingIndicator />
+    </ThemeProvider>
+  )
+}

package/src/theme/customCssBaseline.ts

@@ -1,78 +1,78 @@
-import { avenirFont } from '../assets/fonts/avenir'
-import {
-  lightPoppins,
-  mediumPoppins,
-  regularPoppins,
-  semiboldPoppins,
-} from '../assets/fonts/poppins'
-
-const uniCode =
-  'U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF'
-
-export const customCssBaseline = `
-    html, body {
-      font-size: 14px;
-      font-family: Avenir, sans-serif;
-      font-weight: 400;
-    }
-    @font-face {
-      font-family: Avenir;
-      src: url(${avenirFont});
-      font-display: swap;
-      font-weight: 400;
-    }
-    @font-face {
-      font-family: Poppins;
-      src: url(${lightPoppins}) format('truetype');
-      unicodeRange: ${uniCode};
-      font-display: swap;
-      font-weight: 300;
-    }
-    @font-face {
-      font-family: Poppins;
-      src: url(${mediumPoppins}) format('truetype');
-      unicodeRange: ${uniCode};
-      font-display: swap;
-      font-weight: 500;
-    }
-    @font-face {
-      font-family: Poppins;
-      src: url(${regularPoppins}) format('truetype');
-      unicodeRange: ${uniCode};
-      font-display: swap;
-      font-weight: 400;
-    }
-    @font-face {
-      font-family: Poppins;
-      src: url(${semiboldPoppins}) format('truetype');
-      unicodeRange: ${uniCode};
-      font-display: swap;
-      font-weight: 600;
-    }
-
-.Toastify__toast {
-  border-radius: 10px;
-  padding: 0;
-}
-
-.Toastify__toast-body {
-  font-family: Poppins;
-  font-size: 16px;
-  line-height: 1.5;
-  color: #fff;
-  font-weight: 600;
-  padding: 0;
-  margin: 0;
-  height: 64px;
-  align-items: stretch;
-}
-.Toastify__toast-body > div:last-child {
-  align-self: center;
-  margin-left: 30px;
-}
-
-.Toastify__toast > button > svg {
-  display: none;
-}
-
-`
+import { avenirFont } from '../assets/fonts/avenir'
+import {
+  lightPoppins,
+  mediumPoppins,
+  regularPoppins,
+  semiboldPoppins,
+} from '../assets/fonts/poppins'
+
+const uniCode =
+  'U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF'
+
+export const customCssBaseline = `
+    html, body {
+      font-size: 14px;
+      font-family: Avenir, sans-serif;
+      font-weight: 400;
+    }
+    @font-face {
+      font-family: Avenir;
+      src: url(${avenirFont});
+      font-display: swap;
+      font-weight: 400;
+    }
+    @font-face {
+      font-family: Poppins;
+      src: url(${lightPoppins}) format('truetype');
+      unicodeRange: ${uniCode};
+      font-display: swap;
+      font-weight: 300;
+    }
+    @font-face {
+      font-family: Poppins;
+      src: url(${mediumPoppins}) format('truetype');
+      unicodeRange: ${uniCode};
+      font-display: swap;
+      font-weight: 500;
+    }
+    @font-face {
+      font-family: Poppins;
+      src: url(${regularPoppins}) format('truetype');
+      unicodeRange: ${uniCode};
+      font-display: swap;
+      font-weight: 400;
+    }
+    @font-face {
+      font-family: Poppins;
+      src: url(${semiboldPoppins}) format('truetype');
+      unicodeRange: ${uniCode};
+      font-display: swap;
+      font-weight: 600;
+    }
+
+.Toastify__toast {
+  border-radius: 10px;
+  padding: 0;
+}
+
+.Toastify__toast-body {
+  font-family: Poppins;
+  font-size: 16px;
+  line-height: 1.5;
+  color: #fff;
+  font-weight: 600;
+  padding: 0;
+  margin: 0;
+  height: 64px;
+  align-items: stretch;
+}
+.Toastify__toast-body > div:last-child {
+  align-self: center;
+  margin-left: 30px;
+}
+
+.Toastify__toast > button > svg {
+  display: none;
+}
+
+`

package/src/theme/index.css

@@ -1,75 +1,75 @@
-/* @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap'); */
-
-:root {
-  --primary-main: rgb(30, 25, 245);
-  --secondary-dark: #121212;
-  --secondary-light: #1d1d1d;
-  --bg-gray-light: #f2f2f2;
-  --orange-primary: #ffaf20;
-  --primary-light: #eef8fe;
-  --secondary-color: #233659;
-  --success-color: #52c41a;
-  --warning-color: #faad14;
-  --error-color: #f5222d;
-  --link-color: #1890ff;
-  --heading-color: rgba(0, 0, 0, 0.85);
-  --disabled-color: rgba(0, 0, 0, 0.25);
-  --border-color-base: #d9d9d9;
-  --body-background: #fff;
-  --component-background: #fff;
-  /* TYPOGRAPHY */
-  --text-white: #fff;
-  --text-color: rgba(0, 0, 0, 0.65);
-  --text-color-secondary: rgba(0, 0, 0, 0.45);
-
-  --toastify-color-info: #3498db;
-  --toastify-color-success: #7eb872;
-  --toastify-color-warning: #f1c40f;
-}
-
-@font-face {
-  font-family: Avenir;
-  src: url('../assets/fonts/avenir/Avenir.ttc');
-}
-
-@font-face {
-  font-family: Poppins;
-  src: url('../assets/fonts/poppins/Poppins-SemiBold.otf');
-}
-@font-face {
-  font-family: Poppins;
-  src: url('../assets/fonts/poppins/Poppins-Medium.otf');
-}
-@font-face {
-  font-family: Poppins;
-  src: url('../assets/fonts/poppins/Poppins-Light.otf');
-}
-@font-face {
-  font-family: Poppins;
-  src: url('../assets/fonts/poppins/Poppins-Regular.otf');
-}
-
-.Toastify__toast {
-  border-radius: 10px;
-  padding: 0;
-}
-
-.Toastify__toast-body {
-  font-family: Poppins;
-  font-size: 16px;
-  line-height: 1.5;
-  color: #fff;
-  font-weight: 600;
-  padding: 0;
-  margin: 0;
-  height: 64px;
-  align-items: stretch;
-}
-.Toastify__toast-body > div:last-child {
-  align-self: center;
-  margin-left: 30px;
-}
-
-.Toastify__toast > button > svg {
-  display: none;
-}
+/* @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap'); */
+
+:root {
+  --primary-main: rgb(30, 25, 245);
+  --secondary-dark: #121212;
+  --secondary-light: #1d1d1d;
+  --bg-gray-light: #f2f2f2;
+  --orange-primary: #ffaf20;
+  --primary-light: #eef8fe;
+  --secondary-color: #233659;
+  --success-color: #52c41a;
+  --warning-color: #faad14;
+  --error-color: #f5222d;
+  --link-color: #1890ff;
+  --heading-color: rgba(0, 0, 0, 0.85);
+  --disabled-color: rgba(0, 0, 0, 0.25);
+  --border-color-base: #d9d9d9;
+  --body-background: #fff;
+  --component-background: #fff;
+  /* TYPOGRAPHY */
+  --text-white: #fff;
+  --text-color: rgba(0, 0, 0, 0.65);
+  --text-color-secondary: rgba(0, 0, 0, 0.45);
+
+  --toastify-color-info: #3498db;
+  --toastify-color-success: #7eb872;
+  --toastify-color-warning: #f1c40f;
+}
+
+@font-face {
+  font-family: Avenir;
+  src: url('../assets/fonts/avenir/Avenir.ttc');
+}
+
+@font-face {
+  font-family: Poppins;
+  src: url('../assets/fonts/poppins/Poppins-SemiBold.otf');
+}
+@font-face {
+  font-family: Poppins;
+  src: url('../assets/fonts/poppins/Poppins-Medium.otf');
+}
+@font-face {
+  font-family: Poppins;
+  src: url('../assets/fonts/poppins/Poppins-Light.otf');
+}
+@font-face {
+  font-family: Poppins;
+  src: url('../assets/fonts/poppins/Poppins-Regular.otf');
+}
+
+.Toastify__toast {
+  border-radius: 10px;
+  padding: 0;
+}
+
+.Toastify__toast-body {
+  font-family: Poppins;
+  font-size: 16px;
+  line-height: 1.5;
+  color: #fff;
+  font-weight: 600;
+  padding: 0;
+  margin: 0;
+  height: 64px;
+  align-items: stretch;
+}
+.Toastify__toast-body > div:last-child {
+  align-self: center;
+  margin-left: 30px;
+}
+
+.Toastify__toast > button > svg {
+  display: none;
+}