@campxdev/shared 1.10.37 → 1.10.38

package/src/components/Layout/Header/Search/SearchDialog.tsx

@@ -1,178 +1,178 @@
-import { Box, Link as HrefLink, List, ListItem, styled } from '@mui/material'
-import _ from 'lodash'
-import { Store } from 'pullstate'
-import { useEffect, useRef, useState } from 'react'
-import { Link } from 'react-router-dom'
-import { instituitionKey, urlTenantKey } from '../../../../contexts/Providers'
-import { Sitemap } from '../../../../sitemap/sitemap'
-import Image from '../../../Image/Image'
-import { TextField } from '../../../Input'
-import { collegex, enrollx, examx, payx } from '../assets'
-const isProd = process.env.NODE_ENV === 'production'
-
-const SearchStore = new Store({
-  activeLinkIndex: '',
-})
-
-const StyledListItem = styled(ListItem, {
-  shouldForwardProp: (prop) => prop !== 'isActive',
-})<{ isActive: boolean }>(({ theme, isActive }) => ({
-  textDecoration: 'none',
-  transition: 'background 0.3s ease-in-out',
-  borderRadius: '6px',
-  '&:hover': {
-    background: theme.palette.secondary.light,
-  },
-  background: isActive ? theme.palette.secondary.light : 'transparent',
-}))
-
-const StyledLinkWrapper = styled(Box)(({ theme }) => ({
-  '& .MuiLink-root': {
-    textDecoration: 'none',
-    color: theme.palette.secondary.main,
-  },
-}))
-
-const RenderLink = ({ link, isActive }) => {
-  const reactLinkRef = useRef(null)
-  const hrefLinkRef = useRef(null)
-
-  const getUrl = () => {
-    const l = window.location
-    if (process.env.NODE_ENV === 'production') {
-      return `${l.protocol}://${l.hostname
-        .split('.')
-        .splice(1, 1, link?.item?.appKey)
-        .join('.')}/${urlTenantKey}/${instituitionKey}${link?.item?.path}`
-    } else {
-      return `https://www.${link?.item?.appKey}.campx.dev/${urlTenantKey}/${instituitionKey}${link?.item?.path}`
-    }
-  }
-
-  return (
-    <StyledLinkWrapper>
-      {isProd &&
-      window.location.hostname.split('.')[0] === link?.item?.appKey ? (
-        <Link to={link?.item?.path} ref={reactLinkRef}>
-          <StyledListItem isActive={isActive}>{link?.title}</StyledListItem>
-        </Link>
-      ) : (
-        <HrefLink href={getUrl()} ref={hrefLinkRef}>
-          <StyledListItem isActive={isActive}>
-            {link?.item?.title}
-          </StyledListItem>
-        </HrefLink>
-      )}
-    </StyledLinkWrapper>
-  )
-}
-export default function SearchDialog() {
-  const [results, setResults] = useState(null)
-  const [value, setValue] = useState('')
-
-  const handleSearch = (e) => {
-    const res = Sitemap.search(e.target.value)
-    setResults(
-      res?.map((item) => ({
-        ...item,
-        url: `${window.location.origin}/${urlTenantKey}/${instituitionKey}${item?.item?.path}`,
-      })),
-    )
-  }
-
-  const handleClick = (linkRef) => {
-    linkRef?.current?.click()
-  }
-
-  useEffect(() => {
-    document.addEventListener('keydown', (e) => {
-      if (e.key === 'Enter') {
-      }
-    })
-  }, [])
-
-  const resultsList = Object.entries(_.groupBy(results, 'item.appKey'))?.map(
-    (item) => ({
-      appKey: item[0],
-      results: item[1],
-    }),
-  )
-
-  return (
-    <Box sx={{ width: '100%', padding: '20px' }}>
-      <Box sx={{ display: 'flex', gap: '20px', marginBottom: '20px' }}>
-        <TextField
-          value={value}
-          placeholder="Search (beta)"
-          autoFocus
-          onKeyDown={(e) => {
-            if (e.key === 'ArrowDown') {
-              SearchStore.update((s) => {
-                s.activeLinkIndex = '0-0'
-              })
-            }
-          }}
-          onChange={(e) => {
-            setValue(e.target.value)
-            handleSearch(e)
-          }}
-        />
-      </Box>
-      <Results results={resultsList} />
-    </Box>
-  )
-}
-
-const Results = ({ results }) => {
-  const { activeLinkIndex } = SearchStore.useState((s) => s)
-  return (
-    <Box>
-      {results?.map((item, index) => (
-        <Box key={index}>
-          <List subheader={<AppTitle appKey={item?.appKey} />}>
-            {item?.results?.map((linkObj, childIndex) => (
-              <RenderLink
-                link={linkObj}
-                key={childIndex}
-                isActive={`${index}-${childIndex}` === activeLinkIndex}
-              />
-            ))}
-          </List>
-        </Box>
-      ))}
-    </Box>
-  )
-}
-
-const AppTitle = ({ appKey }) => {
-  return (
-    <Box
-      sx={{
-        display: 'flex',
-        alignItems: 'center',
-        gap: '20px',
-        margin: '14px 0',
-      }}
-    >
-      <Image
-        alt={appKey}
-        height={20}
-        width={'auto'}
-        src={appListMap[appKey] ?? appListMap.ums}
-      />
-      <Box
-        sx={{
-          flexGrow: 1,
-          borderBottom: (theme) => theme.borders.grayLight,
-        }}
-      ></Box>
-    </Box>
-  )
-}
-
-const appListMap = {
-  ums: collegex,
-  enroll: enrollx,
-  exams: examx,
-  payments: payx,
-}
+import { Box, Link as HrefLink, List, ListItem, styled } from '@mui/material'
+import _ from 'lodash'
+import { Store } from 'pullstate'
+import { useEffect, useRef, useState } from 'react'
+import { Link } from 'react-router-dom'
+import { instituitionKey, urlTenantKey } from '../../../../contexts/Providers'
+import { Sitemap } from '../../../../sitemap/sitemap'
+import Image from '../../../Image/Image'
+import { TextField } from '../../../Input'
+import { collegex, enrollx, examx, payx } from '../assets'
+const isProd = process.env.NODE_ENV === 'production'
+
+const SearchStore = new Store({
+  activeLinkIndex: '',
+})
+
+const StyledListItem = styled(ListItem, {
+  shouldForwardProp: (prop) => prop !== 'isActive',
+})<{ isActive: boolean }>(({ theme, isActive }) => ({
+  textDecoration: 'none',
+  transition: 'background 0.3s ease-in-out',
+  borderRadius: '6px',
+  '&:hover': {
+    background: theme.palette.secondary.light,
+  },
+  background: isActive ? theme.palette.secondary.light : 'transparent',
+}))
+
+const StyledLinkWrapper = styled(Box)(({ theme }) => ({
+  '& .MuiLink-root': {
+    textDecoration: 'none',
+    color: theme.palette.secondary.main,
+  },
+}))
+
+const RenderLink = ({ link, isActive }) => {
+  const reactLinkRef = useRef(null)
+  const hrefLinkRef = useRef(null)
+
+  const getUrl = () => {
+    const l = window.location
+    if (process.env.NODE_ENV === 'production') {
+      return `${l.protocol}://${l.hostname
+        .split('.')
+        .splice(1, 1, link?.item?.appKey)
+        .join('.')}/${urlTenantKey}/${instituitionKey}${link?.item?.path}`
+    } else {
+      return `https://www.${link?.item?.appKey}.campx.dev/${urlTenantKey}/${instituitionKey}${link?.item?.path}`
+    }
+  }
+
+  return (
+    <StyledLinkWrapper>
+      {isProd &&
+      window.location.hostname.split('.')[0] === link?.item?.appKey ? (
+        <Link to={link?.item?.path} ref={reactLinkRef}>
+          <StyledListItem isActive={isActive}>{link?.title}</StyledListItem>
+        </Link>
+      ) : (
+        <HrefLink href={getUrl()} ref={hrefLinkRef}>
+          <StyledListItem isActive={isActive}>
+            {link?.item?.title}
+          </StyledListItem>
+        </HrefLink>
+      )}
+    </StyledLinkWrapper>
+  )
+}
+export default function SearchDialog() {
+  const [results, setResults] = useState(null)
+  const [value, setValue] = useState('')
+
+  const handleSearch = (e) => {
+    const res = Sitemap.search(e.target.value)
+    setResults(
+      res?.map((item) => ({
+        ...item,
+        url: `${window.location.origin}/${urlTenantKey}/${instituitionKey}${item?.item?.path}`,
+      })),
+    )
+  }
+
+  const handleClick = (linkRef) => {
+    linkRef?.current?.click()
+  }
+
+  useEffect(() => {
+    document.addEventListener('keydown', (e) => {
+      if (e.key === 'Enter') {
+      }
+    })
+  }, [])
+
+  const resultsList = Object.entries(_.groupBy(results, 'item.appKey'))?.map(
+    (item) => ({
+      appKey: item[0],
+      results: item[1],
+    }),
+  )
+
+  return (
+    <Box sx={{ width: '100%', padding: '20px' }}>
+      <Box sx={{ display: 'flex', gap: '20px', marginBottom: '20px' }}>
+        <TextField
+          value={value}
+          placeholder="Search (beta)"
+          autoFocus
+          onKeyDown={(e) => {
+            if (e.key === 'ArrowDown') {
+              SearchStore.update((s) => {
+                s.activeLinkIndex = '0-0'
+              })
+            }
+          }}
+          onChange={(e) => {
+            setValue(e.target.value)
+            handleSearch(e)
+          }}
+        />
+      </Box>
+      <Results results={resultsList} />
+    </Box>
+  )
+}
+
+const Results = ({ results }) => {
+  const { activeLinkIndex } = SearchStore.useState((s) => s)
+  return (
+    <Box>
+      {results?.map((item, index) => (
+        <Box key={index}>
+          <List subheader={<AppTitle appKey={item?.appKey} />}>
+            {item?.results?.map((linkObj, childIndex) => (
+              <RenderLink
+                link={linkObj}
+                key={childIndex}
+                isActive={`${index}-${childIndex}` === activeLinkIndex}
+              />
+            ))}
+          </List>
+        </Box>
+      ))}
+    </Box>
+  )
+}
+
+const AppTitle = ({ appKey }) => {
+  return (
+    <Box
+      sx={{
+        display: 'flex',
+        alignItems: 'center',
+        gap: '20px',
+        margin: '14px 0',
+      }}
+    >
+      <Image
+        alt={appKey}
+        height={20}
+        width={'auto'}
+        src={appListMap[appKey] ?? appListMap.ums}
+      />
+      <Box
+        sx={{
+          flexGrow: 1,
+          borderBottom: (theme) => theme.borders.grayLight,
+        }}
+      ></Box>
+    </Box>
+  )
+}
+
+const appListMap = {
+  ums: collegex,
+  enroll: enrollx,
+  exams: examx,
+  payments: payx,
+}

