@campxdev/shared 1.11.45 → 1.11.47

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/shared",
-  "version": "1.11.45",
+  "version": "1.11.47",
   "main": "./exports.ts",
   "scripts": {
     "start": "react-scripts start",

package/src/components/Tabs/styles.tsx

@@ -21,6 +21,7 @@ export const StyledTabs = styled(Tabs)<StyledTabsProps>(
     minHeight: '60px',
     ['@media(max-width: 680px)']: {
       minHeight: '30px',
+      paddingTop: '15px',
     },
     paddingLeft: '15px',
     '& .MuiTabs-indicator': {

package/src/components/UploadButton/UploadButton.tsx

@@ -4,7 +4,7 @@ import { toast } from 'react-toastify'
 import axios from '../../config/axios'
 import { UploadButtonProps } from './types'
 
-const getAccept = (type: UploadButtonProps['type']) => {
+export const getAccept = (type: UploadButtonProps['type']) => {
   switch (type) {
     case 'file':
       return '.xlsx,.xls,.doc, .docx,.ppt, .pptx,.txt,.pdf'
@@ -14,6 +14,8 @@ const getAccept = (type: UploadButtonProps['type']) => {
       return 'video/*'
     case 'audio':
       return 'audio/*'
+    case 'excel':
+      return '.xlsx,.xls,.csv'
   }
 }
 

package/src/components/UploadButton/types.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react'
 
 interface Media {
-  type: 'image' | 'video' | 'audio' | 'file'
+  type: 'image' | 'video' | 'audio' | 'file' | 'excel'
   url: string
   key: string
   fileName?: string
@@ -9,7 +9,7 @@ interface Media {
   mediaObject?: any
 }
 interface UploadButtonProps {
-  type: 'file' | 'image' | 'video' | 'audio'
+  type: 'file' | 'image' | 'video' | 'audio' | 'excel'
   onChange: (res: Media) => void
   uploadUrl: string
   onSuccess?: () => void

package/src/components/UploadFileDialog/UploadFileDialog.tsx

@@ -18,6 +18,8 @@ import axios from '../../config/axios'
 import { buffertoCSV } from '../../utils'
 import { useErrorModal } from '../ErrorModalWrapper/ErrorModalWrapper'
 import { DeleteButton, EditButton } from '../IconButtons'
+import { getAccept } from '../UploadButton/UploadButton'
+import { UploadButtonProps } from '../UploadButton/types'
 const animatedImage = require('./AnimatedUploadFile.gif')
 
 const StyledDialogHeader = styled(Box)(({ theme }) => ({
@@ -83,6 +85,7 @@ interface UploadFileDialogProps {
   refetchFn?: (res: any) => void
   onUpload?: () => void
   postBody?: { [key: string]: string }
+  type?: UploadButtonProps['type']
 }
 
 export default function UploadFileDialog({
@@ -97,6 +100,7 @@ export default function UploadFileDialog({
   sampleFileDownloadUrl,
   postBody = {},
   onUpload,
+  type = 'excel',
 }: UploadFileDialogProps) {
   const inputRef: any = useRef(null)
   const [loading, setLoading] = useState(false)
@@ -138,6 +142,7 @@ export default function UploadFileDialog({
         setFile(null)
       })
       .catch((err) => {
+        // eslint-disable-next-line no-console
         console.log(err)
         setLoading(false)
         // axiosErrorToast(err)
@@ -199,7 +204,8 @@ export default function UploadFileDialog({
                 <input
                   onChange={handleImageChange}
                   hidden
-                  type="file"
+                  accept={getAccept(type)}
+                  type={'file'}
                   ref={inputRef}
                 />
                 <StyledChooseFileButton