@campxdev/shared 0.5.21 → 0.5.23

package/.eslintignore

@@ -0,0 +1,4 @@
+# .estlintignore file
+dist
+build
+node_modules/

package/.eslintrc.js

@@ -0,0 +1,34 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+    jest: true,
+  },
+  parser: '@typescript-eslint/parser',
+  extends: ['prettier'],
+  overrides: [],
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+  settings: {
+    'import/resolver': {
+      typescript: {},
+    },
+  },
+  plugins: ['react', '@typescript-eslint', 'prettier'],
+  rules: {
+    'react/react-in-jsx-scope': 'off',
+    'spaced-comment': 'error',
+    'no-duplicate-imports': 'error',
+    'no-console': 'warn',
+    'react/prop-types': ['off'],
+    'react/jsx-key': ['warn'],
+    'react/no-unescaped-entities': 'off',
+    'spaced-comment': 'off',
+  },
+  ignorePatterns: ['**/*.html'],
+}

package/.prettierrc

@@ -0,0 +1,10 @@
+{
+  "bracketSpacing": true,
+  "printWidth": 80,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "tabWidth": 2,
+  "useTabs": false,
+  "bracketSameLine": false,
+  "semi": false
+}

package/exports.ts

@@ -1,15 +1,16 @@
 export * from './src/components'
 export * from './src/constants'
-export {default as axios, axiosErrorToast} from './src/config/axios'
+export { default as axios, axiosErrorToast } from './src/config/axios'
+export { default as axiosTenant } from './src/config/axiosXTenant'
 
 export * from './src/permissions'
 export * from './src/utils'
 export * from './src/hooks'
-export {useModal} from './src/components/DrawerWrapper/DrawerWrapper'
-export {default as MuiThemeProvider} from './src/theme/MuiThemeProvider'
-export {default as ConfirmContextProvider} from './src/components/PopupConfirm/ConfirmContextProvider'
-export {default as DialogProvider} from './src/components/DrawerWrapper/DrawerWrapper'
-export {default as Providers} from './src/contexts/Providers'
+export { useModal } from './src/components/DrawerWrapper/DrawerWrapper'
+export { default as MuiThemeProvider } from './src/theme/MuiThemeProvider'
+export { default as ConfirmContextProvider } from './src/components/PopupConfirm/ConfirmContextProvider'
+export { default as DialogProvider } from './src/components/DrawerWrapper/DrawerWrapper'
+export { default as Providers } from './src/contexts/Providers'
 
 export * from './src/shared-state'
 export * from './src/assets/images'

package/package.json

