@campxdev/shared 1.8.14 → 1.8.15

package/src/components/index.ts

@@ -0,0 +1,106 @@
+import UploadFileDialog from './UploadFileDialog'
+import Chips from './Chips'
+import ImageUpload from './ImageUpload'
+import FloatingContainer from './FloatingContainer'
+import TabsContainer from './Tabs/TabsContainer'
+import { StyledTableContainer } from './StyledTableContainer'
+import SearchBar from './FilterComponents/SearchBar'
+import { DrawerButton, DialogButton } from './ModalButtons'
+import DetailsGrid from './DetailsGrid'
+import AppHeader from './Layout/Header'
+import StepsHeader from './StepsHeader'
+import UploadDocument from './UploadDocument'
+import { Table as StyledTable } from './Table'
+import ErrorBoundary from './ErrorBoundary'
+import FullScreenLoader from './FullScreenLoader'
+import LoginForm from './LoginForm'
+import ResetPassword from './ResetPassword'
+import { SideMenuHeader } from './Layout/SideMenuHeader'
+import SideNav from './Layout/SideNav'
+import { ListItemButton } from './ListItemButton'
+import LayoutWrapper from './Layout/LayoutWrapper'
+import PageNotFound from './PageNotFound'
+import ChangePassword from './ChangePassword'
+import UploadButton from './UploadButton'
+import DialogWrapper from './DrawerWrapper/DialogWrapper'
+import Form from './Form/Form'
+import RenderForm from './Form/RenderForm'
+import AsyncSearchSelect from './Input/AsyncSearchSelect'
+import FilterButton from './FilterComponents/FilterButton'
+import Helmet from './Layout/Helmet'
+import NavigationTabs from './Tabs/NavigationTabs'
+import GlobalNetworkLoadingIndicator from './ErrorBoundary/GlobalNetworkLoadingIndicator'
+import UserBox from './Layout/Header/HeaderActions/UserBox'
+import { CustomDialog } from './ModalButtons/DialogButton'
+import { CustomDrawer } from './ModalButtons/DrawerButton'
+import ExcelJsonUpload from './ExcelToJsonInput/ExcelJsonUpload'
+import ExcelToJsonInput from './ExcelToJsonInput'
+export { default as Image } from './Image'
+export { default as PageHeader } from './PageHeader'
+export { PageContent } from './PageContent'
+export { default as ActionButton } from './ActionButton'
+export { default as Breadcrumbs } from './Breadcrumbs'
+export { default as Table } from './Tables/BasicTable'
+export { default as Spinner } from './Spinner'
+export { default as AutocompleteSearch } from './AutocompleteSearch'
+export { default as JsonPreview } from './JsonPreview'
+export { default as LabelValue } from './LabelValue'
+export { LinearProgress } from './LinearProgress'
+export { default as MediaRow } from './MediaRow'
+export { default as NoDataIllustration } from './NoDataIllustration'
+export { default as SwitchButton } from './SwitchButton'
+export { default as Tabs } from './Tabs/Tabs'
+export { default as ToastContainer } from './ToastContainer'
+export { default as Card } from './Card'
+export { default as CardsGrid } from './CardsGrid'
+export { default as DividerHeading } from './DividerHeading'
+export { default as ReactTable } from './Tables/ReactTable'
+export { default as TableFooter } from './Tables/BasicTable/TableFooter'
+export { default as DropDownButton } from './DropDownButton'
+export { default as useConfirm } from './PopupConfirm/useConfirm'
+
+export {
+  UploadFileDialog,
+  Chips,
+  ImageUpload,
+  FloatingContainer,
+  TabsContainer,
+  StyledTableContainer,
+  SearchBar,
+  DrawerButton,
+  DialogButton,
+  DetailsGrid,
+  AppHeader,
+  StepsHeader,
+  UploadDocument,
+  StyledTable,
+  ErrorBoundary,
+  FullScreenLoader,
+  LoginForm,
+  ResetPassword,
+  SideMenuHeader,
+  ListItemButton,
+  LayoutWrapper,
+  PageNotFound,
+  SideNav,
+  ChangePassword,
+  UploadButton,
+  DialogWrapper,
+  Form,
+  RenderForm,
+  AsyncSearchSelect,
+  FilterButton,
+  Helmet,
+  NavigationTabs,
+  CustomDialog,
+  CustomDrawer,
+  GlobalNetworkLoadingIndicator,
+  UserBox,
+  ExcelJsonUpload,
+  ExcelToJsonInput,
+}
+
+export * from './UploadButton/types'
+export * from './HookForm'
+export * from './Input'
+export * from './IconButtons'

