@campxdev/shared 0.6.16 → 0.6.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/components/HookForm/RadioGroup.tsx +2 -9
- package/src/components/UploadFileDialog/AnimatedUploadFile.gif +0 -0
- package/src/components/UploadFileDialog/UploadFileDialog.tsx +2 -4
- package/todo.md +18 -6
- package/src/components/Styled/OutlinedIconButton.tsx +0 -7
- package/src/components/Styled/index.tsx +0 -1
- package/src/components/Swiper/Swiper.tsx +0 -39
- package/src/components/Swiper/index.tsx +0 -1
package/package.json
CHANGED
|
@@ -12,7 +12,7 @@ import { Controller } from 'react-hook-form'
|
|
|
12
12
|
import FormLabel from './FormLabel'
|
|
13
13
|
|
|
14
14
|
interface Props extends RadioGroupProps {
|
|
15
|
-
label
|
|
15
|
+
label?: ReactNode
|
|
16
16
|
name: string
|
|
17
17
|
control: any
|
|
18
18
|
sx?: any
|
|
@@ -84,14 +84,7 @@ const RadioComponent = ({ label, required, row, options, name, field }) => {
|
|
|
84
84
|
return (
|
|
85
85
|
<>
|
|
86
86
|
<Box>
|
|
87
|
-
<
|
|
88
|
-
<Typography variant="subtitle2">{label}</Typography>
|
|
89
|
-
{required && (
|
|
90
|
-
<Typography fontSize={14} component={'span'} color="error">
|
|
91
|
-
{' *'}
|
|
92
|
-
</Typography>
|
|
93
|
-
)}
|
|
94
|
-
</Box>
|
|
87
|
+
{label && <FormLabel label={label} required={required} />}
|
|
95
88
|
<MuiRadioGroup
|
|
96
89
|
value={field.value}
|
|
97
90
|
onChange={field.onChange}
|
|
Binary file
|
|
@@ -16,6 +16,7 @@ import { DeleteButton, EditButton } from '../IconButtons'
|
|
|
16
16
|
import { ReactNode, useEffect, useRef, useState } from 'react'
|
|
17
17
|
import { toast } from 'react-toastify'
|
|
18
18
|
import axios, { axiosErrorToast } from '../../config/axios'
|
|
19
|
+
const animatedImage = require('./AnimatedUploadFile.gif')
|
|
19
20
|
|
|
20
21
|
const StyledDialogHeader = styled(Box)(({ theme }) => ({
|
|
21
22
|
height: '64px',
|
|
@@ -168,10 +169,7 @@ export default function UploadFileDialog({
|
|
|
168
169
|
</IconButton>
|
|
169
170
|
</StyledDialogHeader>
|
|
170
171
|
<StyledDialogContent>
|
|
171
|
-
<StyledImage
|
|
172
|
-
src="/images/AnimatedUploadFile.gif"
|
|
173
|
-
alt="Upload Image"
|
|
174
|
-
/>
|
|
172
|
+
<StyledImage src={animatedImage} alt="Upload Image" />
|
|
175
173
|
<Typography variant="h6">{dialogTitle}</Typography>
|
|
176
174
|
<Typography textAlign={'center'}>
|
|
177
175
|
Before importing, download Sample CSV File or Sample XLSX file and
|
package/todo.md
CHANGED
|
@@ -1,8 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
[ ] add permision denied component in withRouter component fallback
|
|
1
|
+
#todo
|
|
2
|
+
1.errorBoundary
|
|
3
|
+
2.fullcalendar
|
|
5
4
|
|
|
6
|
-
|
|
5
|
+
6.row
|
|
7
6
|
|
|
8
|
-
|
|
7
|
+
#done today
|
|
8
|
+
|
|
9
|
+
4.nodatallustration
|
|
10
|
+
7.searchBar
|
|
11
|
+
11.uploadFileDialog
|
|
12
|
+
3.meadiaRow
|
|
13
|
+
|
|
14
|
+
8.stepsHeader
|
|
15
|
+
|
|
16
|
+
#later
|
|
17
|
+
11.uploadButon
|
|
18
|
+
12.uploadDocuments
|
|
19
|
+
5.popupconfirm
|
|
20
|
+
1.ReactTable
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as OutlinedIconButton } from './OutlinedIconButton'
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { Swiper as Swipe, SwiperSlide } from 'swiper/react'
|
|
2
|
-
import 'swiper/css/pagination'
|
|
3
|
-
import 'swiper/css/navigation'
|
|
4
|
-
import { Pagination, Navigation } from 'swiper'
|
|
5
|
-
import { ReactNode } from 'react'
|
|
6
|
-
import { Box, styled } from '@mui/material'
|
|
7
|
-
|
|
8
|
-
const StyledSwiperContainer = styled(Box)(({ theme }) => ({
|
|
9
|
-
'& .swiper-button-next:after, .swiper-button-prev:after': {
|
|
10
|
-
fontSize: '1.5rem',
|
|
11
|
-
color: theme.palette.common.yellow,
|
|
12
|
-
},
|
|
13
|
-
'& .swiper-pagination-bullet-active': {
|
|
14
|
-
background: theme.palette.common.yellow,
|
|
15
|
-
},
|
|
16
|
-
'& .swiper-pagination': {
|
|
17
|
-
bottom: '-5px',
|
|
18
|
-
},
|
|
19
|
-
}))
|
|
20
|
-
|
|
21
|
-
interface SwipeProps {
|
|
22
|
-
list: ReactNode[]
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
export default function Swiper({ list }: SwipeProps) {
|
|
26
|
-
return (
|
|
27
|
-
<StyledSwiperContainer>
|
|
28
|
-
<Swipe
|
|
29
|
-
pagination={true}
|
|
30
|
-
navigation={true}
|
|
31
|
-
modules={[Pagination, Navigation]}
|
|
32
|
-
>
|
|
33
|
-
{list?.map((item, index) => (
|
|
34
|
-
<SwiperSlide key={index}>{item}</SwiperSlide>
|
|
35
|
-
))}
|
|
36
|
-
</Swipe>
|
|
37
|
-
</StyledSwiperContainer>
|
|
38
|
-
)
|
|
39
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from './Swiper'
|