@@ -1,52 +1,66 @@
 {
-	"name": "@campxdev/shared",
-	"version": "0.5.21",
-	"main": "./exports.ts",
-	"scripts": {
-		"start": "react-scripts start",
-		"build": "CI=false && react-scripts build",
-		"test": "react-scripts test",
-		"eject": "react-scripts eject"
-	},
-	"browserslist": {
-		"production": [
-			">0.2%",
-			"not dead",
-			"not op_mini all"
-		],
-		"development": [
-			"last 1 chrome version",
-			"last 1 firefox version",
-			"last 1 safari version"
-		]
-	},
-	"dependencies": {
-		"@emotion/react": "^11.9.0",
-		"@emotion/styled": "^11.8.1",
-		"@mui/icons-material": "^5.6.2",
-		"@mui/material": "^5.7.0",
-		"@mui/x-date-pickers": "^5.0.0-alpha.3",
-		"@types/js-cookie": "^3.0.2",
-		"@types/node": "^18.11.8",
-		"axios": "^0.27.2",
-		"date-fns": "^2.28.0",
-		"js-cookie": "^3.0.1",
-		"moment": "^2.29.4",
-		"pullstate": "^1.24.0",
-		"react": "^18.2.0",
-		"react-dom": "^18.2.0",
-		"react-error-boundary": "^3.1.4",
-		"react-hook-form": "^7.31.1",
-		"react-query": "^3.39.0",
-		"react-router-dom": "^6.4.2",
-		"react-table": "^7.8.0",
-		"react-toastify": "^9.0.1",
-		"styled-components": "^5.3.5",
-		"swiper": "^8.1.5",
-		"typescript": "^4.8.4"
-	},
-	"devDependencies": {
-		"@types/react": "^18.0.25",
-		"react-scripts": "^5.0.1"
-	}
+  "name": "@campxdev/shared",
+  "version": "0.5.23",
+  "main": "./exports.ts",
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "CI=false && react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject",
+    "lint": "eslint ./src/**/*.{js,jsx,ts,tsx,json}",
+    "lint:fix": "eslint --fix \"./src/**/*.{js,jsx,ts,tsx,json}\"",
+    "format": "prettier --write \"./src/**/*.{js,jsx,ts,tsx,css,md,json}\" --config ./.prettierrc",
+    "publish": "./publish.sh"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "dependencies": {
+    "@emotion/react": "^11.9.0",
+    "@emotion/styled": "^11.8.1",
+    "@mui/icons-material": "^5.6.2",
+    "@mui/material": "^5.7.0",
+    "@mui/x-date-pickers": "^5.0.0-alpha.3",
+    "axios": "^0.27.2",
+    "date-fns": "^2.28.0",
+    "js-cookie": "^3.0.1",
+    "moment": "^2.29.4",
+    "pullstate": "^1.24.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-error-boundary": "^3.1.4",
+    "react-hook-form": "^7.31.1",
+    "react-query": "^3.39.0",
+    "react-router-dom": "^6.4.2",
+    "react-table": "^7.8.0",
+    "react-toastify": "^9.0.1",
+    "styled-components": "^5.3.5",
+    "swiper": "^8.1.5"
+  },
+  "devDependencies": {
+    "@types/js-cookie": "^3.0.2",
+    "@types/node": "^18.11.8",
+    "typescript": "^4.8.4",
+    "@types/react": "^18.0.25",
+    "react-scripts": "^5.0.1",
+    "@typescript-eslint/eslint-plugin": "^5.35.1",
+    "@typescript-eslint/parser": "^5.35.1",
+    "eslint": "^8.23.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-import-resolver-typescript": "^3.5.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.31.1",
+    "lerna": "^5.5.1",
+    "prettier": "^2.5.0"
+  }
 }

package/publish.sh

@@ -0,0 +1,2 @@
+npm version patch
+npm publish --verbose --production

package/src/assets/images/index.ts

@@ -1,10 +1,10 @@
-const avatarImage = require("./avatar.png");
-const pagenotfound = require("./notfound.png");
-const permissiondenied = require("./403.png");
-const internalserver = require("./500.png");
-const unauth = require("./401.png");
-const nointernet = require("./nointernet.png");
-const campxLogoPrimary = require("./campx_logo__full_primary.png");
+const avatarImage = require('./avatar.png')
+const pagenotfound = require('./notfound.png')
+const permissiondenied = require('./403.png')
+const internalserver = require('./500.png')
+const unauth = require('./401.png')
+const nointernet = require('./nointernet.png')
+const campxLogoPrimary = require('./campx_logo__full_primary.png')
 
 export {
   avatarImage,
@@ -14,4 +14,4 @@ export {
   internalserver,
   unauth,
   nointernet,
-};
+}

package/src/components/Breadcrumbs.tsx