package/src/config/axios.ts

@@ -0,0 +1,73 @@
+import Axios from 'axios'
+import _ from 'lodash'
+import { toast } from 'react-toastify'
+import Cookies from 'js-cookie'
+import { NetworkStore } from '../components/ErrorBoundary/GlobalNetworkLoadingIndicator'
+import { isDevelopment } from '../constants'
+
+const sessionKey = Cookies.get('campx_session_key')
+const clientId = window.location.pathname.split('/')[1] ?? 'campx_dev'
+
+export const formatParams = (params) => {
+  return Object.fromEntries(
+    Object.entries(params ?? {})?.map((i) => [
+      i[0],
+      i[1] === '__empty__' ? '' : i[1],
+    ]),
+  )
+}
+
+let axios = Axios.create({
+  baseURL: process.env.REACT_APP_API_HOST,
+  withCredentials: true,
+  headers: {
+    'x-tenant-id': clientId,
+    ...(isDevelopment &&
+      sessionKey && {
+        campx_session_key: sessionKey,
+      }),
+  },
+})
+
+axios.interceptors.request.use(
+  function (config) {
+    const params = formatParams(config?.params)
+    NetworkStore.update((s) => {
+      s.loading = true
+    })
+    return { ...config, params }
+  },
+  function (error) {
+    NetworkStore.update((s) => {
+      s.loading = false
+    })
+    return Promise.reject(error)
+  },
+)
+
+axios.interceptors.response.use(
+  function (response) {
+    NetworkStore.update((s) => {
+      s.loading = false
+    })
+    return response
+  },
+  function (err) {
+    NetworkStore.update((s) => {
+      s.loading = false
+    })
+    return Promise.reject(err)
+  },
+)
+
+export default axios
+
+export const axiosErrorToast = (error: any, fallback?: string) => {
+  const fallbackMessage = fallback ?? 'Something went wrong.'
+  const errorMessage =
+    typeof error?.response?.data?.message !== 'string'
+      ? error?.response?.data?.message?.join('\n') ?? fallbackMessage
+      : error?.response?.data?.message
+
+  return toast.error(errorMessage)
+}

package/src/config/axiosEvaluator.ts

@@ -0,0 +1,53 @@
+import Axios from 'axios'
+import Cookies from 'js-cookie'
+import { NetworkStore } from '../components/ErrorBoundary/GlobalNetworkLoadingIndicator'
+import { isDevelopment } from '../constants'
+import { formatParams } from './axios'
+
+// const sessionKey = Cookies.get('campx_session_key')
+const clientId = window.location.pathname.split('/')[1] ?? 'campx_dev'
+const evaluatorKey = Cookies.get('campx_evaluator_key')
+
+const axiosEvaluator = Axios.create({
+  baseURL: process.env.REACT_APP_API_HOST,
+  withCredentials: true,
+  headers: {
+    'x-tenant-id': clientId,
+    ...(evaluatorKey && {
+      campx_evaluator_key: evaluatorKey,
+    }),
+  },
+})
+
+axiosEvaluator.interceptors.request.use(
+  function (config) {
+    const params = formatParams(config?.params)
+    NetworkStore.update((s) => {
+      s.loading = true
+    })
+    return { ...config, params }
+  },
+  function (error) {
+    NetworkStore.update((s) => {
+      s.loading = false
+    })
+    return Promise.reject(error)
+  },
+)
+
+axiosEvaluator.interceptors.response.use(
+  function (response) {
+    NetworkStore.update((s) => {
+      s.loading = false
+    })
+    return response
+  },
+  function (err) {
+    NetworkStore.update((s) => {
+      s.loading = false
+    })
+    return Promise.reject(err)
+  },
+)
+
+export default axiosEvaluator

package/src/config/axiosXTenant.ts