package/src/components/Layout/Header/applications.ts

@@ -1,101 +1,101 @@
-import { isDevelopment } from '../../../constants'
-import {
-  campxSquareSmall,
-  commuteSmall,
-  enrollSmall,
-  examsSmall,
-  hostelSmall,
-  paySmall,
-  peopleSmall,
-} from './assets'
-
-const origins = {
-  ums: {
-    dev: 'https://ums.campx.dev',
-    prod: 'https://ums.campx.in',
-  },
-  payments: {
-    dev: 'https://payments.campx.dev',
-    prod: 'https://payments.campx.in',
-  },
-  exams: {
-    dev: 'https://exams.campx.dev',
-    prod: 'https://exams.campx.in',
-  },
-  people: {
-    dev: 'https://people.campx.dev',
-    prod: 'https://people.campx.in',
-  },
-  hostel: {
-    dev: 'https://hostel.campx.dev',
-    prod: 'https://hostel.campx.in',
-  },
-  commute: {
-    dev: 'https://commute.campx.dev',
-    prod: 'https://commute.campx.in',
-  },
-  enroll: {
-    dev: 'https://enroll.campx.dev',
-    prod: 'https://enroll.campx.in',
-  },
-}
-
-export const applications = [
-  {
-    title: 'CollegeX',
-    path: isDevelopment ? origins.ums.dev : origins.ums.prod,
-    icon: campxSquareSmall,
-    key: 'square',
-    domainName: 'ums',
-    description: 'Manage Complete Campus Activities',
-  },
-  {
-    title: 'ExamX',
-    key: 'exams',
-    domainName: 'exams',
-    path: isDevelopment ? origins.exams.dev : origins.exams.prod,
-    icon: examsSmall,
-    description: 'Manage all Examinations in the Campus',
-  },
-  {
-    title: 'PayX',
-    key: 'payments',
-    domainName: 'payments',
-    path: isDevelopment ? origins.payments.dev : origins.payments.prod,
-    icon: paySmall,
-    description: 'Manage Payments in the Campus',
-  },
-  {
-    title: 'EnrollX',
-    key: 'enroll_x',
-    domainName: 'enroll',
-    path: isDevelopment ? origins.enroll.dev : origins.enroll.prod,
-    icon: enrollSmall,
-    description: 'Manage Admissions in the Campus',
-  },
-  {
-    title: 'HostelX',
-    key: 'hostels',
-    domainName: 'hostel',
-    path: isDevelopment ? origins.hostel.dev : origins.hostel.prod,
-    icon: hostelSmall,
-    description: 'Manage Hostels in the Campus',
-  },
-  {
-    title: 'CommuteX',
-    key: 'commute_x',
-    domainName: 'commute',
-    path: isDevelopment ? origins.commute.dev : origins.commute.prod,
-    icon: commuteSmall,
-    description: 'Manage Commute in the Campus',
-  },
-
-  {
-    title: 'PeopleX',
-    key: 'hrms',
-    domainName: 'people',
-    path: isDevelopment ? origins.people.dev : origins.people.prod,
-    icon: peopleSmall,
-    description: 'Manage People in the Campus',
-  },
-]
+import { isDevelopment } from '../../../constants'
+import {
+  campxSquareSmall,
+  commuteSmall,
+  enrollSmall,
+  examsSmall,
+  hostelSmall,
+  paySmall,
+  peopleSmall,
+} from './assets'
+
+const origins = {
+  ums: {
+    dev: 'https://ums.campx.dev',
+    prod: 'https://ums.campx.in',
+  },
+  payments: {
+    dev: 'https://payments.campx.dev',
+    prod: 'https://payments.campx.in',
+  },
+  exams: {
+    dev: 'https://exams.campx.dev',
+    prod: 'https://exams.campx.in',
+  },
+  people: {
+    dev: 'https://people.campx.dev',
+    prod: 'https://people.campx.in',
+  },
+  hostel: {
+    dev: 'https://hostel.campx.dev',
+    prod: 'https://hostel.campx.in',
+  },
+  commute: {
+    dev: 'https://commute.campx.dev',
+    prod: 'https://commute.campx.in',
+  },
+  enroll: {
+    dev: 'https://enroll.campx.dev',
+    prod: 'https://enroll.campx.in',
+  },
+}
+
+export const applications = [
+  {
+    title: 'CollegeX',
+    path: isDevelopment ? origins.ums.dev : origins.ums.prod,
+    icon: campxSquareSmall,
+    key: 'square',
+    domainName: 'ums',
+    description: 'Manage Complete Campus Activities',
+  },
+  {
+    title: 'ExamX',
+    key: 'exams',
+    domainName: 'exams',
+    path: isDevelopment ? origins.exams.dev : origins.exams.prod,
+    icon: examsSmall,
+    description: 'Manage all Examinations in the Campus',
+  },
+  {
+    title: 'PayX',
+    key: 'payments',
+    domainName: 'payments',
+    path: isDevelopment ? origins.payments.dev : origins.payments.prod,
+    icon: paySmall,
+    description: 'Manage Payments in the Campus',
+  },
+  {
+    title: 'EnrollX',
+    key: 'enroll_x',
+    domainName: 'enroll',
+    path: isDevelopment ? origins.enroll.dev : origins.enroll.prod,
+    icon: enrollSmall,
+    description: 'Manage Admissions in the Campus',
+  },
+  {
+    title: 'HostelX',
+    key: 'hostels',
+    domainName: 'hostel',
+    path: isDevelopment ? origins.hostel.dev : origins.hostel.prod,
+    icon: hostelSmall,
+    description: 'Manage Hostels in the Campus',
+  },
+  {
+    title: 'CommuteX',
+    key: 'commute_x',
+    domainName: 'commute',
+    path: isDevelopment ? origins.commute.dev : origins.commute.prod,
+    icon: commuteSmall,
+    description: 'Manage Commute in the Campus',
+  },
+
+  {
+    title: 'PeopleX',
+    key: 'hrms',
+    domainName: 'people',
+    path: isDevelopment ? origins.people.dev : origins.people.prod,
+    icon: peopleSmall,
+    description: 'Manage People in the Campus',
+  },
+]