@@ -50,7 +50,7 @@ export default function Breadcrumbs({ links, icon }: BreadcrumbsProps) {
   const backLink = links.slice(-2)[0]
 
   return (
-    <StyledStack direction={'row'} alignItems='center'>
+    <StyledStack direction={'row'} alignItems="center">
       {linksArray?.length ? (
         <StyledIconButton
           onClick={() => {
@@ -60,13 +60,13 @@ export default function Breadcrumbs({ links, icon }: BreadcrumbsProps) {
           {icon ? icon : <ChevronLeft />}
         </StyledIconButton>
       ) : null}
-      <MuiBreadcrumbs separator={<Typography variant='h3'>/</Typography>}>
+      <MuiBreadcrumbs separator={<Typography variant="h3">/</Typography>}>
         {linksArray.map((link, index) => (
           <StyledLink to={link.to} key={index}>
             {link?.name}
           </StyledLink>
         ))}
-        <Typography variant='h3'>{currentPage?.name}</Typography>
+        <Typography variant="h3">{currentPage?.name}</Typography>
       </MuiBreadcrumbs>
     </StyledStack>
   )

package/src/components/ChangePassword.tsx

@@ -1,164 +1,164 @@
 import {
-	Button,
-	CircularProgress,
-	Dialog,
-	DialogTitle,
-	IconButton,
-	InputAdornment,
-	Stack,
-	styled,
-	Typography,
+  Button,
+  CircularProgress,
+  Dialog,
+  DialogTitle,
+  IconButton,
+  InputAdornment,
+  Stack,
+  styled,
+  Typography,
 } from '@mui/material'
-import {isDevelopment} from '../constants/isDevelopment'
+import { isDevelopment } from '../constants/isDevelopment'
 import CloseIcon from '@mui/icons-material/Close'
-import {Visibility, VisibilityOff} from '@mui/icons-material'
-import React, {useState} from 'react'
-import {useForm} from 'react-hook-form'
-import {useModal} from './DrawerWrapper/DrawerWrapper'
-import {FormTextField} from '.'
-import axios, {axiosErrorToast} from '../config/axios'
-import {toast} from 'react-toastify'
+import { Visibility, VisibilityOff } from '@mui/icons-material'
+import React, { useState } from 'react'
+import { useForm } from 'react-hook-form'
+import { useModal } from './DrawerWrapper/DrawerWrapper'
+import { FormTextField } from '.'
+import axios, { axiosErrorToast } from '../config/axios'
+import { toast } from 'react-toastify'
 
 export interface DialogProps {
-	open: boolean
-	onClose: any
+  open: boolean
+  onClose: any
 }
 
 function ChangePassword(props: DialogProps) {
-	const {onClose, open} = props
-	const handleClose = () => {
-		onClose()
-	}
-	const modal = useModal()
+  const { onClose, open } = props
+  const handleClose = () => {
+    onClose()
+  }
+  const modal = useModal()
 
-	const [showPassword, setShowPassword] = useState({
-		oldPassword: false,
-		newPassword: false,
-		confirmPassword: false,
-	})
-	const [isLoading, setIsLoading] = useState(false)
-	const {handleSubmit, control, reset} = useForm()
-	const onSubmit = async (formData) => {
-		setIsLoading(true)
-		const {oldPassword, newPassword, confirmPassword} = formData
-		if (newPassword === confirmPassword) {
-			try {
-				await axios.post(
-					isDevelopment
-						? 'https://auth-api.campx.dev/auth/change-password'
-						: 'https://auth-api.campx.in/auth/change-password',
-					{
-						oldPassword,
-						newPassword,
-					}
-				)
-				toast.success('Password Changed Successfully')
-				setIsLoading(false)
-				reset()
-				handleClose()
-			} catch (error) {
-				axiosErrorToast(error)
-				setIsLoading(false)
-				reset()
-				handleClose()
-			}
-		} else {
-			toast.error('New Password, Confirm Password must be same')
-			setIsLoading(false)
-		}
-	}
+  const [showPassword, setShowPassword] = useState({
+    oldPassword: false,
+    newPassword: false,
+    confirmPassword: false,
+  })
+  const [isLoading, setIsLoading] = useState(false)
+  const { handleSubmit, control, reset } = useForm()
+  const onSubmit = async (formData) => {
+    setIsLoading(true)
+    const { oldPassword, newPassword, confirmPassword } = formData
+    if (newPassword === confirmPassword) {
+      try {
+        await axios.post(
+          isDevelopment
+            ? 'https://auth-api.campx.dev/auth/change-password'
+            : 'https://auth-api.campx.in/auth/change-password',
+          {
+            oldPassword,
+            newPassword,
+          },
+        )
+        toast.success('Password Changed Successfully')
+        setIsLoading(false)
+        reset()
+        handleClose()
+      } catch (error) {
+        axiosErrorToast(error)
+        setIsLoading(false)
+        reset()
+        handleClose()
+      }
+    } else {
+      toast.error('New Password, Confirm Password must be same')
+      setIsLoading(false)
+    }
+  }
 
-	const fields = [
-		{label: 'Old Password', name: 'oldPassword'},
-		{label: 'New Password', name: 'newPassword'},
-		{label: 'Confirm Password', name: 'confirmPassword'},
-	]
+  const fields = [
+    { label: 'Old Password', name: 'oldPassword' },
+    { label: 'New Password', name: 'newPassword' },
+    { label: 'Confirm Password', name: 'confirmPassword' },
+  ]
 
-	return (
-		<Dialog
-			open={open}
-			PaperProps={{
-				sx: {
-					borderRadius: '20px',
-					width: '500px',
-					padding: '20px',
-				},
-			}}
-		>
-			<StyledDialogTitle>
-				<Typography variant='h3'>Change Password</Typography>
-				<IconButton onClick={handleClose}>
-					<CloseIcon />
-				</IconButton>
-			</StyledDialogTitle>
-			<form onSubmit={handleSubmit(onSubmit)}>
-				<Stack gap={2} direction='column'>
-					{fields.map((item) => {
-						return (
-							<>
-								<FormTextField
-									label={item.label}
-									control={control}
-									name={item.name}
-									type={showPassword[item.name] ? 'text' : 'password'}
-									required
-									InputProps={{
-										endAdornment: (
-											<InputAdornment position='end'>
-												<IconButton
-													size='small'
-													onClick={() =>
-														setShowPassword((prev) => ({
-															...prev,
-															[item.name]: !prev[item.name],
-														}))
-													}
-													edge='end'
-												>
-													{showPassword[item.name] ? (
-														<VisibilityOff />
-													) : (
-														<Visibility />
-													)}
-												</IconButton>
-											</InputAdornment>
-										),
-									}}
-								/>
-							</>
-						)
-					})}
+  return (
+    <Dialog
+      open={open}
+      PaperProps={{
+        sx: {
+          borderRadius: '20px',
+          width: '500px',
+          padding: '20px',
+        },
+      }}
+    >
+      <StyledDialogTitle>
+        <Typography variant="h3">Change Password</Typography>
+        <IconButton onClick={handleClose}>
+          <CloseIcon />
+        </IconButton>
+      </StyledDialogTitle>
+      <form onSubmit={handleSubmit(onSubmit)}>
+        <Stack gap={2} direction="column">
+          {fields.map((item) => {
+            return (
+              <>
+                <FormTextField
+                  label={item.label}
+                  control={control}
+                  name={item.name}
+                  type={showPassword[item.name] ? 'text' : 'password'}
+                  required
+                  InputProps={{
+                    endAdornment: (
+                      <InputAdornment position="end">
+                        <IconButton
+                          size="small"
+                          onClick={() =>
+                            setShowPassword((prev) => ({
+                              ...prev,
+                              [item.name]: !prev[item.name],
+                            }))
+                          }
+                          edge="end"
+                        >
+                          {showPassword[item.name] ? (
+                            <VisibilityOff />
+                          ) : (
+                            <Visibility />
+                          )}
+                        </IconButton>
+                      </InputAdornment>
+                    ),
+                  }}
+                />
+              </>
+            )
+          })}
 
-					<Stack direction={'row'} gap={2} sx={{marginTop: '20px'}}>
-						<Button variant='outlined' onClick={handleClose}>
-							Cancel
-						</Button>
-						<Button
-							type='submit'
-							endIcon={
-								isLoading && (
-									<CircularProgress
-										style={{color: 'white'}}
-										size='30px'
-										thickness={1.7}
-									/>
-								)
-							}
-						>
-							Submit
-						</Button>
-					</Stack>
-				</Stack>
-			</form>
-		</Dialog>
-	)
+          <Stack direction={'row'} gap={2} sx={{ marginTop: '20px' }}>
+            <Button variant="outlined" onClick={handleClose}>
+              Cancel
+            </Button>
+            <Button
+              type="submit"
+              endIcon={
+                isLoading && (
+                  <CircularProgress
+                    style={{ color: 'white' }}
+                    size="30px"
+                    thickness={1.7}
+                  />
+                )
+              }
+            >
+              Submit
+            </Button>
+          </Stack>
+        </Stack>
+      </form>
+    </Dialog>
+  )
 }
 
 const StyledDialogTitle = styled(DialogTitle)({
-	display: 'flex',
-	alignItems: 'center',
-	justifyContent: 'space-between',
-	padding: '10px',
-	marginBottom: '20px',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'space-between',
+  padding: '10px',
+  marginBottom: '20px',
 })
 export default ChangePassword