@campxdev/shared 0.5.21 → 0.5.22

package/src/components/ErrorBoundary/ErrorFallback.tsx

@@ -1,236 +1,236 @@
-import {Alert, Box, Button, Divider, styled, Typography} from '@mui/material'
-import {useEffect, useState} from 'react'
+import { Alert, Box, Button, Divider, styled, Typography } from '@mui/material'
+import { useEffect, useState } from 'react'
 import {
-	nointernet,
-	pagenotfound,
-	permissiondenied,
-	unauth,
-	internalserver,
+  nointernet,
+  pagenotfound,
+  permissiondenied,
+  unauth,
+  internalserver,
 } from '../../assets/images'
 import Cookies from 'js-cookie'
 import LoginForm from '../LoginForm'
-import {useModal} from '../DrawerWrapper/DrawerWrapper'
-import {PermissionsStore} from '../../permissions'
+import { useModal } from '../DrawerWrapper/DrawerWrapper'
+import { PermissionsStore } from '../../permissions'
 import axios from '../../config/axios'
 
-const StyledAlert = styled(Alert)(({theme}) => ({
-	border: `1px solid ${theme.palette.error.main}`,
-	display: 'flex',
-	alignItems: 'center',
-	'& .MuiAlert-message': {
-		padding: 0,
-	},
-	'& .MuiTypography-root': {
-		margin: 0,
-	},
-	position: 'relative',
-	'& .retryBtn': {
-		color: '#661b2a',
-		position: 'absolute',
-		right: 8,
-		top: 8,
-	},
+const StyledAlert = styled(Alert)(({ theme }) => ({
+  border: `1px solid ${theme.palette.error.main}`,
+  display: 'flex',
+  alignItems: 'center',
+  '& .MuiAlert-message': {
+    padding: 0,
+  },
+  '& .MuiTypography-root': {
+    margin: 0,
+  },
+  position: 'relative',
+  '& .retryBtn': {
+    color: '#661b2a',
+    position: 'absolute',
+    right: 8,
+    top: 8,
+  },
 }))
 
-const StyledBox = styled(Box)(({theme}) => ({
-	width: '100%',
-	display: 'flex',
-	flexDirection: 'column',
-	alignItems: 'center',
-	justifyContent: 'center',
+const StyledBox = styled(Box)(({ theme }) => ({
+  width: '100%',
+  display: 'flex',
+  flexDirection: 'column',
+  alignItems: 'center',
+  justifyContent: 'center',
 }))
 
-export default function ErrorFallback({error, resetErrorBoundary}) {
-	if (error?.response?.status) {
-		switch (error?.response?.status) {
-			case 401:
-				return <UnAuth resetBoundary={resetErrorBoundary} />
-
-			case 500:
-				return (
-					<InternalServer resetBoundary={resetErrorBoundary} error={error} />
-				)
-
-			case 403:
-				return <PemissionDenied resetBoundary={resetErrorBoundary} />
-
-			default:
-				return (
-					<InternalServer resetBoundary={resetErrorBoundary} error={error} />
-				)
-		}
-	}
-
-	if (error?.message === 'Network Error') {
-		return <NoInternet resetBoundary={resetErrorBoundary} />
-	}
-
-	return (
-		<Box sx={{marginTop: '16px', padding: '16px'}}>
-			<StyledAlert severity='error'>
-				{error?.response?.data?.message ?? error?.message}
-				<Button
-					className='retryBtn'
-					onClick={() => resetErrorBoundary()}
-					size='small'
-					color='error'
-					variant='outlined'
-				>
-					Try Again
-				</Button>
-			</StyledAlert>
-		</Box>
-	)
+export default function ErrorFallback({ error, resetErrorBoundary }) {
+  if (error?.response?.status) {
+    switch (error?.response?.status) {
+      case 401:
+        return <UnAuth resetBoundary={resetErrorBoundary} />
+
+      case 500:
+        return (
+          <InternalServer resetBoundary={resetErrorBoundary} error={error} />
+        )
+
+      case 403:
+        return <PemissionDenied resetBoundary={resetErrorBoundary} />
+
+      default:
+        return (
+          <InternalServer resetBoundary={resetErrorBoundary} error={error} />
+        )
+    }
+  }
+
+  if (error?.message === 'Network Error') {
+    return <NoInternet resetBoundary={resetErrorBoundary} />
+  }
+
+  return (
+    <Box sx={{ marginTop: '16px', padding: '16px' }}>
+      <StyledAlert severity="error">
+        {error?.response?.data?.message ?? error?.message}
+        <Button
+          className="retryBtn"
+          onClick={() => resetErrorBoundary()}
+          size="small"
+          color="error"
+          variant="outlined"
+        >
+          Try Again
+        </Button>
+      </StyledAlert>
+    </Box>
+  )
 }
 
-export function PageNotFound({resetBoundary}) {
-	return (
-		<>
-			<StyledBox>
-				<img
-					src={pagenotfound}
-					alt='page not found'
-					width={470}
-					style={{marginTop: '20px'}}
-				/>
-				<Typography variant='h1'>Page Not Found.</Typography>
-				<Button sx={{marginTop: '20px'}} onClick={() => resetBoundary()}>
-					Try Again
-				</Button>
-			</StyledBox>
-		</>
-	)
+export function PageNotFound({ resetBoundary }) {
+  return (
+    <>
+      <StyledBox>
+        <img
+          src={pagenotfound}
+          alt="page not found"
+          width={470}
+          style={{ marginTop: '20px' }}
+        />
+        <Typography variant="h1">Page Not Found.</Typography>
+        <Button sx={{ marginTop: '20px' }} onClick={() => resetBoundary()}>
+          Try Again
+        </Button>
+      </StyledBox>
+    </>
+  )
 }
 
-export function NoInternet({resetBoundary}) {
-	return (
-		<>
-			<StyledBox>
-				<img src={nointernet} alt='No Internet Found' width={470} />
-				<Typography variant='h1'>No Internet Found.</Typography>
-				<Button sx={{marginTop: '20px'}} onClick={() => resetBoundary()}>
-					Try Again
-				</Button>
-			</StyledBox>
-		</>
-	)
+export function NoInternet({ resetBoundary }) {
+  return (
+    <>
+      <StyledBox>
+        <img src={nointernet} alt="No Internet Found" width={470} />
+        <Typography variant="h1">No Internet Found.</Typography>
+        <Button sx={{ marginTop: '20px' }} onClick={() => resetBoundary()}>
+          Try Again
+        </Button>
+      </StyledBox>
+    </>
+  )
 }
 
-export function PemissionDenied({resetBoundary}) {
-	return (
-		<>
-			<StyledBox>
-				<img src={permissiondenied} alt='permission denied' width={470} />
-				<Typography variant='h1'>Permission Denied.</Typography>
-				<Button sx={{marginTop: '20px'}} onClick={() => resetBoundary()}>
-					Try Again
-				</Button>
-			</StyledBox>
-		</>
-	)
+export function PemissionDenied({ resetBoundary }) {
+  return (
+    <>
+      <StyledBox>
+        <img src={permissiondenied} alt="permission denied" width={470} />
+        <Typography variant="h1">Permission Denied.</Typography>
+        <Button sx={{ marginTop: '20px' }} onClick={() => resetBoundary()}>
+          Try Again
+        </Button>
+      </StyledBox>
+    </>
+  )
 }
 
-export function InternalServer({resetBoundary, error}) {
-	return (
-		<>
-			<StyledBox>
-				<img src={internalserver} alt='internal server error' width={470} />
-				<Typography variant='h1' marginTop={'20px'}>
-					Internal Server Error.
-				</Typography>
-				<Typography variant='body1'>
-					{error?.response?.data?.message}
-				</Typography>
-				<Button
-					size='small'
-					variant='outlined'
-					sx={{marginTop: '20px'}}
-					onClick={() => resetBoundary()}
-				>
-					Try Again
-				</Button>
-			</StyledBox>
-		</>
-	)
+export function InternalServer({ resetBoundary, error }) {
+  return (
+    <>
+      <StyledBox>
+        <img src={internalserver} alt="internal server error" width={470} />
+        <Typography variant="h1" marginTop={'20px'}>
+          Internal Server Error.
+        </Typography>
+        <Typography variant="body1">
+          {error?.response?.data?.message}
+        </Typography>
+        <Button
+          size="small"
+          variant="outlined"
+          sx={{ marginTop: '20px' }}
+          onClick={() => resetBoundary()}
+        >
+          Try Again
+        </Button>
+      </StyledBox>
+    </>
+  )
 }
 
-export function UnAuth({resetBoundary}) {
-	const modal = useModal()
-	const [username, setUsername] = useState('')
-	const [loading, setLoading] = useState(false)
-
-	const url = window.location.origin
-	const origin = window?.location?.origin?.split('.')
-	const isLocalHost =
-		process.env.NODE_ENV === 'development' ||
-		origin?.slice(-2).join('.') === 'campx.dev'
-	const sessionCookie = Cookies.get('campx_session_key')
-	const appinit = async () => {
-		setLoading(true)
-		await axios
-			.get('/auth/my-permissions')
-			.then((res) => {
-				setUsername(res.data.user.fullName)
-				PermissionsStore.update((s) => {
-					s.permissions = {
-						...res.data?.permissions,
-						can_settings_view: 1,
-						can_dashboard_view: 1,
-						can_individual_pages_view: 1,
-					} as any
-				})
-				setLoading(false)
-			})
-			.catch((e) => {
-				modal({
-					title: 'Login',
-					content: () => <LoginForm />,
-				})
-			})
-	}
-	function LoginPage() {
-		if (isLocalHost) {
-			if (!sessionCookie) {
-				modal({
-					title: 'Login',
-					content: () => <LoginForm />,
-				})
-			} else {
-				appinit()
-			}
-		} else {
-			if (!sessionCookie) {
-				window.location.replace(`https://www.id.campx.in/?redirect_to=${url}`)
-			} else {
-				appinit()
-			}
-		}
-	}
-
-	return (
-		<>
-			<StyledBox>
-				<img src={unauth} alt='unauthorized' width={470} />
-				<Typography variant='h1' marginTop={'20px'}>
-					UnAuthorized.
-				</Typography>
-				<Box
-					sx={{
-						display: 'flex',
-						marginTop: '20px',
-					}}
-				>
-					<Button
-						variant='outlined'
-						sx={{marginRight: '10px'}}
-						onClick={() => resetBoundary()}
-					>
-						Try Again
-					</Button>
-
-					<Button onClick={() => LoginPage()}>Click here to Login</Button>
-				</Box>
-			</StyledBox>
-		</>
-	)
+export function UnAuth({ resetBoundary }) {
+  const modal = useModal()
+  const [username, setUsername] = useState('')
+  const [loading, setLoading] = useState(false)
+
+  const url = window.location.origin
+  const origin = window?.location?.origin?.split('.')
+  const isLocalHost =
+    process.env.NODE_ENV === 'development' ||
+    origin?.slice(-2).join('.') === 'campx.dev'
+  const sessionCookie = Cookies.get('campx_session_key')
+  const appinit = async () => {
+    setLoading(true)
+    await axios
+      .get('/auth/my-permissions')
+      .then((res) => {
+        setUsername(res.data.user.fullName)
+        PermissionsStore.update((s) => {
+          s.permissions = {
+            ...res.data?.permissions,
+            can_settings_view: 1,
+            can_dashboard_view: 1,
+            can_individual_pages_view: 1,
+          } as any
+        })
+        setLoading(false)
+      })
+      .catch((e) => {
+        modal({
+          title: 'Login',
+          content: () => <LoginForm />,
+        })
+      })
+  }
+  function LoginPage() {
+    if (isLocalHost) {
+      if (!sessionCookie) {
+        modal({
+          title: 'Login',
+          content: () => <LoginForm />,
+        })
+      } else {
+        appinit()
+      }
+    } else {
+      if (!sessionCookie) {
+        window.location.replace(`https://www.id.campx.in/?redirect_to=${url}`)
+      } else {
+        appinit()
+      }
+    }
+  }
+
+  return (
+    <>
+      <StyledBox>
+        <img src={unauth} alt="unauthorized" width={470} />
+        <Typography variant="h1" marginTop={'20px'}>
+          UnAuthorized.
+        </Typography>
+        <Box
+          sx={{
+            display: 'flex',
+            marginTop: '20px',
+          }}
+        >
+          <Button
+            variant="outlined"
+            sx={{ marginRight: '10px' }}
+            onClick={() => resetBoundary()}
+          >
+            Try Again
+          </Button>
+
+          <Button onClick={() => LoginPage()}>Click here to Login</Button>
+        </Box>
+      </StyledBox>
+    </>
+  )
 }

package/src/components/ErrorBoundary/GlobalNetworkLoadingIndicator.tsx

@@ -1,13 +1,13 @@
-import {Store} from 'pullstate'
-import {LinearProgress} from '../LinearProgress'
+import { Store } from 'pullstate'
+import { LinearProgress } from '../LinearProgress'
 
 export const NetworkStore = new Store({
-	loading: false,
+  loading: false,
 })
 
 export default function GlobalNetworkLoadingIndicator() {
-	const {loading} = NetworkStore.useState()
+  const { loading } = NetworkStore.useState()
 
-	if (loading) return <LinearProgress />
-	if (loading) return null
+  if (loading) return <LinearProgress />
+  if (loading) return null
 }

package/src/components/ErrorBoundary/index.tsx

@@ -1 +1 @@
-export {default} from './ErrorBoundary'
+export { default } from './ErrorBoundary'

package/src/components/FullScreenLoader.tsx

@@ -1,19 +1,19 @@
-import {Box, CircularProgress} from '@mui/material'
+import { Box, CircularProgress } from '@mui/material'
 
 const FullScreenLoader = () => {
-	return (
-		<Box
-			sx={{
-				margin: 0,
-				padding: 0,
-				height: '100vh',
-				width: '100vw',
-				display: 'grid',
-				placeItems: 'center',
-			}}
-		>
-			<CircularProgress size={60} />
-		</Box>
-	)
+  return (
+    <Box
+      sx={{
+        margin: 0,
+        padding: 0,
+        height: '100vh',
+        width: '100vw',
+        display: 'grid',
+        placeItems: 'center',
+      }}
+    >
+      <CircularProgress size={60} />
+    </Box>
+  )
 }
 export default FullScreenLoader

package/src/components/HookForm/AutoCompleteSearch.tsx

@@ -111,33 +111,3 @@ export default function FormAutoCompleteSearch({
     />
   )
 }
-
-export function MyAutoComplete({
-  value,
-  onChange,
-  options,
-  label,
-  loading,
-  ...props
-}) {
-  return (
-    <Autocomplete
-      loading={loading}
-      value={value}
-      fullWidth
-      freeSolo
-      onChange={(e, value) => {
-        onChange(value.value)
-      }}
-      options={options || []}
-      getOptionLabel={(option: Option) => option?.label || ''}
-      renderInput={(params) => (
-        <TextField
-          {...params}
-          variant="outlined"
-          label={<FormLabel label={label} required={props.required} />}
-        />
-      )}
-    />
-  )
-}

package/src/components/HookForm/RadioGroup.tsx

@@ -110,4 +110,4 @@ const RadioComponent = ({ label, required, row, options, name, field }) => {
       </Box>
     </>
   )
-}
+}

package/src/components/IconButtons/Icons.tsx

@@ -245,7 +245,6 @@ export const PrintIcon = () => {
   )
 }
 
-
 export const DateRangeIcon = () => {
   return (
     <svg
@@ -266,4 +265,4 @@ export const DateRangeIcon = () => {
       </g>
     </svg>
   )
-}
+}

package/src/components/Input/AutoCompleteSearch.tsx

@@ -111,33 +111,3 @@ export default function AutoCompleteSearch({
     />
   )
 }
-
-export function MyAutoComplete({
-  value,
-  onChange,
-  options,
-  label,
-  loading,
-  ...props
-}) {
-  return (
-    <Autocomplete
-      loading={loading}
-      value={value}
-      fullWidth
-      freeSolo
-      onChange={(e, value) => {
-        onChange(value.value)
-      }}
-      options={options || []}
-      getOptionLabel={(option: Option) => option?.label || ''}
-      renderInput={(params) => (
-        <TextField
-          {...params}
-          variant="outlined"
-          label={<FormLabel label={label} required={props.required} />}
-        />
-      )}
-    />
-  )
-}

package/src/components/Input/SingleSelect.tsx

@@ -122,18 +122,3 @@ export default function SingleSelect(props: Props) {
     />
   )
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-