package/src/components/Layout/Header/assets/campx_square_small.svg

@@ -1,9 +1,9 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="35" viewBox="0 0 35 35">
-  <defs>
-    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
-      <stop offset="0" stop-color="#596e79"/>
-      <stop offset="1" stop-color="#7c909b"/>
-    </linearGradient>
-  </defs>
-  <path id="Subtraction_7" data-name="Subtraction 7" d="M-5678.321,8264.99h-13.18v-13.234h6.563v6.672h6.617v6.563Zm21.82,0h-13.18v-6.562h6.617v-6.672h6.563v13.234Zm0-21.875h-6.562v-6.562h-6.617v-6.562h13.18v13.125Zm-28.437,0h-6.562V8229.99h13.18v6.563h-6.617v6.563Z" transform="translate(5691.501 -8229.99)" fill="url(#linear-gradient)"/>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="35" viewBox="0 0 35 35">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#596e79"/>
+      <stop offset="1" stop-color="#7c909b"/>
+    </linearGradient>
+  </defs>
+  <path id="Subtraction_7" data-name="Subtraction 7" d="M-5678.321,8264.99h-13.18v-13.234h6.563v6.672h6.617v6.563Zm21.82,0h-13.18v-6.562h6.617v-6.672h6.563v13.234Zm0-21.875h-6.562v-6.562h-6.617v-6.562h13.18v13.125Zm-28.437,0h-6.562V8229.99h13.18v6.563h-6.617v6.563Z" transform="translate(5691.501 -8229.99)" fill="url(#linear-gradient)"/>
 </svg>