@@ -0,0 +1,57 @@
+import Axios from 'axios'
+import Cookies from 'js-cookie'
+import { NetworkStore } from '../components/ErrorBoundary/GlobalNetworkLoadingIndicator'
+import { isDevelopment } from '../constants'
+import { formatParams } from './axios'
+
+const sessionKey = Cookies.get('campx_session_key')
+const clientId = window.location.pathname.split('/')[1] ?? 'campx_dev'
+const evaluatorKey = Cookies.get('campx_evaluator_key')
+
+const axiosTenant = Axios.create({
+  baseURL: process.env.REACT_APP_API_HOST,
+  withCredentials: true,
+  headers: {
+    'x-tenant-id': clientId,
+    ...(isDevelopment &&
+      sessionKey && {
+        campx_session_key: sessionKey,
+      }),
+    ...(evaluatorKey && {
+      campx_evaluator_key: evaluatorKey,
+    }),
+  },
+})
+
+axiosTenant.interceptors.request.use(
+  function (config) {
+    const params = formatParams(config?.params)
+    NetworkStore.update((s) => {
+      s.loading = true
+    })
+    return { ...config, params }
+  },
+  function (error) {
+    NetworkStore.update((s) => {
+      s.loading = false
+    })
+    return Promise.reject(error)
+  },
+)
+
+axiosTenant.interceptors.response.use(
+  function (response) {
+    NetworkStore.update((s) => {
+      s.loading = false
+    })
+    return response
+  },
+  function (err) {
+    NetworkStore.update((s) => {
+      s.loading = false
+    })
+    return Promise.reject(err)
+  },
+)
+
+export default axiosTenant

package/src/constants/UIConstants.ts

@@ -0,0 +1,97 @@
+export const batchOptions = Array.from({ length: 11 }, (_, i) => {
+  return `${2012 + i} - ${2012 + i + 1}`
+}).reverse()
+
+export const examGroupBatches = Array.from({ length: 10 }, (_, i) => {
+  return `${2012 + i} - ${2012 + i + 1}`
+})
+export const currentYear = new Date().getFullYear()
+
+const startYear = 2012
+
+export const yearOptions = Array.from(
+  { length: currentYear - startYear + 1 },
+  (_, i) => {
+    return `${startYear + i}`
+  },
+)
+
+export const months = [
+  'January',
+  'February',
+  'March',
+  'April',
+  'May',
+  'June',
+  'July',
+  'August',
+  'September',
+  'October',
+  'November',
+  'December',
+]
+
+export const religionOptions = [
+  'Hinduism',
+  'Islam',
+  'Christianity',
+  'Sikhism',
+  'Buddhism',
+  'Jainism',
+]
+
+export const casteOptions = [
+  'OC',
+  'BC_A',
+  'BC_B',
+  'BC_C',
+  'BC_D',
+  'BC_E',
+  'SC',
+  'ST',
+]
+
+export const nationalityOptions = ['Indian', 'Other']
+
+export const examTimings = [
+  '09:00 AM',
+  '10:00 AM',
+  '11:00 AM',
+  '01:00 PM',
+  '02:00 PM',
+  '03:00 PM',
+]
+
+export const USER_TYPES = [
+  {
+    label: 'Staff User',
+    value: 'Staff_User',
+  },
+  {
+    label: 'Faculty User',
+    value: 'Faculty_User',
+  },
+  {
+    label: 'Student User',
+    value: 'Student_User',
+  },
+]
+
+export function getRandomColor(name) {
+  const firstAlphabet = name.charAt(0).toLowerCase()
+
+  const asciiCode = firstAlphabet.charCodeAt(0)
+
+  const colorNum =
+    asciiCode.toString() + asciiCode.toString() + asciiCode.toString()
+
+  var num = Math.round(0xffffff * parseInt(colorNum))
+  var r = (num >> 16) & 145
+  var g = (num >> 8) & 145
+  var b = num & 145
+
+  return {
+    color: 'rgb(' + r + ', ' + g + ', ' + b + ', 0.8)',
+    character: firstAlphabet?.toUpperCase(),
+  }
+}

package/src/constants/formValidations.ts