package/src/components/Layout/Header/assets/commutex.svg

@@ -1,14 +1,14 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="164.636" height="30" viewBox="0 0 164.636 30">
-  <defs>
-    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
-      <stop offset="0" stop-color="#6a2886"/>
-      <stop offset="1" stop-color="#8234a4"/>
-    </linearGradient>
-  </defs>
-  <g id="Group_4626" data-name="Group 4626" transform="translate(-154.491 -25)">
-    <text id="COMMUTEX" transform="translate(186.127 47.5)" font-size="22" font-family="Nexa-XBold, Nexa" font-weight="700"><tspan x="0" y="0">COMMUTEX</tspan></text>
-    <g id="Group_4542" data-name="Group 4542" transform="translate(1.791 -224.981)">
-      <path id="Union_49" data-name="Union 49" d="M14.451,30l-3.59-4.941L7.271,30H.073L0,29.947,10.177,15.939H.007V14.064H10.226L3.657,5.031v0L0,0V0H7.312L10.9,4.941,14.492,0h7.2l.073.053L11.584,14.064H21.757v1.875H11.54l6.566,9.03v0L21.763,30v0Z" transform="translate(152.7 249.981)" fill="url(#linear-gradient)"/>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="164.636" height="30" viewBox="0 0 164.636 30">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#6a2886"/>
+      <stop offset="1" stop-color="#8234a4"/>
+    </linearGradient>
+  </defs>
+  <g id="Group_4626" data-name="Group 4626" transform="translate(-154.491 -25)">
+    <text id="COMMUTEX" transform="translate(186.127 47.5)" font-size="22" font-family="Nexa-XBold, Nexa" font-weight="700"><tspan x="0" y="0">COMMUTEX</tspan></text>
+    <g id="Group_4542" data-name="Group 4542" transform="translate(1.791 -224.981)">
+      <path id="Union_49" data-name="Union 49" d="M14.451,30l-3.59-4.941L7.271,30H.073L0,29.947,10.177,15.939H.007V14.064H10.226L3.657,5.031v0L0,0V0H7.312L10.9,4.941,14.492,0h7.2l.073.053L11.584,14.064H21.757v1.875H11.54l6.566,9.03v0L21.763,30v0Z" transform="translate(152.7 249.981)" fill="url(#linear-gradient)"/>
+    </g>
+  </g>
+</svg>

package/src/components/Layout/Header/assets/commutexSmall.svg

@@ -1,11 +1,11 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25.391" height="35" viewBox="0 0 25.391 35">
-  <defs>
-    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
-      <stop offset="0" stop-color="#6a2886"/>
-      <stop offset="1" stop-color="#8234a4"/>
-    </linearGradient>
-  </defs>
-  <g id="Group_4867" data-name="Group 4867" transform="translate(-152.7 -249.981)">
-    <path id="Union_49" data-name="Union 49" d="M16.86,35l-4.188-5.765L8.483,35H.085L0,34.938,11.873,18.6H.008V16.408H11.931L4.267,5.87l0,0L0,0,0,0H8.531l4.188,5.764L16.907,0h8.4l.086.062L13.514,16.408H25.383V18.6H13.463L21.124,29.13l0,0L25.391,35l0,0Z" transform="translate(152.7 249.981)" fill="url(#linear-gradient)"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25.391" height="35" viewBox="0 0 25.391 35">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#6a2886"/>
+      <stop offset="1" stop-color="#8234a4"/>
+    </linearGradient>
+  </defs>
+  <g id="Group_4867" data-name="Group 4867" transform="translate(-152.7 -249.981)">
+    <path id="Union_49" data-name="Union 49" d="M16.86,35l-4.188-5.765L8.483,35H.085L0,34.938,11.873,18.6H.008V16.408H11.931L4.267,5.87l0,0L0,0,0,0H8.531l4.188,5.764L16.907,0h8.4l.086.062L13.514,16.408H25.383V18.6H13.463L21.124,29.13l0,0L25.391,35l0,0Z" transform="translate(152.7 249.981)" fill="url(#linear-gradient)"/>
+  </g>
+</svg>