@@ -0,0 +1,6 @@
+export const isNumber = (value: string) => {
+  const regEx = /^[0-9]*$/
+  let isNum = regEx.test(value)
+
+  return isNum
+}

package/src/constants/index.ts

@@ -0,0 +1,5 @@
+export * from './UIConstants'
+export * from './formValidations'
+export * from './permissions'
+export * from './validateMessages'
+export * from './isDevelopment'

package/src/constants/isDevelopment.ts

@@ -0,0 +1,4 @@
+const urlTenantKey = window.location.pathname.split('/')[1]
+export const isDevelopment =
+  process.env.NODE_ENV === 'development' ||
+  window.location.origin.split('campx')[1] === '.dev'

package/src/constants/permissions.ts

@@ -0,0 +1,67 @@
+export interface IPermission {
+  can_create_admission: boolean
+  can_create_role: boolean
+  can_create_user: boolean
+  can_delete_admission: boolean
+  can_delete_role: boolean
+  can_delete_user: boolean
+  can_edit_admission: boolean
+  can_edit_role: boolean
+  can_edit_user: boolean
+  can_manage_admissions: boolean
+  can_manage_roles: boolean
+  can_manage_users: boolean
+  can_view_admissions: boolean
+  can_view_roles: boolean
+  can_view_users: boolean
+  can_view_students: boolean
+  can_view_exams: boolean
+  can_view_classrooms: boolean
+  can_view_clubs: boolean
+  can_view_events: boolean
+  can_view_students_feed: boolean
+  can_print_application_form: boolean
+  can_pay_tution_fee: boolean
+  can_allot_tution_fee: boolean
+  can_manage_scholarships: boolean
+  can_create_scholarship: boolean
+  can_edit_scholarship: boolean
+  can_delete_scholarship: boolean
+  can_manage_exams: boolean
+  can_create_exam: boolean
+  can_create_exam_timetable: boolean
+}
+
+export const defaultPermissions = {
+  can_create_admission: false,
+  can_create_role: false,
+  can_create_user: false,
+  can_delete_admission: false,
+  can_delete_role: false,
+  can_delete_user: false,
+  can_edit_admission: false,
+  can_edit_role: false,
+  can_edit_user: false,
+  can_manage_admissions: false,
+  can_manage_roles: false,
+  can_manage_users: false,
+  can_view_admissions: false,
+  can_view_roles: false,
+  can_view_users: false,
+  can_view_students: false,
+  can_view_exams: false,
+  can_view_classrooms: false,
+  can_view_clubs: false,
+  can_view_events: false,
+  can_view_students_feed: false,
+  can_print_application_form: false,
+  can_pay_tution_fee: false,
+  can_allot_tution_fee: false,
+  can_manage_scholarships: false,
+  can_create_scholarship: false,
+  can_edit_scholarship: false,
+  can_delete_scholarship: false,
+  can_manage_exams: false,
+  can_create_exam: false,
+  can_create_exam_timetable: false,
+}

package/src/constants/validateMessages.ts

@@ -0,0 +1,12 @@
+// Validation messages for ant design forms
+
+export const validateMessages = {
+  required: '${label} is required!',
+  types: {
+    email: '${label} is not validate email!',
+    number: '${label} is not a validate number!',
+  },
+  number: {
+    range: '${label} must be between ${min} and ${max}',
+  },
+}

package/src/contexts/LoginFormProvider.tsx

@@ -0,0 +1,44 @@
+import { createContext, useContext } from 'react'
+import { LoginForm } from '../components'
+import { useModal } from '../components/DrawerWrapper/DrawerWrapper'
+
+const LoginContext = createContext<{
+  openLoginForm: (loginUrl: string) => void
+}>({
+  openLoginForm: (loginUrl: string) => {},
+})
+
+export default function LoginFormProvider({ children, showSuperAdminForm }) {
+  const modal = useModal()
+
+  const onLogin = (loginUrl: string) => {
+    modal({
+      title: 'Developer Login',
+      content({ close }) {
+        return (
+          <LoginForm
+            loginUrl={loginUrl}
+            showSuperAdminForm={showSuperAdminForm}
+          />
+        )
+      },
+    })
+  }
+
+  return (
+    <LoginContext.Provider
+      value={{
+        openLoginForm: onLogin,
+      }}
+    >
+      {children}
+    </LoginContext.Provider>
+  )
+}
+
+export const useLoginForm = () => {
+  const context = useContext(LoginContext)
+  return {
+    openLoginForm: context.openLoginForm,
+  }
+}

package/src/contexts/Providers.tsx

@@ -0,0 +1,50 @@
+import { BrowserRouter } from 'react-router-dom'
+import ConfirmContextProvider from '../components/PopupConfirm/ConfirmContextProvider'
+import MuiThemeProvider from '../theme/MuiThemeProvider'
+import QueryClientProvider from './QueryClientProvider'
+
+import Cookies from 'js-cookie'
+import { ReactNode, useEffect } from 'react'
+import { ToastContainer } from '../components'
+import DialogProvider from '../components/DrawerWrapper/DrawerWrapper'
+import GlobalNetworkLoadingIndicator from '../components/ErrorBoundary/GlobalNetworkLoadingIndicator'
+import LoginFormProvider from './LoginFormProvider'
+
+export const campxTenantKey = Cookies.get('campx_tenant')
+export const urlTenantKey = window.location.pathname.split('/')[1]
+
+export default function Providers({
+  children,
+  showSuperAdminLoginForm = false,
+}: {
+  children: ReactNode
+  showSuperAdminLoginForm?: boolean
+}) {
+  useEffect(() => {
+    if (!urlTenantKey) {
+      if (campxTenantKey) {
+        return window.location.replace(
+          window.location.origin + `/${campxTenantKey}`,
+        )
+      }
+    }
+  }, [])
+
+  return (
+    <BrowserRouter basename={urlTenantKey}>
+      <QueryClientProvider>
+        <MuiThemeProvider>
+          <ConfirmContextProvider>
+            <DialogProvider>
+              <LoginFormProvider showSuperAdminForm={showSuperAdminLoginForm}>
+                {children}
+                <GlobalNetworkLoadingIndicator />
+              </LoginFormProvider>
+              <ToastContainer />
+            </DialogProvider>
+          </ConfirmContextProvider>
+        </MuiThemeProvider>
+      </QueryClientProvider>
+    </BrowserRouter>
+  )
+}

package/src/contexts/PublicProviders.tsx

@@ -0,0 +1,30 @@
+import { CssBaseline } from '@mui/material'
+import { BrowserRouter } from 'react-router-dom'
+import ConfirmContextProvider from '../components/PopupConfirm/ConfirmContextProvider'
+import MuiThemeProvider from '../theme/MuiThemeProvider'
+import QueryClientProvider from './QueryClientProvider'
+
+import { ReactNode } from 'react'
+import { ToastContainer } from '../components'
+import DialogProvider from '../components/DrawerWrapper/DrawerWrapper'
+
+// export const campxTenantKey = Cookies.get('campx_tenant')
+// export const urlTenantKey = window.location.pathname.split('/')[1]
+
+export default function PublicProviders({ children }: { children: ReactNode }) {
+  return (
+    <BrowserRouter>
+      <QueryClientProvider>
+        <MuiThemeProvider>
+          <ConfirmContextProvider>
+            <DialogProvider>
+              {children}
+              <CssBaseline />
+              <ToastContainer />
+            </DialogProvider>
+          </ConfirmContextProvider>
+        </MuiThemeProvider>
+      </QueryClientProvider>
+    </BrowserRouter>
+  )
+}

package/src/contexts/QueryClientProvider.tsx

@@ -0,0 +1,22 @@
+import {
+  QueryClient,
+  QueryClientProvider as ReactQueryClientProvider,
+} from 'react-query'
+
+export const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      refetchOnWindowFocus: false,
+      retry: false,
+      useErrorBoundary: true,
+    },
+  },
+})
+
+export default function QueryClientProvider({ children }) {
+  return (
+    <ReactQueryClientProvider client={queryClient}>
+      {children}
+    </ReactQueryClientProvider>
+  )
+}

package/src/hooks/index.ts

@@ -0,0 +1,5 @@
+export { default as useFetch } from './useFetch'
+export * from './useRouter'
+export { default as useAuth } from './useAuth'
+export { default as useFilter } from './useFilters'
+export { default as useExternalScript } from './useExternalScript'