@erpsquad/common 1.8.45 → 1.8.47

package/dist/components/upload-excel/upload-excel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/upload-excel/upload-excel.tsx"],"sourcesContent":["import React from \"react\";\nimport { useEffect, useRef, useState } from \"react\";\n\n\nimport Typography from \"../typography/typography\";\nimport Box from \"@mui/material/Box\";\nimport \"./upload-excel.scss\";\nimport { useDropzone } from \"react-dropzone\";\nimport {\n  CircularProgress,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  Grow,\n  IconButton,\n  \n} from \"@mui/material\";\nimport RemoveIcon from \"@mui/icons-material/Remove\";\n// import Checkbox from \"../checkbox/checkbox\";\nimport Avatar from \"../avatar/avatar\";\nimport images from \"../../assets/images\";\nimport ModalLoader from '../loaders/modal-loader';\nimport {Trash} from '../icons';\n\nimport { KeyboardArrowDown, KeyboardArrowUp, Upload } from \"@mui/icons-material\";\nimport { postImportSheet } from \"../../utils/common\";\nimport Button from \"../button/button\";\n\n\ninterface UploadProps {\n  open: boolean;\n  title: string;\n  multiple?: boolean;\n  accept?: string;\n  showCameraButton?: boolean;\n  onClose: () => void;\n  onConfirm: () => void;\n  onSubmit?: (files: any[]) => void;\n  existingDriveData?: any;\n  importModuleName?: any;\n  pageName?: any;\n\n}\n\nconst formatBytes = (bytes: number, decimals = 2) => {\n  if (bytes === 0) return \"0 Bytes\";\n  const k = 1024;\n  const dm = decimals < 0 ? 0 : decimals;\n  const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"];\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + \" \" + sizes[i];\n};\n\nconst UploadExcel = (props: UploadProps) => {\n  const {\n    open,\n    title,\n    onClose,\n    onConfirm,\n    onSubmit,\n    accept = \"*\",\n    multiple = false,\n    importModuleName,\n    pageName\n  } = props;\n  const [files, setFiles] = useState<\n    {\n      file: File;\n      isPrivate: boolean;\n      checkboxDisabled: boolean;\n      status: string;\n      uploadProgress: number;\n      fileSize: number;\n      fileName: string;\n      fileType: string;\n      location: string;\n      message: string;\n    }[]\n  >([]);\n\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const [isDialogMinimized, setIsDialogMinimized] = useState(false);\n  const [isDragOver, setIsDragOver] = useState(false);\n  const [dataResult, setDataResult] = useState<any>(null);\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  \n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\n    onDropAccepted: (newFiles) => {\n      setFiles([\n        ...files,\n        ...newFiles.map((file) => ({\n          file,\n          isPrivate: false,\n          checkboxDisabled: false,\n          status: \"pending\",\n          uploadProgress: 0,\n          fileSize: file.size,\n          fileName: file.name,\n          fileType: file.type,\n          location: \"\",\n          message: \"\",\n        })),\n      ]);\n      setIsDragOver(false);\n    },\n    onDragEnter: () => {\n      setIsDragOver(true);\n    },\n    onDragLeave: () => {\n      setIsDragOver(false);\n    },\n    noClick: true,\n    noKeyboard: true,\n    multiple: multiple,\n    accept: accept ? convertAcceptObject(accept) : accept,\n  });\n\n  const handleClose = () => {\n    onClose()\n    setDataResult(null);\n  }\n\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  // useEffect(() => {\n  //   const driveTitles = existingDriveData.map(item => item['title'])\n  //   setAllDriveData(driveTitles);\n  // }, [existingDriveData]);\n\n\n  useEffect(() => {\n    const handleBeforeUnload = (event: any) => {\n      \n        const message =\n          \"Are you sure you want to leave? Your uploads are not complete.\";\n        event.returnValue = message; // Standard for most browsers\n        return message; // For some older browsers\n      \n    };\n    if (fileInputRef.current) {\n      fileInputRef.current.multiple = multiple;\n    }\n\n    window.addEventListener(\"beforeunload\", handleBeforeUnload);\n\n    return () => {\n      // Clean up the event listener when the component unmounts\n      window.removeEventListener(\"beforeunload\", handleBeforeUnload);\n    };\n  }, [ multiple]);\n\n \n\n  function convertAcceptObject(types: string) {\n    const accepts = types.split(\",\").map((item) => item.trim());\n    const acceptObject = accepts.reduce((acc: any, type: string) => {\n      acc[type] = [];\n      return acc;\n    }, {});\n    return acceptObject;\n  }\n\n  const renderFileIcon = (file: any) => {\n    const fileType = file?.type.split(\"/\")[0];\n    switch (fileType) {\n      case \"image\":\n        return (\n          <div\n            className={\n              isDialogMinimized ? \"document-icon-sm\" : \"document-icon-lg\"\n            }\n            style={{ backgroundColor: \"#FFEBEB\" }}\n          >\n            <Avatar size={20} src={images.upload.documentPDF}></Avatar>\n          </div>\n        );\n      case \"application\":\n        return (\n          <div\n            className={\n              isDialogMinimized ? \"document-icon-sm\" : \"document-icon-lg\"\n            }\n            style={{ backgroundColor: \"#FFEBEB\" }}\n          >\n            <Avatar size={150} src={images.upload.documentPDF} alt={\"PDF\"}></Avatar>\n            <Typography color=\"theme.secondary.1000\" weight=\"bold\" type=\"s2\">{file.name}</Typography>\n            <Typography color=\"theme.secondary.800\" type=\"s5\">{formatBytes(file.size)}</Typography>\n          </div>\n        );\n      case \"text\":\n        return (\n          <div\n            className={\n              isDialogMinimized ? \"document-icon-sm\" : \"document-icon-lg\"\n            }\n            style={{ backgroundColor: \"#EBF9F2\" }}\n          >\n            <Avatar size={20} src={images.upload.docFile}></Avatar>\n          </div>\n        );\n      default:\n        return (\n          <div\n            className={\n              isDialogMinimized ? \"document-icon-sm\" : \"document-icon-lg\"\n            }\n            style={{ backgroundColor: \"#EBF9F2\" }}\n          >\n            <Avatar size={20} src={images.upload.docFile}></Avatar>\n          </div>\n        );\n    }\n  };\n\n \n\n  const handleChipClick = () => {\n    if (fileInputRef.current) {\n      // If multiple is true, set input for multiple files\n      if (props.multiple) {\n        fileInputRef.current.setAttribute(\"multiple\", \"true\");\n      } else {\n        // If multiple is false, set input for a single file\n        fileInputRef.current.removeAttribute(\"multiple\");\n      }\n      fileInputRef.current.click();\n    }\n  };\n\n  const handleFileChange = (e: any) => {\n    // importData(e.target.files[0]);\n    const file = e.target.files?.[0] || null;\n    const f = {\n      file,\n      isPrivate: false,\n      checkboxDisabled: false,\n      status: \"pending\",\n      uploadProgress: 0,\n      fileSize: file.size,\n      fileName: file.name,\n      fileType: file.type,\n      location: \"\",\n      message: \"\",\n    }\n\n    \n    setFiles([\n      ...files,\n      ...[f],\n    ]);\n  };\n\n  const removeFile = (indexToRemove: number) => {\n\n    setFiles((prevFiles) =>\n      prevFiles.filter((file, index) =>index !== indexToRemove\n      ),\n    );\n  };\n\n  // const toggleIsPrivate = (index: number) => {\n  //   setFiles((prevFiles) =>\n  //     prevFiles.map((item, i) =>\n  //       i === index ? { ...item, isPrivate: !item.isPrivate } : item,\n  //     ),\n  //   );\n  // };\n\n  const toggleCollapse = () => {\n    setIsCollapsed((prevIsCollapsed) => !prevIsCollapsed);\n  };\n\n  const handleMinimizeClick = () => {\n    setIsDialogMinimized(!isDialogMinimized);\n    isDialogMinimized ? onConfirm() : onClose();\n  };\n\n  const importData = async () => {\n    const file = files[0].file\n\t\tconst formData = new FormData();\n\t\tformData.append('file', file);  // Ensure the field name is correct.\n\t\tsetIsLoading(true)\n\t\ttry {\n\t\t\tconst response = await postImportSheet(formData, importModuleName, pageName);\n\t\t\tif(response) {\n\t\t\t\tsetDataResult(response.data)\n        setIsLoading(false)\n\t\t\t} \n\t\t} catch (error) {\n      setIsLoading(false)\n\t\t}\n\n\t}\n\n  useEffect(() => {\n    open && setFiles([]);\n  }, [open]);\n\n\n\n  return (\n    <>\n      <Dialog open={open} onClose={handleClose} className=\"upload\">\n        <DialogTitle className=\"upload--head\">\n          <Box className=\"upload--title\">\n            <Typography\n              type=\"s3\"\n              ml={1}\n              weight=\"medium\"\n              color=\"theme.secondary.1000\"\n            >\n              {title}\n            </Typography>\n          </Box>\n      \n        </DialogTitle>\n        <Divider />\n        <DialogContent className=\"upload--content\">\n          {isLoading && <ModalLoader />}\n         \n          {files.length === 0 ? (\n              <div\n                className={`upload--fileContent ${isDragActive ? \"drag-active\" : \"\"\n                  }`}\n              >\n                <div {...getRootProps()} className=\"drop-view\">\n                  {!isDragOver ? (\n                    <>\n                      <input {...getInputProps()} ref={fileInputRef} />\n                      <p className=\"upload--text\">\n                        Drag and Drop files here or upload from\n                      </p>\n\n                      <div className=\"device-wrap\">\n                        <div className=\"select-button\" onClick={handleChipClick}>\n                          <img src={images.upload.monitor} />\n                          <Typography type=\"s5\">My Device</Typography>\n                          <input\n                            type=\"file\"\n                            {...getInputProps({ multiple: true })}\n                            ref={fileInputRef}\n                            style={{ display: \"none\" }}\n                            onChange={handleFileChange}\n                            accept={accept}\n                          />\n                        </div>\n                      \n                      </div>\n\n                    {dataResult?.successful?.length || dataResult?.failed?.length ? (\n                      <div className =\"mt-2\">\n                        {dataResult?.failed.length == 0 ? (\n                          <Typography type=\"s3\">\n                            All data imported successfully.\n                          </Typography> ) : (\n                          <Typography type=\"s4\" word-break=\"break-word\" color=\"theme.error.600\" weight=\"medium\">\n                          Failed to import the following records with IDs: {dataResult.failed.toString()}\n                          </Typography> )\n                        }     \n                      </div>\n                      ) : (\n                        \"\"\n                      )}\n                    </>\n                  ) : (\n                    <div className=\"after-drop\">\n                      <img src={images.upload.documentUpload} />\n                      <Typography type=\"s3\">\n                        Drag & Drop your files here\n                      </Typography>\n                    </div>\n                  )}\n                </div>\n              </div>\n          ) : (\n              <Grow in={Boolean(files?.length)} timeout={500}>\n                <Box>\n                    {files.map((file: any, index: number) => (\n                        <Box key={file?.file?.name} display='flex' width='100%' justifyContent='center' alignItems='center' flexDirection='column'>\n                          <Box className=\"icon-BG\">\n                            <IconButton onClick={() => removeFile(index)} className=\"remove-button\"><Trash fontSize='small' /> </IconButton>\n                            <Avatar size={150} src={images.upload.docFile} alt={\"PDF\"}></Avatar>\n                          </Box>\n                          <Typography type=\"s2\" weight=\"bold\" color='theme.secondary.1000'>{file?.file?.name}</Typography>\n                          <Typography type=\"s4\" color='theme.secondary.800'>{formatBytes(file?.file?.size)}</Typography>\n                        </Box>\n                    ))}\n                </Box>\n            </Grow>\n          )}\n        </DialogContent>\n        <DialogActions className=\"uploadActions\">\n          <Button onClick={onSubmit ? ()=>{\n            onSubmit(files)\n          } : importData} startIcon={<Upload />}>Upload</Button>\n        </DialogActions>\n      </Dialog>\n      {isDialogMinimized && (\n        <div className=\"bottom-corner-box\">\n          <div className=\"top-section\">\n            <div className=\"top-text\">\n              Uploading {files.length} Item{files.length !== 1 ? \"s\" : \"\"}\n            </div>\n            <div className=\"top-options\">\n              <div className=\"btn\" onClick={handleMinimizeClick}>\n                <RemoveIcon />\n              </div>\n              <div className=\"btn\" onClick={toggleCollapse}>\n                <div className=\"arrow-btn\">\n                  {isCollapsed ? <KeyboardArrowUp /> : <KeyboardArrowDown />}\n                </div>\n              </div>\n             \n            </div>\n          </div>\n          <div className=\"box-list\">\n            {!isCollapsed &&\n              files.map((file: any, index: number) => (\n                <div className=\"bottom-section\">\n                  <div className=\"doc-icon\">{renderFileIcon(file?.file)}</div>\n                  <div className=\"file-detail\">\n                    <div className=\"file-name\">\n                      <div className=\"file-text\">\n                        {file?.file?.name}\n                        {index}\n                      </div>\n                    </div>\n                    <div className=\"file-status\">\n                      {file?.status !== \"canceled\" ? (\n                        <>\n                          {file.uploadProgress === 0 && (\n                            <div className=\"avatar-container\">\n                              <Avatar\n                                size={20}\n                                className=\"avatar\"\n                                src={images.upload.empty}\n                              ></Avatar>\n                              <Avatar\n                                size={20}\n                                onClick={() => removeFile(index)}\n                                src={images.upload.close}\n                                className=\"close-icon\"\n                              ></Avatar>\n                            </div>\n                          )}\n                          {file?.uploadProgress > 0 &&\n                            file?.uploadProgress < 100 && (\n                              <CircularProgress\n                                color=\"success\"\n                                variant=\"determinate\"\n                                value={file?.uploadProgress}\n                              />\n                            )}\n                          {file?.uploadProgress === 100 && (\n                            <div className=\"avatar-container\">\n                              <Avatar\n                                size={20}\n                                className=\"avatar\"\n                                src={images.upload.tick}\n                              ></Avatar>\n                              <Avatar\n                                size={20}\n                                src={images.upload.folder}\n                                className=\"close-icon\"\n                              ></Avatar>\n                            </div>\n                          )}\n                        </>\n                      ) : (\n                        <Typography type=\"s4\" className=\"canceled-text\">\n                          Upload Canceled\n                        </Typography>\n                      )}\n                    </div>\n                  </div>\n                </div>\n              ))}\n          </div>\n        </div>\n      )}\n      </>\n  );\n};\n\nexport default UploadExcel;\n"],"names":["formatBytes","bytes","decimals","dm","i","Math","floor","log","parseFloat","pow","toFixed","props","open","title","onClose","onConfirm","onSubmit","accept","multiple","importModuleName","files","setFiles","useState","isCollapsed","setIsCollapsed","isDialogMinimized","setIsDialogMinimized","isDragOver","setIsDragOver","dataResult","setDataResult","isLoading","setIsLoading","getRootProps","getInputProps","isDragActive","useDropzone","onDropAccepted","newFiles","map","file","isPrivate","checkboxDisabled","status","uploadProgress","fileSize","size","fileName","name","fileType","type","location","message","onDragEnter","onDragLeave","noClick","noKeyboard","types","split","item","trim","reduce","acc","fileInputRef","useRef","useEffect","handleBeforeUnload","event","returnValue","current","window","addEventListener","removeEventListener","renderFileIcon","jsx","className","style","backgroundColor","children","Avatar","src","images","upload","documentPDF","jsxs","alt","Typography","color","weight","docFile","removeFile","indexToRemove","prevFiles","filter","index","Fragment","Dialog","DialogTitle","Box","ml","Divider","DialogContent","ModalLoader","length","documentUpload","ref","onClick","setAttribute","removeAttribute","click","monitor","display","onChange","e","_a","target","f","successful","_b","failed","toString","Grow","in","Boolean","timeout","width","justifyContent","alignItems","flexDirection","IconButton","Trash","fontSize","_c","DialogActions","Button","async","formData","FormData","append","response","postImportSheet","data","error","startIcon","Upload","RemoveIcon","prevIsCollapsed","KeyboardArrowUp","KeyboardArrowDown","empty","close","CircularProgress","variant","value","tick","folder"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/upload-excel/upload-excel.tsx"],"sourcesContent":["import React from \"react\";\nimport { useEffect, useRef, useState } from \"react\";\n\n\nimport Typography from \"../typography/typography\";\nimport Box from \"@mui/material/Box\";\nimport \"./upload-excel.scss\";\nimport { useDropzone } from \"react-dropzone\";\nimport {\n  CircularProgress,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  Grow,\n  IconButton,\n  \n} from \"@mui/material\";\nimport RemoveIcon from \"@mui/icons-material/Remove\";\n// import Checkbox from \"../checkbox/checkbox\";\nimport Avatar from \"../avatar/avatar\";\nimport images from \"../../assets/images\";\nimport ModalLoader from '../loaders/modal-loader';\nimport {Trash} from '../icons';\n\nimport { KeyboardArrowDown, KeyboardArrowUp, Upload } from \"@mui/icons-material\";\nimport { postImportSheet } from \"../../utils/common\";\nimport Button from \"../button/button\";\n\n\ninterface UploadProps {\n  open: boolean;\n  title: string;\n  multiple?: boolean;\n  accept?: string;\n  showCameraButton?: boolean;\n  onClose: () => void;\n  onConfirm: () => void;\n  onSubmit?: (files: any[]) => void;\n  existingDriveData?: any;\n  importModuleName?: any;\n  pageName?: any;\n\n}\n\nconst formatBytes = (bytes: number, decimals = 2) => {\n  if (bytes === 0) return \"0 Bytes\";\n  const k = 1024;\n  const dm = decimals < 0 ? 0 : decimals;\n  const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"];\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + \" \" + sizes[i];\n};\n\nconst UploadExcel = (props: UploadProps) => {\n  const {\n    open,\n    title,\n    onClose,\n    onConfirm,\n    onSubmit,\n    accept = \"*\",\n    multiple = false,\n    importModuleName,\n    pageName\n  } = props;\n  const [files, setFiles] = useState<\n    {\n      file: File;\n      isPrivate: boolean;\n      checkboxDisabled: boolean;\n      status: string;\n      uploadProgress: number;\n      fileSize: number;\n      fileName: string;\n      fileType: string;\n      location: string;\n      message: string;\n    }[]\n  >([]);\n\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const [isDialogMinimized, setIsDialogMinimized] = useState(false);\n  const [isDragOver, setIsDragOver] = useState(false);\n  const [dataResult, setDataResult] = useState<any>(null);\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  \n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\n    onDropAccepted: (newFiles) => {\n      setFiles([\n        ...files,\n        ...newFiles.map((file) => ({\n          file,\n          isPrivate: false,\n          checkboxDisabled: false,\n          status: \"pending\",\n          uploadProgress: 0,\n          fileSize: file.size,\n          fileName: file.name,\n          fileType: file.type,\n          location: \"\",\n          message: \"\",\n        })),\n      ]);\n      setIsDragOver(false);\n    },\n    onDragEnter: () => {\n      setIsDragOver(true);\n    },\n    onDragLeave: () => {\n      setIsDragOver(false);\n    },\n    noClick: true,\n    noKeyboard: true,\n    multiple: multiple,\n    accept: accept ? convertAcceptObject(accept) : accept,\n  });\n\n  const handleClose = () => {\n    onClose()\n    setDataResult(null);\n  }\n\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  // useEffect(() => {\n  //   const driveTitles = existingDriveData.map(item => item['title'])\n  //   setAllDriveData(driveTitles);\n  // }, [existingDriveData]);\n\n\n  useEffect(() => {\n    const handleBeforeUnload = (event: any) => {\n      \n        const message =\n          \"Are you sure you want to leave? Your uploads are not complete.\";\n        event.returnValue = message; // Standard for most browsers\n        return message; // For some older browsers\n      \n    };\n    if (fileInputRef.current) {\n      fileInputRef.current.multiple = multiple;\n    }\n\n    window.addEventListener(\"beforeunload\", handleBeforeUnload);\n\n    return () => {\n      // Clean up the event listener when the component unmounts\n      window.removeEventListener(\"beforeunload\", handleBeforeUnload);\n    };\n  }, [ multiple]);\n\n \n\n  function convertAcceptObject(types: string) {\n    const accepts = types.split(\",\").map((item) => item.trim());\n    const acceptObject = accepts.reduce((acc: any, type: string) => {\n      acc[type] = [];\n      return acc;\n    }, {});\n    return acceptObject;\n  }\n\n  const renderFileIcon = (file: any) => {\n    const fileType = file?.type.split(\"/\")[0];\n    switch (fileType) {\n      case \"image\":\n        return (\n          <div\n            className={\n              isDialogMinimized ? \"document-icon-sm\" : \"document-icon-lg\"\n            }\n            style={{ backgroundColor: \"#FFEBEB\" }}\n          >\n            <Avatar size={20} src={images.upload.documentPDF}></Avatar>\n          </div>\n        );\n      case \"application\":\n        return (\n          <div\n            className={\n              isDialogMinimized ? \"document-icon-sm\" : \"document-icon-lg\"\n            }\n            style={{ backgroundColor: \"#FFEBEB\" }}\n          >\n            <Avatar size={150} src={images.upload.documentPDF} alt={\"PDF\"}></Avatar>\n            <Typography color=\"theme.secondary.1000\" weight=\"bold\" type=\"s2\">{file.name}</Typography>\n            <Typography color=\"theme.secondary.800\" type=\"s5\">{formatBytes(file.size)}</Typography>\n          </div>\n        );\n      case \"text\":\n        return (\n          <div\n            className={\n              isDialogMinimized ? \"document-icon-sm\" : \"document-icon-lg\"\n            }\n            style={{ backgroundColor: \"#EBF9F2\" }}\n          >\n            <Avatar size={20} src={images.upload.docFile}></Avatar>\n          </div>\n        );\n      default:\n        return (\n          <div\n            className={\n              isDialogMinimized ? \"document-icon-sm\" : \"document-icon-lg\"\n            }\n            style={{ backgroundColor: \"#EBF9F2\" }}\n          >\n            <Avatar size={20} src={images.upload.docFile}></Avatar>\n          </div>\n        );\n    }\n  };\n\n \n\n  const handleChipClick = () => {\n    if (fileInputRef.current) {\n      // If multiple is true, set input for multiple files\n      if (props.multiple) {\n        fileInputRef.current.setAttribute(\"multiple\", \"true\");\n      } else {\n        // If multiple is false, set input for a single file\n        fileInputRef.current.removeAttribute(\"multiple\");\n      }\n      fileInputRef.current.click();\n    }\n  };\n\n  const handleFileChange = (e: any) => {\n    // importData(e.target.files[0]);\n    const file = e.target.files?.[0] || null;\n    const f = {\n      file,\n      isPrivate: false,\n      checkboxDisabled: false,\n      status: \"pending\",\n      uploadProgress: 0,\n      fileSize: file.size,\n      fileName: file.name,\n      fileType: file.type,\n      location: \"\",\n      message: \"\",\n    }\n\n    \n    setFiles([\n      ...files,\n      ...[f],\n    ]);\n  };\n\n  const removeFile = (indexToRemove: number) => {\n\n    setFiles((prevFiles) =>\n      prevFiles.filter((file, index) =>index !== indexToRemove\n      ),\n    );\n  };\n\n  // const toggleIsPrivate = (index: number) => {\n  //   setFiles((prevFiles) =>\n  //     prevFiles.map((item, i) =>\n  //       i === index ? { ...item, isPrivate: !item.isPrivate } : item,\n  //     ),\n  //   );\n  // };\n\n  const toggleCollapse = () => {\n    setIsCollapsed((prevIsCollapsed) => !prevIsCollapsed);\n  };\n\n  const handleMinimizeClick = () => {\n    setIsDialogMinimized(!isDialogMinimized);\n    isDialogMinimized ? onConfirm() : onClose();\n  };\n\n  const importData = async () => {\n    const file = files[0].file\n\t\tconst formData = new FormData();\n\t\tformData.append('file', file);  // Ensure the field name is correct.\n\t\tsetIsLoading(true)\n\t\ttry {\n\t\t\tconst response = await postImportSheet(formData, importModuleName, pageName);\n\t\t\tif(response) {\n\t\t\t\tsetDataResult(response.data)\n        setIsLoading(false)\n\t\t\t} \n\t\t} catch (error) {\n      setIsLoading(false)\n\t\t}\n\n\t}\n\n  useEffect(() => {\n    open && setFiles([]);\n  }, [open]);\n\n\n\n  return (\n    <>\n      <Dialog open={open} onClose={handleClose} className=\"upload\">\n        <DialogTitle className=\"upload--head\">\n          <Box className=\"upload--title\">\n            <Typography\n              type=\"s3\"\n              ml={1}\n              weight=\"medium\"\n              color=\"theme.secondary.1000\"\n            >\n              {title}\n            </Typography>\n          </Box>\n      \n        </DialogTitle>\n        <Divider />\n        <DialogContent className=\"upload--content\">\n          {isLoading && <ModalLoader />}\n         \n          {files.length === 0 ? (\n              <div\n                className={`upload--fileContent ${isDragActive ? \"drag-active\" : \"\"\n                  }`}\n              >\n                <div {...getRootProps()} className=\"drop-view\">\n                  {!isDragOver ? (\n                    <>\n                      <input {...getInputProps()} ref={fileInputRef} />\n                      <p className=\"upload--text\">\n                        Drag and Drop files here or upload from\n                      </p>\n\n                      <div className=\"device-wrap\">\n                        <div className=\"select-button\" onClick={handleChipClick}>\n                          <img src={images.upload.monitor} />\n                          <Typography type=\"s5\">My Device</Typography>\n                          <input\n                            type=\"file\"\n                            {...getInputProps({ multiple: true })}\n                            ref={fileInputRef}\n                            style={{ display: \"none\" }}\n                            onChange={handleFileChange}\n                            accept={accept}\n                          />\n                        </div>\n                      \n                      </div>\n\n                    {dataResult?.successful?.length || dataResult?.failed?.length ? (\n                      <div className =\"mt-2\">\n                        {dataResult?.failed.length == 0 ? (\n                          <Typography type=\"s3\">\n                            All data imported successfully.\n                          </Typography> ) : (\n                          <Typography type=\"s4\" word-break=\"break-word\" color=\"theme.error.600\" weight=\"medium\">\n                          Failed to import the following records with IDs: {dataResult.failed.toString()}\n                          </Typography> )\n                        }     \n                      </div>\n                      ) : (\n                        \"\"\n                      )}\n                    </>\n                  ) : (\n                    <div className=\"after-drop\">\n                      <img src={images.upload.documentUpload} />\n                      <Typography type=\"s3\">\n                        Drag & Drop your files here\n                      </Typography>\n                    </div>\n                  )}\n                </div>\n              </div>\n          ) : (\n              <Grow in={Boolean(files?.length)} timeout={500}>\n                <Box>\n                    {files.map((file: any, index: number) => (\n                        <Box key={file?.file?.name} display='flex' width='100%' justifyContent='center' alignItems='center' flexDirection='column'>\n                          <Box className=\"icon-BG\">\n                            <IconButton onClick={() => removeFile(index)} className=\"remove-button\"><Trash fontSize='small' /> </IconButton>\n                            <Avatar size={150} src={images.upload.docFile} alt={\"PDF\"}></Avatar>\n                          </Box>\n                          <Typography type=\"s2\" weight=\"bold\" color='theme.secondary.1000'>{file?.file?.name}</Typography>\n                          <Typography type=\"s4\" color='theme.secondary.800'>{formatBytes(file?.file?.size)}</Typography>\n                        </Box>\n                    ))}\n                </Box>\n            </Grow>\n          )}\n        </DialogContent>\n        <DialogActions className=\"uploadActions\">\n          <Button onClick={onSubmit ? ()=>{\n            onSubmit(files)\n          } : importData} startIcon={<Upload />}>Upload</Button>\n        </DialogActions>\n      </Dialog>\n      {isDialogMinimized && (\n        <div className=\"bottom-corner-box\">\n          <div className=\"top-section\">\n            <div className=\"top-text\">\n              Uploading {files.length} Item{files.length !== 1 ? \"s\" : \"\"}\n            </div>\n            <div className=\"top-options\">\n              <div className=\"btn\" onClick={handleMinimizeClick}>\n                <RemoveIcon />\n              </div>\n              <div className=\"btn\" onClick={toggleCollapse}>\n                <div className=\"arrow-btn\">\n                  {isCollapsed ? <KeyboardArrowUp /> : <KeyboardArrowDown />}\n                </div>\n              </div>\n             \n            </div>\n          </div>\n          <div className=\"box-list\">\n            {!isCollapsed &&\n              files.map((file: any, index: number) => (\n                <div className=\"bottom-section\">\n                  <div className=\"doc-icon\">{renderFileIcon(file?.file)}</div>\n                  <div className=\"file-detail\">\n                    <div className=\"file-name\">\n                      <div className=\"file-text\">\n                        {file?.file?.name}\n                        {index}\n                      </div>\n                    </div>\n                    <div className=\"file-status\">\n                      {file?.status !== \"canceled\" ? (\n                        <>\n                          {file.uploadProgress === 0 && (\n                            <div className=\"avatar-container\">\n                              <Avatar\n                                size={20}\n                                className=\"avatar\"\n                                src={images.upload.empty}\n                              ></Avatar>\n                              <Avatar\n                                size={20}\n                                onClick={() => removeFile(index)}\n                                src={images.upload.close}\n                                className=\"close-icon\"\n                              ></Avatar>\n                            </div>\n                          )}\n                          {file?.uploadProgress > 0 &&\n                            file?.uploadProgress < 100 && (\n                              <CircularProgress\n                                color=\"success\"\n                                variant=\"determinate\"\n                                value={file?.uploadProgress}\n                              />\n                            )}\n                          {file?.uploadProgress === 100 && (\n                            <div className=\"avatar-container\">\n                              <Avatar\n                                size={20}\n                                className=\"avatar\"\n                                src={images.upload.tick}\n                              ></Avatar>\n                              <Avatar\n                                size={20}\n                                src={images.upload.folder}\n                                className=\"close-icon\"\n                              ></Avatar>\n                            </div>\n                          )}\n                        </>\n                      ) : (\n                        <Typography type=\"s4\" className=\"canceled-text\">\n                          Upload Canceled\n                        </Typography>\n                      )}\n                    </div>\n                  </div>\n                </div>\n              ))}\n          </div>\n        </div>\n      )}\n      </>\n  );\n};\n\nexport { UploadExcel };\nexport default UploadExcel;\n"],"names":["formatBytes","bytes","decimals","dm","i","Math","floor","log","parseFloat","pow","toFixed","UploadExcel","props","open","title","onClose","onConfirm","onSubmit","accept","multiple","importModuleName","files","setFiles","useState","isCollapsed","setIsCollapsed","isDialogMinimized","setIsDialogMinimized","isDragOver","setIsDragOver","dataResult","setDataResult","isLoading","setIsLoading","getRootProps","getInputProps","isDragActive","useDropzone","onDropAccepted","newFiles","map","file","isPrivate","checkboxDisabled","status","uploadProgress","fileSize","size","fileName","name","fileType","type","location","message","onDragEnter","onDragLeave","noClick","noKeyboard","types","split","item","trim","reduce","acc","fileInputRef","useRef","useEffect","handleBeforeUnload","event","returnValue","current","window","addEventListener","removeEventListener","renderFileIcon","jsx","className","style","backgroundColor","children","Avatar","src","images","upload","documentPDF","jsxs","alt","Typography","color","weight","docFile","removeFile","indexToRemove","prevFiles","filter","index","Fragment","Dialog","DialogTitle","Box","ml","Divider","DialogContent","ModalLoader","length","documentUpload","ref","onClick","setAttribute","removeAttribute","click","monitor","display","onChange","e","_a","target","f","successful","_b","failed","toString","Grow","in","Boolean","timeout","width","justifyContent","alignItems","flexDirection","IconButton","Trash","fontSize","_c","DialogActions","Button","async","formData","FormData","append","response","postImportSheet","data","error","startIcon","Upload","RemoveIcon","prevIsCollapsed","KeyboardArrowUp","KeyboardArrowDown","empty","close","CircularProgress","variant","value","tick","folder"],"mappings":"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"}

package/dist/components/upload-excel/upload-excel.d.ts

@@ -13,4 +13,5 @@ interface UploadProps {
     pageName?: any;
 }
 declare const UploadExcel: (props: UploadProps) => import("react/jsx-runtime").JSX.Element;
+export { UploadExcel };
 export default UploadExcel;

package/dist/components/upload-media/upload-media/index.esm.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { images } from "../../../images/index.esm.js";
-import Button from "../../button/button/index.esm.js";
+import { Button } from "../../button/button/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
 import { enqueueSnackbar } from "../../../node_modules/notistack/notistack.esm/index.esm.js";
 import { memo } from "react";
@@ -227,6 +227,7 @@ const UploadMedia = memo((props) => {
   ] });
 });
 export {
+  UploadMedia,
   UploadMedia as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/upload-media/upload-media/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/upload-media/upload-media.tsx"],"sourcesContent":["import { Box, styled } from \"@mui/material\";\nimport logo from \"../../assets/images\";\nimport Button from \"../button/button\";\nimport Typography from \"../typography/typography\";\n// import { useEffect, useState } from \"react\";\nimport { Document } from \"../icons\";\nimport { enqueueSnackbar } from \"notistack\";\nimport { memo } from \"react\";\n// import Avatar from \"../avatar/avatar\";\n\nexport interface UploadImageProps {\n  type?: string;\n  label: string;\n  disabled?: boolean;\n  error?: boolean;\n  dataPosition?: number;\n  dataName?: string;\n  required?: boolean;\n  max_size?: number;\n  name: string;\n  value: string;\n  onChange: (e: any) => any;\n  multiple: boolean\n}\nconst UploadMedia = memo((props: UploadImageProps) => {\n  const {\n    type,\n    label,\n    disabled,\n    error,\n    dataName,\n    dataPosition,\n    required,\n    max_size = 20,\n    onChange,\n    name,\n    value,\n    multiple,\n    ...rest\n  } = props;\n\n  const VisuallyHiddenInput = styled(\"input\")({\n    clip: \"rect(0 0 0 0)\",\n    clipPath: \"inset(50%)\",\n    height: 1,\n    overflow: \"hidden\",\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    whiteSpace: \"nowrap\",\n    width: 1,\n  });\n\n  // const [selectedFile, setSelectedFile] = useState<string | null>(null);\n  const StyledButton = styled(Button)(({ theme: { palette } }) => ({\n    marginBottom: 8,\n    \"&.MuiButton-outlined\": {\n      color: palette.theme?.primary[1000],\n    },\n    \"&.Mui-disabled\": {\n      background: palette.theme?.secondary[200],\n      color: palette.theme?.secondary[800],\n      borderWidth: \"0.0625rem\",\n      borderStyle: \"solid\",\n      borderColor: palette.theme?.secondary[400],\n    },\n  }));\n\n  const allowedImageTypes = [\n    \"image/jpeg\",  // JPG, JPEG\n    \"image/png\",   // PNG\n    \"image/gif\",   // GIF\n    \"image/bmp\",   // BMP\n    \"image/webp\",  // WebP\n    \"image/svg+xml\", // SVG\n    \"image/tiff\",  // TIFF\n    \"image/x-icon\", // ICO (icon files)\n    \"image/heic\",  // HEIC (High Efficiency Image Format)\n    \"image/heif\"\n  ]\n  const allowedFileTypes = [\n    \"application/pdf\",\n    \"application/msword\",\n    \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n    'application/vnd.ms-powerpoint',\n    'application/vnd.oasis.opendocument.text',\n    'text/csv',\n    'text/plain',\n    'application/rtf',\n    'application/vnd.ms-excel',\n    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n    'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n    'application/vnd.oasis.opendocument.spreadsheet',\n    'application/vnd.oasis.opendocument.presentation',\n    \"image/jpeg\",  // JPG, JPEG\n    \"image/png\",   // PNG\n    \"image/gif\",   // GIF\n    \"image/bmp\",   // BMP\n    \"image/webp\",  // WebP\n    \"image/svg+xml\", // SVG\n    \"image/tiff\",  // TIFF\n    \"image/x-icon\", // ICO (icon files)\n    \"image/heic\",  // HEIC (High Efficiency Image Format)\n    \"image/heif\"\n  ];\n\n  const isValidFileType = (file: any) => {\n    if (type === \"image\") {\n      return allowedImageTypes.includes(file.type);\n    } else if (type === 'file') {\n      return allowedFileTypes.includes(file.type);\n    }\n  };\n\n\n  const handleUpload = (e: any) => {\n    const files = [...e.target.files];\n    const filterredFiles = files.map(file => {\n      if (file && file.size <= max_size * 1024 * 1024) {\n        if (isValidFileType(file)) {\n          return file\n        } else {\n          enqueueSnackbar(`Invalid file type for ${file.name}. Please upload a valid document.`, { variant: 'error' })\n          return null\n        }\n      }\n    })?.filter(Boolean)\n    onChange(multiple ? (value?.length ? [...value, ...filterredFiles] : filterredFiles) : filterredFiles[0]);\n  };\n\n  const getFileName = (file) => {\n    if (!file) return \"\"\n    if (file instanceof File) {\n      return file.name\n    } else if(typeof file === 'string') { \n      const parts = file?.split('/');\n      return parts?.[parts?.length - 1];\n    } else if(Array.isArray(file) && file?.length > 0) {\n      return file.map(f => {\n        const parts = f?.split('/');\n        return parts?.[parts?.length - 1];\n      }).join(', ')\n    }\n  }\n  // const getImagePreview = (file) => {\n  //   if (!file) return \"\"\n  //   if (file instanceof File) {\n  //     let previewUrl:any = ''\n  //     const reader = new FileReader();\n  //     reader.onload = () => {\n  //       previewUrl = reader.result;\n  //     };\n  //     reader.readAsDataURL(file);\n\n  //     return previewUrl\n  //   } else {\n  //     return file.includes(S3_BUCKET_URL) ? file : S3_BUCKET_URL + file\n  //   }\n  // }\n\n  const getSelectedFiles = (files: any) => {\n\n    if (files) {\n      if (Array.isArray(files)) {\n        return files.map(file => (\n          <Box display=\"flex\" gap={1} mb={1} alignItems='center'>\n            {type === 'file' && <Document fontSize=\"small\" />}\n            {/* {type === 'image' && <Avatar src={getImagePreview(file)} />} */}\n            <Typography\n              type=\"s5\"\n              weight=\"medium\"\n              color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n              data-position={dataPosition}\n              data-name={dataName}\n              noWrap\n            >\n              {getFileName(file)}\n            </Typography>\n          </Box>\n        ))\n      } else {\n        return (\n          <Box display=\"flex\" gap={1} alignItems='center'>\n            {type === 'file' && <Document fontSize=\"small\" />}\n            {/* {type === 'image' && <Avatar src={getImagePreview(files)} />} */}\n            <Typography\n              type=\"s5\"\n              weight={\"medium\"}\n              color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n              data-position={dataPosition}\n              data-name={dataName}\n              noWrap\n            >\n              {getFileName(files)}\n            </Typography>\n          </Box>\n        )\n      }\n    }\n  }\n\n  // useEffect(() => {\n  //   if(!multiple) {\n  //     const parts = value?.split('/');\n  //     // const documentPath = parts?.slice(3, parts.length - 1).join('/');\n  //     const filename = parts?.[parts?.length - 1];\n\n \n  //     if (value) setSelectedFile(filename)\n  //   }\n  // }, [multiple, value])\n\n  return (\n    <>\n      <Typography\n        type=\"s5\"\n        weight={\"medium\"}\n        mb={0.5}\n        color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n        data-position={dataPosition}\n        data-name={dataName}\n      >\n        {label} {required && \" *\"}\n      </Typography>\n      <div style={{ display: \"flex\" }}>\n        <StyledButton\n          component=\"label\"\n          startIcon={\n            <img\n              src={type === \"image\" ? logo.uploadImage : logo.uploadDocument}\n            />\n          }\n          variant=\"outlined\"\n          disabled={disabled}\n        >\n          <Typography type='s5' weight=\"medium\" color=\"theme.secondary.1000\">Upload</Typography>\n          <VisuallyHiddenInput\n            type=\"file\"\n            accept={type === \"file\" ? allowedFileTypes.join(\",\") : (type === 'image' ? allowedImageTypes.join(\",\") : undefined)}\n            // required={required}\n            onChange={handleUpload}\n            name={name}\n            multiple={multiple}\n            {...rest}\n          />\n        </StyledButton>\n      </div >\n      {getSelectedFiles(value)}\n\n    </>\n  );\n})\n\nexport default UploadMedia;\n"],"names":["logo"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/upload-media/upload-media.tsx"],"sourcesContent":["import { Box, styled } from \"@mui/material\";\nimport logo from \"../../assets/images\";\nimport Button from \"../button/button\";\nimport Typography from \"../typography/typography\";\n// import { useEffect, useState } from \"react\";\nimport { Document } from \"../icons\";\nimport { enqueueSnackbar } from \"notistack\";\nimport { memo } from \"react\";\n// import Avatar from \"../avatar/avatar\";\n\nexport interface UploadImageProps {\n  type?: string;\n  label: string;\n  disabled?: boolean;\n  error?: boolean;\n  dataPosition?: number;\n  dataName?: string;\n  required?: boolean;\n  max_size?: number;\n  name: string;\n  value: string;\n  onChange: (e: any) => any;\n  multiple: boolean\n}\nconst UploadMedia = memo((props: UploadImageProps) => {\n  const {\n    type,\n    label,\n    disabled,\n    error,\n    dataName,\n    dataPosition,\n    required,\n    max_size = 20,\n    onChange,\n    name,\n    value,\n    multiple,\n    ...rest\n  } = props;\n\n  const VisuallyHiddenInput = styled(\"input\")({\n    clip: \"rect(0 0 0 0)\",\n    clipPath: \"inset(50%)\",\n    height: 1,\n    overflow: \"hidden\",\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    whiteSpace: \"nowrap\",\n    width: 1,\n  });\n\n  // const [selectedFile, setSelectedFile] = useState<string | null>(null);\n  const StyledButton = styled(Button)(({ theme: { palette } }) => ({\n    marginBottom: 8,\n    \"&.MuiButton-outlined\": {\n      color: palette.theme?.primary[1000],\n    },\n    \"&.Mui-disabled\": {\n      background: palette.theme?.secondary[200],\n      color: palette.theme?.secondary[800],\n      borderWidth: \"0.0625rem\",\n      borderStyle: \"solid\",\n      borderColor: palette.theme?.secondary[400],\n    },\n  }));\n\n  const allowedImageTypes = [\n    \"image/jpeg\",  // JPG, JPEG\n    \"image/png\",   // PNG\n    \"image/gif\",   // GIF\n    \"image/bmp\",   // BMP\n    \"image/webp\",  // WebP\n    \"image/svg+xml\", // SVG\n    \"image/tiff\",  // TIFF\n    \"image/x-icon\", // ICO (icon files)\n    \"image/heic\",  // HEIC (High Efficiency Image Format)\n    \"image/heif\"\n  ]\n  const allowedFileTypes = [\n    \"application/pdf\",\n    \"application/msword\",\n    \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n    'application/vnd.ms-powerpoint',\n    'application/vnd.oasis.opendocument.text',\n    'text/csv',\n    'text/plain',\n    'application/rtf',\n    'application/vnd.ms-excel',\n    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n    'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n    'application/vnd.oasis.opendocument.spreadsheet',\n    'application/vnd.oasis.opendocument.presentation',\n    \"image/jpeg\",  // JPG, JPEG\n    \"image/png\",   // PNG\n    \"image/gif\",   // GIF\n    \"image/bmp\",   // BMP\n    \"image/webp\",  // WebP\n    \"image/svg+xml\", // SVG\n    \"image/tiff\",  // TIFF\n    \"image/x-icon\", // ICO (icon files)\n    \"image/heic\",  // HEIC (High Efficiency Image Format)\n    \"image/heif\"\n  ];\n\n  const isValidFileType = (file: any) => {\n    if (type === \"image\") {\n      return allowedImageTypes.includes(file.type);\n    } else if (type === 'file') {\n      return allowedFileTypes.includes(file.type);\n    }\n  };\n\n\n  const handleUpload = (e: any) => {\n    const files = [...e.target.files];\n    const filterredFiles = files.map(file => {\n      if (file && file.size <= max_size * 1024 * 1024) {\n        if (isValidFileType(file)) {\n          return file\n        } else {\n          enqueueSnackbar(`Invalid file type for ${file.name}. Please upload a valid document.`, { variant: 'error' })\n          return null\n        }\n      }\n    })?.filter(Boolean)\n    onChange(multiple ? (value?.length ? [...value, ...filterredFiles] : filterredFiles) : filterredFiles[0]);\n  };\n\n  const getFileName = (file) => {\n    if (!file) return \"\"\n    if (file instanceof File) {\n      return file.name\n    } else if(typeof file === 'string') { \n      const parts = file?.split('/');\n      return parts?.[parts?.length - 1];\n    } else if(Array.isArray(file) && file?.length > 0) {\n      return file.map(f => {\n        const parts = f?.split('/');\n        return parts?.[parts?.length - 1];\n      }).join(', ')\n    }\n  }\n  // const getImagePreview = (file) => {\n  //   if (!file) return \"\"\n  //   if (file instanceof File) {\n  //     let previewUrl:any = ''\n  //     const reader = new FileReader();\n  //     reader.onload = () => {\n  //       previewUrl = reader.result;\n  //     };\n  //     reader.readAsDataURL(file);\n\n  //     return previewUrl\n  //   } else {\n  //     return file.includes(S3_BUCKET_URL) ? file : S3_BUCKET_URL + file\n  //   }\n  // }\n\n  const getSelectedFiles = (files: any) => {\n\n    if (files) {\n      if (Array.isArray(files)) {\n        return files.map(file => (\n          <Box display=\"flex\" gap={1} mb={1} alignItems='center'>\n            {type === 'file' && <Document fontSize=\"small\" />}\n            {/* {type === 'image' && <Avatar src={getImagePreview(file)} />} */}\n            <Typography\n              type=\"s5\"\n              weight=\"medium\"\n              color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n              data-position={dataPosition}\n              data-name={dataName}\n              noWrap\n            >\n              {getFileName(file)}\n            </Typography>\n          </Box>\n        ))\n      } else {\n        return (\n          <Box display=\"flex\" gap={1} alignItems='center'>\n            {type === 'file' && <Document fontSize=\"small\" />}\n            {/* {type === 'image' && <Avatar src={getImagePreview(files)} />} */}\n            <Typography\n              type=\"s5\"\n              weight={\"medium\"}\n              color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n              data-position={dataPosition}\n              data-name={dataName}\n              noWrap\n            >\n              {getFileName(files)}\n            </Typography>\n          </Box>\n        )\n      }\n    }\n  }\n\n  // useEffect(() => {\n  //   if(!multiple) {\n  //     const parts = value?.split('/');\n  //     // const documentPath = parts?.slice(3, parts.length - 1).join('/');\n  //     const filename = parts?.[parts?.length - 1];\n\n \n  //     if (value) setSelectedFile(filename)\n  //   }\n  // }, [multiple, value])\n\n  return (\n    <>\n      <Typography\n        type=\"s5\"\n        weight={\"medium\"}\n        mb={0.5}\n        color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n        data-position={dataPosition}\n        data-name={dataName}\n      >\n        {label} {required && \" *\"}\n      </Typography>\n      <div style={{ display: \"flex\" }}>\n        <StyledButton\n          component=\"label\"\n          startIcon={\n            <img\n              src={type === \"image\" ? logo.uploadImage : logo.uploadDocument}\n            />\n          }\n          variant=\"outlined\"\n          disabled={disabled}\n        >\n          <Typography type='s5' weight=\"medium\" color=\"theme.secondary.1000\">Upload</Typography>\n          <VisuallyHiddenInput\n            type=\"file\"\n            accept={type === \"file\" ? allowedFileTypes.join(\",\") : (type === 'image' ? allowedImageTypes.join(\",\") : undefined)}\n            // required={required}\n            onChange={handleUpload}\n            name={name}\n            multiple={multiple}\n            {...rest}\n          />\n        </StyledButton>\n      </div >\n      {getSelectedFiles(value)}\n\n    </>\n  );\n})\n\nexport { UploadMedia };\nexport default UploadMedia;\n"],"names":["logo"],"mappings":"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"}

package/dist/components/upload-media/upload-media/index.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../../images/index.js"),t=require("../../button/button/index.js"),a=require("../../typography/typography/index.js"),n=require("../../../node_modules/notistack/notistack.esm/index.js"),o=require("react"),r=require("../../../node_modules/@mui/material/styles/styled/index.js"),l=require("../../../node_modules/@mui/material/Box/Box/index.js"),d=require("../../icons/document/index.js");const s=o.memo(o=>{const{type:s,label:m,disabled:p,error:u,dataName:c,dataPosition:g,required:h,max_size:f=20,onChange:y,name:x,value:v,multiple:j,...b}=o,w=r.default("input")({clip:"rect(0 0 0 0)",clipPath:"inset(50%)",height:1,overflow:"hidden",position:"absolute",bottom:0,left:0,whiteSpace:"nowrap",width:1}),q=r.default(t.default)(({theme:{palette:e}})=>{var i,t,a,n;return{marginBottom:8,"&.MuiButton-outlined":{color:null==(i=e.theme)?void 0:i.primary[1e3]},"&.Mui-disabled":{background:null==(t=e.theme)?void 0:t.secondary[200],color:null==(a=e.theme)?void 0:a.secondary[800],borderWidth:"0.0625rem",borderStyle:"solid",borderColor:null==(n=e.theme)?void 0:n.secondary[400]}}}),_=["image/jpeg","image/png","image/gif","image/bmp","image/webp","image/svg+xml","image/tiff","image/x-icon","image/heic","image/heif"],B=["application/pdf","application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/vnd.ms-powerpoint","application/vnd.oasis.opendocument.text","text/csv","text/plain","application/rtf","application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/vnd.openxmlformats-officedocument.presentationml.presentation","application/vnd.oasis.opendocument.spreadsheet","application/vnd.oasis.opendocument.presentation","image/jpeg","image/png","image/gif","image/bmp","image/webp","image/svg+xml","image/tiff","image/x-icon","image/heic","image/heif"],I=e=>{if(!e)return"";if(e instanceof File)return e.name;if("string"==typeof e){const i=null==e?void 0:e.split("/");return null==i?void 0:i[(null==i?void 0:i.length)-1]}return Array.isArray(e)&&(null==e?void 0:e.length)>0?e.map(e=>{const i=null==e?void 0:e.split("/");return null==i?void 0:i[(null==i?void 0:i.length)-1]}).join(", "):void 0};/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../../images/index.js"),t=require("../../button/button/index.js"),a=require("../../typography/typography/index.js"),o=require("../../../node_modules/notistack/notistack.esm/index.js"),n=require("react"),r=require("../../../node_modules/@mui/material/styles/styled/index.js"),l=require("../../../node_modules/@mui/material/Box/Box/index.js"),d=require("../../icons/document/index.js");const s=n.memo(n=>{const{type:s,label:m,disabled:p,error:u,dataName:c,dataPosition:g,required:h,max_size:f=20,onChange:y,name:x,value:v,multiple:j,...b}=n,w=r.default("input")({clip:"rect(0 0 0 0)",clipPath:"inset(50%)",height:1,overflow:"hidden",position:"absolute",bottom:0,left:0,whiteSpace:"nowrap",width:1}),q=r.default(t.Button)(({theme:{palette:e}})=>{var i,t,a,o;return{marginBottom:8,"&.MuiButton-outlined":{color:null==(i=e.theme)?void 0:i.primary[1e3]},"&.Mui-disabled":{background:null==(t=e.theme)?void 0:t.secondary[200],color:null==(a=e.theme)?void 0:a.secondary[800],borderWidth:"0.0625rem",borderStyle:"solid",borderColor:null==(o=e.theme)?void 0:o.secondary[400]}}}),B=["image/jpeg","image/png","image/gif","image/bmp","image/webp","image/svg+xml","image/tiff","image/x-icon","image/heic","image/heif"],_=["application/pdf","application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/vnd.ms-powerpoint","application/vnd.oasis.opendocument.text","text/csv","text/plain","application/rtf","application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/vnd.openxmlformats-officedocument.presentationml.presentation","application/vnd.oasis.opendocument.spreadsheet","application/vnd.oasis.opendocument.presentation","image/jpeg","image/png","image/gif","image/bmp","image/webp","image/svg+xml","image/tiff","image/x-icon","image/heic","image/heif"],I=e=>{if(!e)return"";if(e instanceof File)return e.name;if("string"==typeof e){const i=null==e?void 0:e.split("/");return null==i?void 0:i[(null==i?void 0:i.length)-1]}return Array.isArray(e)&&(null==e?void 0:e.length)>0?e.map(e=>{const i=null==e?void 0:e.split("/");return null==i?void 0:i[(null==i?void 0:i.length)-1]}).join(", "):void 0};/* @__PURE__ */
 return e.jsxs(e.Fragment,{children:[
 /* @__PURE__ */e.jsxs(a.Typography,{type:"s5",weight:"medium",mb:.5,color:u?"theme.error.600":"theme.secondary.800","data-position":g,"data-name":c,children:[m," ",h&&" *"]}),
 /* @__PURE__ */e.jsx("div",{style:{display:"flex"},children:/* @__PURE__ */e.jsxs(q,{component:"label",startIcon:/* @__PURE__ */e.jsx("img",{src:"image"===s?i.images.uploadImage:i.images.uploadDocument}),variant:"outlined",disabled:p,children:[
 /* @__PURE__ */e.jsx(a.Typography,{type:"s5",weight:"medium",color:"theme.secondary.1000",children:"Upload"}),
-/* @__PURE__ */e.jsx(w,{type:"file",accept:"file"===s?B.join(","):"image"===s?_.join(","):void 0,onChange:e=>{var i;const t=null==(i=[...e.target.files].map(e=>{if(e&&e.size<=1024*f*1024)return(e=>"image"===s?_.includes(e.type):"file"===s?B.includes(e.type):void 0)(e)?e:(n.enqueueSnackbar(`Invalid file type for ${e.name}. Please upload a valid document.`,{variant:"error"}),null)}))?void 0:i.filter(Boolean);y(j?(null==v?void 0:v.length)?[...v,...t]:t:t[0])},name:x,multiple:j,...b})]})}),(i=>{if(i)return Array.isArray(i)?i.map(i=>/* @__PURE__ */e.jsxs(l.default,{display:"flex",gap:1,mb:1,alignItems:"center",children:["file"===s&&/* @__PURE__ */e.jsx(d.Document,{fontSize:"small"}),
+/* @__PURE__ */e.jsx(w,{type:"file",accept:"file"===s?_.join(","):"image"===s?B.join(","):void 0,onChange:e=>{var i;const t=null==(i=[...e.target.files].map(e=>{if(e&&e.size<=1024*f*1024)return(e=>"image"===s?B.includes(e.type):"file"===s?_.includes(e.type):void 0)(e)?e:(o.enqueueSnackbar(`Invalid file type for ${e.name}. Please upload a valid document.`,{variant:"error"}),null)}))?void 0:i.filter(Boolean);y(j?(null==v?void 0:v.length)?[...v,...t]:t:t[0])},name:x,multiple:j,...b})]})}),(i=>{if(i)return Array.isArray(i)?i.map(i=>/* @__PURE__ */e.jsxs(l.default,{display:"flex",gap:1,mb:1,alignItems:"center",children:["file"===s&&/* @__PURE__ */e.jsx(d.Document,{fontSize:"small"}),
 /* @__PURE__ */e.jsx(a.Typography,{type:"s5",weight:"medium",color:u?"theme.error.600":"theme.secondary.800","data-position":g,"data-name":c,noWrap:!0,children:I(i)})]})):/* @__PURE__ */e.jsxs(l.default,{display:"flex",gap:1,alignItems:"center",children:["file"===s&&/* @__PURE__ */e.jsx(d.Document,{fontSize:"small"}),
-/* @__PURE__ */e.jsx(a.Typography,{type:"s5",weight:"medium",color:u?"theme.error.600":"theme.secondary.800","data-position":g,"data-name":c,noWrap:!0,children:I(i)})]})})(v)]})});exports.default=s;
+/* @__PURE__ */e.jsx(a.Typography,{type:"s5",weight:"medium",color:u?"theme.error.600":"theme.secondary.800","data-position":g,"data-name":c,noWrap:!0,children:I(i)})]})})(v)]})});exports.UploadMedia=s,exports.default=s;
 //# sourceMappingURL=index.js.map

package/dist/components/upload-media/upload-media/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/upload-media/upload-media.tsx"],"sourcesContent":["import { Box, styled } from \"@mui/material\";\nimport logo from \"../../assets/images\";\nimport Button from \"../button/button\";\nimport Typography from \"../typography/typography\";\n// import { useEffect, useState } from \"react\";\nimport { Document } from \"../icons\";\nimport { enqueueSnackbar } from \"notistack\";\nimport { memo } from \"react\";\n// import Avatar from \"../avatar/avatar\";\n\nexport interface UploadImageProps {\n  type?: string;\n  label: string;\n  disabled?: boolean;\n  error?: boolean;\n  dataPosition?: number;\n  dataName?: string;\n  required?: boolean;\n  max_size?: number;\n  name: string;\n  value: string;\n  onChange: (e: any) => any;\n  multiple: boolean\n}\nconst UploadMedia = memo((props: UploadImageProps) => {\n  const {\n    type,\n    label,\n    disabled,\n    error,\n    dataName,\n    dataPosition,\n    required,\n    max_size = 20,\n    onChange,\n    name,\n    value,\n    multiple,\n    ...rest\n  } = props;\n\n  const VisuallyHiddenInput = styled(\"input\")({\n    clip: \"rect(0 0 0 0)\",\n    clipPath: \"inset(50%)\",\n    height: 1,\n    overflow: \"hidden\",\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    whiteSpace: \"nowrap\",\n    width: 1,\n  });\n\n  // const [selectedFile, setSelectedFile] = useState<string | null>(null);\n  const StyledButton = styled(Button)(({ theme: { palette } }) => ({\n    marginBottom: 8,\n    \"&.MuiButton-outlined\": {\n      color: palette.theme?.primary[1000],\n    },\n    \"&.Mui-disabled\": {\n      background: palette.theme?.secondary[200],\n      color: palette.theme?.secondary[800],\n      borderWidth: \"0.0625rem\",\n      borderStyle: \"solid\",\n      borderColor: palette.theme?.secondary[400],\n    },\n  }));\n\n  const allowedImageTypes = [\n    \"image/jpeg\",  // JPG, JPEG\n    \"image/png\",   // PNG\n    \"image/gif\",   // GIF\n    \"image/bmp\",   // BMP\n    \"image/webp\",  // WebP\n    \"image/svg+xml\", // SVG\n    \"image/tiff\",  // TIFF\n    \"image/x-icon\", // ICO (icon files)\n    \"image/heic\",  // HEIC (High Efficiency Image Format)\n    \"image/heif\"\n  ]\n  const allowedFileTypes = [\n    \"application/pdf\",\n    \"application/msword\",\n    \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n    'application/vnd.ms-powerpoint',\n    'application/vnd.oasis.opendocument.text',\n    'text/csv',\n    'text/plain',\n    'application/rtf',\n    'application/vnd.ms-excel',\n    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n    'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n    'application/vnd.oasis.opendocument.spreadsheet',\n    'application/vnd.oasis.opendocument.presentation',\n    \"image/jpeg\",  // JPG, JPEG\n    \"image/png\",   // PNG\n    \"image/gif\",   // GIF\n    \"image/bmp\",   // BMP\n    \"image/webp\",  // WebP\n    \"image/svg+xml\", // SVG\n    \"image/tiff\",  // TIFF\n    \"image/x-icon\", // ICO (icon files)\n    \"image/heic\",  // HEIC (High Efficiency Image Format)\n    \"image/heif\"\n  ];\n\n  const isValidFileType = (file: any) => {\n    if (type === \"image\") {\n      return allowedImageTypes.includes(file.type);\n    } else if (type === 'file') {\n      return allowedFileTypes.includes(file.type);\n    }\n  };\n\n\n  const handleUpload = (e: any) => {\n    const files = [...e.target.files];\n    const filterredFiles = files.map(file => {\n      if (file && file.size <= max_size * 1024 * 1024) {\n        if (isValidFileType(file)) {\n          return file\n        } else {\n          enqueueSnackbar(`Invalid file type for ${file.name}. Please upload a valid document.`, { variant: 'error' })\n          return null\n        }\n      }\n    })?.filter(Boolean)\n    onChange(multiple ? (value?.length ? [...value, ...filterredFiles] : filterredFiles) : filterredFiles[0]);\n  };\n\n  const getFileName = (file) => {\n    if (!file) return \"\"\n    if (file instanceof File) {\n      return file.name\n    } else if(typeof file === 'string') { \n      const parts = file?.split('/');\n      return parts?.[parts?.length - 1];\n    } else if(Array.isArray(file) && file?.length > 0) {\n      return file.map(f => {\n        const parts = f?.split('/');\n        return parts?.[parts?.length - 1];\n      }).join(', ')\n    }\n  }\n  // const getImagePreview = (file) => {\n  //   if (!file) return \"\"\n  //   if (file instanceof File) {\n  //     let previewUrl:any = ''\n  //     const reader = new FileReader();\n  //     reader.onload = () => {\n  //       previewUrl = reader.result;\n  //     };\n  //     reader.readAsDataURL(file);\n\n  //     return previewUrl\n  //   } else {\n  //     return file.includes(S3_BUCKET_URL) ? file : S3_BUCKET_URL + file\n  //   }\n  // }\n\n  const getSelectedFiles = (files: any) => {\n\n    if (files) {\n      if (Array.isArray(files)) {\n        return files.map(file => (\n          <Box display=\"flex\" gap={1} mb={1} alignItems='center'>\n            {type === 'file' && <Document fontSize=\"small\" />}\n            {/* {type === 'image' && <Avatar src={getImagePreview(file)} />} */}\n            <Typography\n              type=\"s5\"\n              weight=\"medium\"\n              color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n              data-position={dataPosition}\n              data-name={dataName}\n              noWrap\n            >\n              {getFileName(file)}\n            </Typography>\n          </Box>\n        ))\n      } else {\n        return (\n          <Box display=\"flex\" gap={1} alignItems='center'>\n            {type === 'file' && <Document fontSize=\"small\" />}\n            {/* {type === 'image' && <Avatar src={getImagePreview(files)} />} */}\n            <Typography\n              type=\"s5\"\n              weight={\"medium\"}\n              color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n              data-position={dataPosition}\n              data-name={dataName}\n              noWrap\n            >\n              {getFileName(files)}\n            </Typography>\n          </Box>\n        )\n      }\n    }\n  }\n\n  // useEffect(() => {\n  //   if(!multiple) {\n  //     const parts = value?.split('/');\n  //     // const documentPath = parts?.slice(3, parts.length - 1).join('/');\n  //     const filename = parts?.[parts?.length - 1];\n\n \n  //     if (value) setSelectedFile(filename)\n  //   }\n  // }, [multiple, value])\n\n  return (\n    <>\n      <Typography\n        type=\"s5\"\n        weight={\"medium\"}\n        mb={0.5}\n        color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n        data-position={dataPosition}\n        data-name={dataName}\n      >\n        {label} {required && \" *\"}\n      </Typography>\n      <div style={{ display: \"flex\" }}>\n        <StyledButton\n          component=\"label\"\n          startIcon={\n            <img\n              src={type === \"image\" ? logo.uploadImage : logo.uploadDocument}\n            />\n          }\n          variant=\"outlined\"\n          disabled={disabled}\n        >\n          <Typography type='s5' weight=\"medium\" color=\"theme.secondary.1000\">Upload</Typography>\n          <VisuallyHiddenInput\n            type=\"file\"\n            accept={type === \"file\" ? allowedFileTypes.join(\",\") : (type === 'image' ? allowedImageTypes.join(\",\") : undefined)}\n            // required={required}\n            onChange={handleUpload}\n            name={name}\n            multiple={multiple}\n            {...rest}\n          />\n        </StyledButton>\n      </div >\n      {getSelectedFiles(value)}\n\n    </>\n  );\n})\n\nexport default UploadMedia;\n"],"names":["UploadMedia","memo","props","type","label","disabled","error","dataName","dataPosition","required","max_size","onChange","name","value","multiple","rest","VisuallyHiddenInput","styled","clip","clipPath","height","overflow","position","bottom","left","whiteSpace","width","StyledButton","Button","theme","palette","marginBottom","color","_a","primary","background","_b","secondary","_c","borderWidth","borderStyle","borderColor","_d","allowedImageTypes","allowedFileTypes","getFileName","file","File","parts","split","length","Array","isArray","map","f","join","jsxs","Fragment","children","Typography","weight","mb","style","display","component","startIcon","jsx","src","logo","uploadImage","uploadDocument","variant","accept","e","filterredFiles","target","files","size","includes","isValidFileType","enqueueSnackbar","filter","Boolean","Box","gap","alignItems","Document","fontSize","noWrap","getSelectedFiles"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/upload-media/upload-media.tsx"],"sourcesContent":["import { Box, styled } from \"@mui/material\";\nimport logo from \"../../assets/images\";\nimport Button from \"../button/button\";\nimport Typography from \"../typography/typography\";\n// import { useEffect, useState } from \"react\";\nimport { Document } from \"../icons\";\nimport { enqueueSnackbar } from \"notistack\";\nimport { memo } from \"react\";\n// import Avatar from \"../avatar/avatar\";\n\nexport interface UploadImageProps {\n  type?: string;\n  label: string;\n  disabled?: boolean;\n  error?: boolean;\n  dataPosition?: number;\n  dataName?: string;\n  required?: boolean;\n  max_size?: number;\n  name: string;\n  value: string;\n  onChange: (e: any) => any;\n  multiple: boolean\n}\nconst UploadMedia = memo((props: UploadImageProps) => {\n  const {\n    type,\n    label,\n    disabled,\n    error,\n    dataName,\n    dataPosition,\n    required,\n    max_size = 20,\n    onChange,\n    name,\n    value,\n    multiple,\n    ...rest\n  } = props;\n\n  const VisuallyHiddenInput = styled(\"input\")({\n    clip: \"rect(0 0 0 0)\",\n    clipPath: \"inset(50%)\",\n    height: 1,\n    overflow: \"hidden\",\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    whiteSpace: \"nowrap\",\n    width: 1,\n  });\n\n  // const [selectedFile, setSelectedFile] = useState<string | null>(null);\n  const StyledButton = styled(Button)(({ theme: { palette } }) => ({\n    marginBottom: 8,\n    \"&.MuiButton-outlined\": {\n      color: palette.theme?.primary[1000],\n    },\n    \"&.Mui-disabled\": {\n      background: palette.theme?.secondary[200],\n      color: palette.theme?.secondary[800],\n      borderWidth: \"0.0625rem\",\n      borderStyle: \"solid\",\n      borderColor: palette.theme?.secondary[400],\n    },\n  }));\n\n  const allowedImageTypes = [\n    \"image/jpeg\",  // JPG, JPEG\n    \"image/png\",   // PNG\n    \"image/gif\",   // GIF\n    \"image/bmp\",   // BMP\n    \"image/webp\",  // WebP\n    \"image/svg+xml\", // SVG\n    \"image/tiff\",  // TIFF\n    \"image/x-icon\", // ICO (icon files)\n    \"image/heic\",  // HEIC (High Efficiency Image Format)\n    \"image/heif\"\n  ]\n  const allowedFileTypes = [\n    \"application/pdf\",\n    \"application/msword\",\n    \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n    'application/vnd.ms-powerpoint',\n    'application/vnd.oasis.opendocument.text',\n    'text/csv',\n    'text/plain',\n    'application/rtf',\n    'application/vnd.ms-excel',\n    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n    'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n    'application/vnd.oasis.opendocument.spreadsheet',\n    'application/vnd.oasis.opendocument.presentation',\n    \"image/jpeg\",  // JPG, JPEG\n    \"image/png\",   // PNG\n    \"image/gif\",   // GIF\n    \"image/bmp\",   // BMP\n    \"image/webp\",  // WebP\n    \"image/svg+xml\", // SVG\n    \"image/tiff\",  // TIFF\n    \"image/x-icon\", // ICO (icon files)\n    \"image/heic\",  // HEIC (High Efficiency Image Format)\n    \"image/heif\"\n  ];\n\n  const isValidFileType = (file: any) => {\n    if (type === \"image\") {\n      return allowedImageTypes.includes(file.type);\n    } else if (type === 'file') {\n      return allowedFileTypes.includes(file.type);\n    }\n  };\n\n\n  const handleUpload = (e: any) => {\n    const files = [...e.target.files];\n    const filterredFiles = files.map(file => {\n      if (file && file.size <= max_size * 1024 * 1024) {\n        if (isValidFileType(file)) {\n          return file\n        } else {\n          enqueueSnackbar(`Invalid file type for ${file.name}. Please upload a valid document.`, { variant: 'error' })\n          return null\n        }\n      }\n    })?.filter(Boolean)\n    onChange(multiple ? (value?.length ? [...value, ...filterredFiles] : filterredFiles) : filterredFiles[0]);\n  };\n\n  const getFileName = (file) => {\n    if (!file) return \"\"\n    if (file instanceof File) {\n      return file.name\n    } else if(typeof file === 'string') { \n      const parts = file?.split('/');\n      return parts?.[parts?.length - 1];\n    } else if(Array.isArray(file) && file?.length > 0) {\n      return file.map(f => {\n        const parts = f?.split('/');\n        return parts?.[parts?.length - 1];\n      }).join(', ')\n    }\n  }\n  // const getImagePreview = (file) => {\n  //   if (!file) return \"\"\n  //   if (file instanceof File) {\n  //     let previewUrl:any = ''\n  //     const reader = new FileReader();\n  //     reader.onload = () => {\n  //       previewUrl = reader.result;\n  //     };\n  //     reader.readAsDataURL(file);\n\n  //     return previewUrl\n  //   } else {\n  //     return file.includes(S3_BUCKET_URL) ? file : S3_BUCKET_URL + file\n  //   }\n  // }\n\n  const getSelectedFiles = (files: any) => {\n\n    if (files) {\n      if (Array.isArray(files)) {\n        return files.map(file => (\n          <Box display=\"flex\" gap={1} mb={1} alignItems='center'>\n            {type === 'file' && <Document fontSize=\"small\" />}\n            {/* {type === 'image' && <Avatar src={getImagePreview(file)} />} */}\n            <Typography\n              type=\"s5\"\n              weight=\"medium\"\n              color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n              data-position={dataPosition}\n              data-name={dataName}\n              noWrap\n            >\n              {getFileName(file)}\n            </Typography>\n          </Box>\n        ))\n      } else {\n        return (\n          <Box display=\"flex\" gap={1} alignItems='center'>\n            {type === 'file' && <Document fontSize=\"small\" />}\n            {/* {type === 'image' && <Avatar src={getImagePreview(files)} />} */}\n            <Typography\n              type=\"s5\"\n              weight={\"medium\"}\n              color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n              data-position={dataPosition}\n              data-name={dataName}\n              noWrap\n            >\n              {getFileName(files)}\n            </Typography>\n          </Box>\n        )\n      }\n    }\n  }\n\n  // useEffect(() => {\n  //   if(!multiple) {\n  //     const parts = value?.split('/');\n  //     // const documentPath = parts?.slice(3, parts.length - 1).join('/');\n  //     const filename = parts?.[parts?.length - 1];\n\n \n  //     if (value) setSelectedFile(filename)\n  //   }\n  // }, [multiple, value])\n\n  return (\n    <>\n      <Typography\n        type=\"s5\"\n        weight={\"medium\"}\n        mb={0.5}\n        color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n        data-position={dataPosition}\n        data-name={dataName}\n      >\n        {label} {required && \" *\"}\n      </Typography>\n      <div style={{ display: \"flex\" }}>\n        <StyledButton\n          component=\"label\"\n          startIcon={\n            <img\n              src={type === \"image\" ? logo.uploadImage : logo.uploadDocument}\n            />\n          }\n          variant=\"outlined\"\n          disabled={disabled}\n        >\n          <Typography type='s5' weight=\"medium\" color=\"theme.secondary.1000\">Upload</Typography>\n          <VisuallyHiddenInput\n            type=\"file\"\n            accept={type === \"file\" ? allowedFileTypes.join(\",\") : (type === 'image' ? allowedImageTypes.join(\",\") : undefined)}\n            // required={required}\n            onChange={handleUpload}\n            name={name}\n            multiple={multiple}\n            {...rest}\n          />\n        </StyledButton>\n      </div >\n      {getSelectedFiles(value)}\n\n    </>\n  );\n})\n\nexport { UploadMedia };\nexport default UploadMedia;\n"],"names":["UploadMedia","memo","props","type","label","disabled","error","dataName","dataPosition","required","max_size","onChange","name","value","multiple","rest","VisuallyHiddenInput","styled","clip","clipPath","height","overflow","position","bottom","left","whiteSpace","width","StyledButton","Button","theme","palette","marginBottom","color","_a","primary","background","_b","secondary","_c","borderWidth","borderStyle","borderColor","_d","allowedImageTypes","allowedFileTypes","getFileName","file","File","parts","split","length","Array","isArray","map","f","join","jsxs","Fragment","children","Typography","weight","mb","style","display","component","startIcon","jsx","src","logo","uploadImage","uploadDocument","variant","accept","e","filterredFiles","target","files","size","includes","isValidFileType","enqueueSnackbar","filter","Boolean","Box","gap","alignItems","Document","fontSize","noWrap","getSelectedFiles"],"mappings":"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"}

package/dist/components/upload-media/upload-media.d.ts

@@ -13,4 +13,5 @@ export interface UploadImageProps {
     multiple: boolean;
 }
 declare const UploadMedia: import('react').MemoExoticComponent<(props: UploadImageProps) => import("react/jsx-runtime").JSX.Element>;
+export { UploadMedia };
 export default UploadMedia;

package/dist/components/user-dropdown/user-dropdown/index.esm.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 /* empty css                              */
-import Checkbox from "../../checkbox/checkbox/index.esm.js";
+import { Checkbox } from "../../checkbox/checkbox/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
 import List from "../../../node_modules/@mui/material/List/List/index.esm.js";
 import ListItem from "../../../node_modules/@mui/material/ListItem/ListItem/index.esm.js";

package/dist/components/user-dropdown/user-dropdown/index.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react");;/* empty css                           */var i=,/* empty css                             */r=,/* empty css                                 */t=,/* empty css                                                   */d=,/* empty css                                                           */n=;/* empty css                                                                   */const l=l=>{const{value:a,data:o,onCheckboxChange:u,...c}=l,{isRoleVisible:m,selectedUsers:x}=a,[p,h]=s.useState(x),[j,v]=s.useState([]),y=(e,s)=>()=>{const i=p.findIndex(s=>s.id===e),r=[...p];-1===i?r.push(s):r.splice(i,1),h(r),u(r)};return s.useEffect(()=>{v(m?(null==o?void 0:o.departments)??[]:(null==o?void 0:o.users)??[])},[m,o]),/* @__PURE__ */e.jsx("div",{className:"SwitchList",...c,children:/* @__PURE__ */e.jsx(t.default,{children:j&&(null==j?void 0:j.map(s=>{var t;const l=`checkbox-list-secondary-label-${s.id}`;/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react");;/* empty css                           */var i=,/* empty css                             */r=,/* empty css                                 */t=,/* empty css                                                   */d=,/* empty css                                                           */n=;/* empty css                                                                   */const l=l=>{const{value:o,data:a,onCheckboxChange:u,...c}=l,{isRoleVisible:x,selectedUsers:m}=o,[p,h]=s.useState(m),[j,v]=s.useState([]),y=(e,s)=>()=>{const i=p.findIndex(s=>s.id===e),r=[...p];-1===i?r.push(s):r.splice(i,1),h(r),u(r)};return s.useEffect(()=>{v(x?(null==a?void 0:a.departments)??[]:(null==a?void 0:a.users)??[])},[x,a]),/* @__PURE__ */e.jsx("div",{className:"SwitchList",...c,children:/* @__PURE__ */e.jsx(t.default,{children:j&&(null==j?void 0:j.map(s=>{var t;const l=`checkbox-list-secondary-label-${s.id}`;/* @__PURE__ */
 return e.jsxs(d.default,{sx:{cursor:"pointer"},onClick:y(s.id,s),children:[
-/* @__PURE__ */e.jsx(n.default,{id:l,children:/* @__PURE__ */e.jsx(r.Typography,{dangerouslySetInnerHTML:{__html:`${m?null==s?void 0:s.name:`${null==s?void 0:s.first_name} ${null==s?void 0:s.last_name}`} <span>${m?s.count+" Users":null==(t=null==s?void 0:s.department)?void 0:t.name}</span>`}})}),
-/* @__PURE__ */e.jsx("div",{className:"list-secondary-content",children:/* @__PURE__ */e.jsx(i.default,{edge:"end",checked:p.some(e=>e.id===s.id),inputProps:{"aria-labelledby":l}})})]},s.id)}))})})};exports.UserDropdown=l,exports.default=l;
+/* @__PURE__ */e.jsx(n.default,{id:l,children:/* @__PURE__ */e.jsx(r.Typography,{dangerouslySetInnerHTML:{__html:`${x?null==s?void 0:s.name:`${null==s?void 0:s.first_name} ${null==s?void 0:s.last_name}`} <span>${x?s.count+" Users":null==(t=null==s?void 0:s.department)?void 0:t.name}</span>`}})}),
+/* @__PURE__ */e.jsx("div",{className:"list-secondary-content",children:/* @__PURE__ */e.jsx(i.Checkbox,{edge:"end",checked:p.some(e=>e.id===s.id),inputProps:{"aria-labelledby":l}})})]},s.id)}))})})};exports.UserDropdown=l,exports.default=l;
 //# sourceMappingURL=index.js.map

package/dist/components/user-dropdown/user-dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/user-dropdown/user-dropdown.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport List from \"@mui/material/List\";\nimport ListItem from \"@mui/material/ListItem\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport \"./user-dropdown.scss\";\nimport Checkbox from \"../checkbox/checkbox\";\n// import Toggle from \"../toggle/toggle\";\nimport Typography from \"../typography/typography\";\n// import FormControlLabel from \"@mui/material/FormControlLabel\";\n\ninterface UserDropdownProps {\n  value: {\n    isRoleVisible: boolean;\n    selectedUsers: number[];\n  };\n  data: any;\n  onToggleChange: () => void;\n  onCheckboxChange: (values: number[]) => void;\n}\n\nexport const UserDropdown = (props: UserDropdownProps) => {\n  const { value, data,  onCheckboxChange, ...rest } = props;\n  const { isRoleVisible, selectedUsers } = value;\n  const [checked, setChecked] = useState(selectedUsers);\n  const [dropdownData, setDropdownData] = useState([]);\n\n  // const handleToggle = () => {\n  //   onToggleChange();\n  //   setDropdownData([]);\n  // };\n\n  const handleCheckbox = (value: number, item: any) => () => {\n    const currentIndex = checked.findIndex(\n      (user: any) => (isRoleVisible ? user.id : user.id) === value,\n    );\n    const newChecked = [...checked];\n\n    if (currentIndex === -1) {\n      newChecked.push(item);\n    } else {\n      newChecked.splice(currentIndex, 1);\n    }\n\n    setChecked(newChecked);\n    onCheckboxChange(newChecked);\n  };\n\n  useEffect(() => {\n    if (isRoleVisible) {\n      setDropdownData(data?.departments ?? []);\n    } else {\n      setDropdownData(data?.users ?? []);\n    }\n    // eslint-disable-next-line\n  }, [isRoleVisible, data]);\n\n  return (\n    <div className=\"SwitchList\" {...rest}>\n    \n      <List>\n        {dropdownData &&\n          dropdownData?.map((item: any) => {\n            const labelId = `checkbox-list-secondary-label-${item.id}`;\n\n            return (\n              <ListItem key={item.id} sx={{cursor:'pointer'}} onClick={handleCheckbox(\n                      isRoleVisible ? item.id : item.id,\n                      item, // Pass the entire item to the handleCheckbox function\n                    )}>\n                <ListItemText id={labelId}>\n                  <Typography\n                    dangerouslySetInnerHTML={{\n                      __html: `${\n                        isRoleVisible\n                          ? item?.name\n                          : `${item?.first_name} ${item?.last_name}`\n                      } <span>${\n                        isRoleVisible\n                          ? item.count + \" Users\"\n                          : item?.department?.name\n                      }</span>`,\n                    }}\n                  />\n                </ListItemText>\n                <div className=\"list-secondary-content\">\n                  <Checkbox\n                    edge=\"end\"\n                   \n                    checked={checked.some(\n                      (user: any) =>\n                        (isRoleVisible ? user.id : user.id) ===\n                        (isRoleVisible ? item.id : item.id),\n                    )}\n                    inputProps={{ \"aria-labelledby\": labelId }}\n                  />\n                </div>\n              </ListItem>\n            );\n          })}\n      </List>\n    </div>\n  );\n};\n\nexport default UserDropdown;\n"],"names":["UserDropdown","props","value","data","onCheckboxChange","rest","isRoleVisible","selectedUsers","checked","setChecked","useState","dropdownData","setDropdownData","handleCheckbox","item","currentIndex","findIndex","user","id","newChecked","push","splice","useEffect","departments","users","jsx","className","children","List","map","labelId","ListItem","sx","cursor","onClick","ListItemText","Typography","dangerouslySetInnerHTML","__html","name","first_name","last_name","count","_a","department","Checkbox","edge","some","inputProps"],"mappings":"4eAoBO,MAAMA,EAAgBC,IAC3B,MAAMC,MAAEA,EAAAC,KAAOA,EAAAC,iBAAOA,KAAqBC,GAASJ,GAC9CK,cAAEA,EAAAC,cAAeA,GAAkBL,GAClCM,EAASC,GAAcC,EAAAA,SAASH,IAChCI,EAAcC,GAAmBF,EAAAA,SAAS,IAO3CG,EAAiB,CAACX,EAAeY,IAAc,KACnD,MAAMC,EAAeP,EAAQQ,UAC1BC,GAA+BA,EAAKC,KAAkBhB,GAEnDiB,EAAa,IAAIX,IAEF,IAAjBO,EACFI,EAAWC,KAAKN,GAEhBK,EAAWE,OAAON,EAAc,GAGlCN,EAAWU,GACXf,EAAiBe,IAYnB,OATAG,EAAAA,UAAU,KAENV,EADEN,GACc,MAAAH,OAAA,EAAAA,EAAMoB,cAAe,IAErB,MAAApB,OAAA,EAAAA,EAAMqB,QAAS,KAGhC,CAAClB,EAAeH,qBAGjBsB,IAAC,MAAA,CAAIC,UAAU,gBAAiBrB,EAE9BsB,0BAAAF,IAACG,EAAAA,QAAA,CACED,SAAAhB,IACC,MAAAA,OAAA,EAAAA,EAAckB,IAAKf,UACjB,MAAMgB,EAAU,iCAAiChB,EAAKI;AAEtD,cACGa,EAAAA,QAAA,CAAuBC,GAAI,CAACC,OAAO,WAAYC,QAASrB,EACjCC,EAAKI,GACrBJ,GAENa,SAAA;eAAAF,EAAAA,IAACU,EAAAA,QAAA,CAAajB,GAAIY,EAChBH,wBAAAF,EAAAA,IAACW,EAAAA,WAAA,CACCC,wBAAyB,CACvBC,OAAQ,GACNhC,EACI,MAAAQ,OAAA,EAAAA,EAAMyB,KACN,GAAG,MAAAzB,OAAA,EAAAA,EAAM0B,cAAc,MAAA1B,OAAA,EAAAA,EAAM2B,qBAEjCnC,EACIQ,EAAK4B,MAAQ,SACb,OAAAC,EAAA,MAAA7B,OAAA,EAAAA,EAAM8B,qBAAYL;iBAK9Bd,IAAC,MAAA,CAAIC,UAAU,yBACbC,wBAAAF,EAAAA,IAACoB,EAAAA,QAAA,CACCC,KAAK,MAELtC,QAASA,EAAQuC,KACd9B,GACkBA,EAAKC,KACLJ,EAAKI,IAE1B8B,WAAY,CAAE,kBAAmBlB,SA5BxBhB,EAAKI"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/user-dropdown/user-dropdown.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport List from \"@mui/material/List\";\nimport ListItem from \"@mui/material/ListItem\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport \"./user-dropdown.scss\";\nimport Checkbox from \"../checkbox/checkbox\";\n// import Toggle from \"../toggle/toggle\";\nimport Typography from \"../typography/typography\";\n// import FormControlLabel from \"@mui/material/FormControlLabel\";\n\ninterface UserDropdownProps {\n  value: {\n    isRoleVisible: boolean;\n    selectedUsers: number[];\n  };\n  data: any;\n  onToggleChange: () => void;\n  onCheckboxChange: (values: number[]) => void;\n}\n\nexport const UserDropdown = (props: UserDropdownProps) => {\n  const { value, data,  onCheckboxChange, ...rest } = props;\n  const { isRoleVisible, selectedUsers } = value;\n  const [checked, setChecked] = useState(selectedUsers);\n  const [dropdownData, setDropdownData] = useState([]);\n\n  // const handleToggle = () => {\n  //   onToggleChange();\n  //   setDropdownData([]);\n  // };\n\n  const handleCheckbox = (value: number, item: any) => () => {\n    const currentIndex = checked.findIndex(\n      (user: any) => (isRoleVisible ? user.id : user.id) === value,\n    );\n    const newChecked = [...checked];\n\n    if (currentIndex === -1) {\n      newChecked.push(item);\n    } else {\n      newChecked.splice(currentIndex, 1);\n    }\n\n    setChecked(newChecked);\n    onCheckboxChange(newChecked);\n  };\n\n  useEffect(() => {\n    if (isRoleVisible) {\n      setDropdownData(data?.departments ?? []);\n    } else {\n      setDropdownData(data?.users ?? []);\n    }\n    // eslint-disable-next-line\n  }, [isRoleVisible, data]);\n\n  return (\n    <div className=\"SwitchList\" {...rest}>\n    \n      <List>\n        {dropdownData &&\n          dropdownData?.map((item: any) => {\n            const labelId = `checkbox-list-secondary-label-${item.id}`;\n\n            return (\n              <ListItem key={item.id} sx={{cursor:'pointer'}} onClick={handleCheckbox(\n                      isRoleVisible ? item.id : item.id,\n                      item, // Pass the entire item to the handleCheckbox function\n                    )}>\n                <ListItemText id={labelId}>\n                  <Typography\n                    dangerouslySetInnerHTML={{\n                      __html: `${\n                        isRoleVisible\n                          ? item?.name\n                          : `${item?.first_name} ${item?.last_name}`\n                      } <span>${\n                        isRoleVisible\n                          ? item.count + \" Users\"\n                          : item?.department?.name\n                      }</span>`,\n                    }}\n                  />\n                </ListItemText>\n                <div className=\"list-secondary-content\">\n                  <Checkbox\n                    edge=\"end\"\n                   \n                    checked={checked.some(\n                      (user: any) =>\n                        (isRoleVisible ? user.id : user.id) ===\n                        (isRoleVisible ? item.id : item.id),\n                    )}\n                    inputProps={{ \"aria-labelledby\": labelId }}\n                  />\n                </div>\n              </ListItem>\n            );\n          })}\n      </List>\n    </div>\n  );\n};\n\nexport default UserDropdown;\n"],"names":["UserDropdown","props","value","data","onCheckboxChange","rest","isRoleVisible","selectedUsers","checked","setChecked","useState","dropdownData","setDropdownData","handleCheckbox","item","currentIndex","findIndex","user","id","newChecked","push","splice","useEffect","departments","users","jsx","className","children","List","map","labelId","ListItem","sx","cursor","onClick","ListItemText","Typography","dangerouslySetInnerHTML","__html","name","first_name","last_name","count","_a","department","Checkbox","edge","some","inputProps"],"mappings":"4eAoBO,MAAMA,EAAgBC,IAC3B,MAAMC,MAAEA,EAAAC,KAAOA,EAAAC,iBAAOA,KAAqBC,GAASJ,GAC9CK,cAAEA,EAAAC,cAAeA,GAAkBL,GAClCM,EAASC,GAAcC,EAAAA,SAASH,IAChCI,EAAcC,GAAmBF,EAAAA,SAAS,IAO3CG,EAAiB,CAACX,EAAeY,IAAc,KACnD,MAAMC,EAAeP,EAAQQ,UAC1BC,GAA+BA,EAAKC,KAAkBhB,GAEnDiB,EAAa,IAAIX,IAEF,IAAjBO,EACFI,EAAWC,KAAKN,GAEhBK,EAAWE,OAAON,EAAc,GAGlCN,EAAWU,GACXf,EAAiBe,IAYnB,OATAG,EAAAA,UAAU,KAENV,EADEN,GACc,MAAAH,OAAA,EAAAA,EAAMoB,cAAe,IAErB,MAAApB,OAAA,EAAAA,EAAMqB,QAAS,KAGhC,CAAClB,EAAeH,qBAGjBsB,IAAC,MAAA,CAAIC,UAAU,gBAAiBrB,EAE9BsB,0BAAAF,IAACG,EAAAA,QAAA,CACED,SAAAhB,IACC,MAAAA,OAAA,EAAAA,EAAckB,IAAKf,UACjB,MAAMgB,EAAU,iCAAiChB,EAAKI;AAEtD,cACGa,EAAAA,QAAA,CAAuBC,GAAI,CAACC,OAAO,WAAYC,QAASrB,EACjCC,EAAKI,GACrBJ,GAENa,SAAA;eAAAF,EAAAA,IAACU,EAAAA,QAAA,CAAajB,GAAIY,EAChBH,wBAAAF,EAAAA,IAACW,EAAAA,WAAA,CACCC,wBAAyB,CACvBC,OAAQ,GACNhC,EACI,MAAAQ,OAAA,EAAAA,EAAMyB,KACN,GAAG,MAAAzB,OAAA,EAAAA,EAAM0B,cAAc,MAAA1B,OAAA,EAAAA,EAAM2B,qBAEjCnC,EACIQ,EAAK4B,MAAQ,SACb,OAAAC,EAAA,MAAA7B,OAAA,EAAAA,EAAM8B,qBAAYL;iBAK9Bd,IAAC,MAAA,CAAIC,UAAU,yBACbC,wBAAAF,EAAAA,IAACoB,EAAAA,SAAA,CACCC,KAAK,MAELtC,QAASA,EAAQuC,KACd9B,GACkBA,EAAKC,KACLJ,EAAKI,IAE1B8B,WAAY,CAAE,kBAAmBlB,SA5BxBhB,EAAKI"}

package/dist/components/value-field/value-field/index.esm.js

@@ -10,6 +10,7 @@ const ValueField = (props) => {
   ] });
 };
 export {
+  ValueField,
   ValueField as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/value-field/value-field/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/value-field/value-field.tsx"],"sourcesContent":["import { Box } from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport \"./value-field.scss\";\n\ninterface ValueFieldProps {\n  label: string;\n  children: React.ReactNode;\n  childrenTypoProps?:any\n}\n\nconst ValueField = (props: ValueFieldProps) => {\n  const { label, children, childrenTypoProps } = props;\n\n  return (\n    <Box  className=\"valueField--Container\" >\n      <Typography weight={\"medium\"} type=\"s5\" color={\"theme.secondary.700\"}>\n        {label}\n      </Typography>\n      <Typography weight={\"medium\"} type=\"s3\" color={\"theme.secondary.1000\"} sx={{ wordBreak:'break-all', pr: 1 }} {...childrenTypoProps}>\n        {children}\n      </Typography>\n    </Box>\n  );\n};\n\nexport default ValueField;\n"],"names":[],"mappings":";;;;AAUA,MAAM,aAAa,CAAC,UAA2B;AAC7C,QAAM,EAAE,OAAO,UAAU,kBAAA,IAAsB;AAE/C,SACE,qBAAC,KAAA,EAAK,WAAU,yBACd,UAAA;AAAA,IAAA,oBAAC,cAAW,QAAQ,UAAU,MAAK,MAAK,OAAO,uBAC5C,UAAA,MAAA,CACH;AAAA,wBACC,YAAA,EAAW,QAAQ,UAAU,MAAK,MAAK,OAAO,wBAAwB,IAAI,EAAE,WAAU,aAAa,IAAI,KAAM,GAAG,mBAC9G,SAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/value-field/value-field.tsx"],"sourcesContent":["import { Box } from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport \"./value-field.scss\";\n\ninterface ValueFieldProps {\n  label: string;\n  children: React.ReactNode;\n  childrenTypoProps?:any\n}\n\nconst ValueField = (props: ValueFieldProps) => {\n  const { label, children, childrenTypoProps } = props;\n\n  return (\n    <Box  className=\"valueField--Container\" >\n      <Typography weight={\"medium\"} type=\"s5\" color={\"theme.secondary.700\"}>\n        {label}\n      </Typography>\n      <Typography weight={\"medium\"} type=\"s3\" color={\"theme.secondary.1000\"} sx={{ wordBreak:'break-all', pr: 1 }} {...childrenTypoProps}>\n        {children}\n      </Typography>\n    </Box>\n  );\n};\n\nexport { ValueField };\nexport default ValueField;\n"],"names":[],"mappings":";;;;AAUA,MAAM,aAAa,CAAC,UAA2B;AAC7C,QAAM,EAAE,OAAO,UAAU,kBAAA,IAAsB;AAE/C,SACE,qBAAC,KAAA,EAAK,WAAU,yBACd,UAAA;AAAA,IAAA,oBAAC,cAAW,QAAQ,UAAU,MAAK,MAAK,OAAO,uBAC5C,UAAA,MAAA,CACH;AAAA,wBACC,YAAA,EAAW,QAAQ,UAAU,MAAK,MAAK,OAAO,wBAAwB,IAAI,EAAE,WAAU,aAAa,IAAI,KAAM,GAAG,mBAC9G,SAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/value-field/value-field/index.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=;/* empty css                                 */;/* empty css                         */var s=;/* empty css                                                 */exports.default=i=>{const{label:a,children:o,childrenTypoProps:l}=i;/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=;/* empty css                                 */;/* empty css                         */var s=;/* empty css                                                 */const i=i=>{const{label:o,children:a,childrenTypoProps:l}=i;/* @__PURE__ */
 return e.jsxs(s.default,{className:"valueField--Container",children:[
-/* @__PURE__ */e.jsx(r.Typography,{weight:"medium",type:"s5",color:"theme.secondary.700",children:a}),
-/* @__PURE__ */e.jsx(r.Typography,{weight:"medium",type:"s3",color:"theme.secondary.1000",sx:{wordBreak:"break-all",pr:1},...l,children:o})]})};
+/* @__PURE__ */e.jsx(r.Typography,{weight:"medium",type:"s5",color:"theme.secondary.700",children:o}),
+/* @__PURE__ */e.jsx(r.Typography,{weight:"medium",type:"s3",color:"theme.secondary.1000",sx:{wordBreak:"break-all",pr:1},...l,children:a})]})};exports.ValueField=i,exports.default=i;
 //# sourceMappingURL=index.js.map

package/dist/components/value-field/value-field/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/value-field/value-field.tsx"],"sourcesContent":["import { Box } from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport \"./value-field.scss\";\n\ninterface ValueFieldProps {\n  label: string;\n  children: React.ReactNode;\n  childrenTypoProps?:any\n}\n\nconst ValueField = (props: ValueFieldProps) => {\n  const { label, children, childrenTypoProps } = props;\n\n  return (\n    <Box  className=\"valueField--Container\" >\n      <Typography weight={\"medium\"} type=\"s5\" color={\"theme.secondary.700\"}>\n        {label}\n      </Typography>\n      <Typography weight={\"medium\"} type=\"s3\" color={\"theme.secondary.1000\"} sx={{ wordBreak:'break-all', pr: 1 }} {...childrenTypoProps}>\n        {children}\n      </Typography>\n    </Box>\n  );\n};\n\nexport default ValueField;\n"],"names":["props","label","children","childrenTypoProps","jsxs","Box","className","jsx","Typography","weight","type","color","sx","wordBreak","pr"],"mappings":"uRAUoBA,IAClB,MAAMC,MAAEA,EAAAC,SAAOA,EAAAC,kBAAUA,GAAsBH;AAE/C,SACEI,KAACC,EAAAA,QAAA,CAAKC,UAAU,wBACdJ,SAAA;eAAAK,EAAAA,IAACC,EAAAA,YAAWC,OAAQ,SAAUC,KAAK,KAAKC,MAAO,sBAC5CT,SAAAD;qBAEFO,EAAAA,WAAA,CAAWC,OAAQ,SAAUC,KAAK,KAAKC,MAAO,uBAAwBC,GAAI,CAAEC,UAAU,YAAaC,GAAI,MAASX,EAC9GD"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/value-field/value-field.tsx"],"sourcesContent":["import { Box } from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport \"./value-field.scss\";\n\ninterface ValueFieldProps {\n  label: string;\n  children: React.ReactNode;\n  childrenTypoProps?:any\n}\n\nconst ValueField = (props: ValueFieldProps) => {\n  const { label, children, childrenTypoProps } = props;\n\n  return (\n    <Box  className=\"valueField--Container\" >\n      <Typography weight={\"medium\"} type=\"s5\" color={\"theme.secondary.700\"}>\n        {label}\n      </Typography>\n      <Typography weight={\"medium\"} type=\"s3\" color={\"theme.secondary.1000\"} sx={{ wordBreak:'break-all', pr: 1 }} {...childrenTypoProps}>\n        {children}\n      </Typography>\n    </Box>\n  );\n};\n\nexport { ValueField };\nexport default ValueField;\n"],"names":["ValueField","props","label","children","childrenTypoProps","jsxs","Box","className","jsx","Typography","weight","type","color","sx","wordBreak","pr"],"mappings":"uQAUA,MAAMA,EAAcC,IAClB,MAAMC,MAAEA,EAAAC,SAAOA,EAAAC,kBAAUA,GAAsBH;AAE/C,SACEI,KAACC,EAAAA,QAAA,CAAKC,UAAU,wBACdJ,SAAA;eAAAK,EAAAA,IAACC,EAAAA,YAAWC,OAAQ,SAAUC,KAAK,KAAKC,MAAO,sBAC5CT,SAAAD;qBAEFO,EAAAA,WAAA,CAAWC,OAAQ,SAAUC,KAAK,KAAKC,MAAO,uBAAwBC,GAAI,CAAEC,UAAU,YAAaC,GAAI,MAASX,EAC9GD"}

package/dist/components/value-field/value-field.d.ts

@@ -5,4 +5,5 @@ interface ValueFieldProps {
     childrenTypoProps?: any;
 }
 declare const ValueField: (props: ValueFieldProps) => import("react/jsx-runtime").JSX.Element;
+export { ValueField };
 export default ValueField;

package/dist/components/view-modal/view-modal/index.esm.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import Button from "../../button/button/index.esm.js";
+import { Button } from "../../button/button/index.esm.js";
 import default_1 from "../../../node_modules/@mui/icons-material/Add/index.esm.js";
 /* empty css                           */
 import { useState } from "react";
-import Modal from "../../modal/modal/index.esm.js";
+import { Modal } from "../../modal/modal/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
 import default_1$1 from "../../../node_modules/@mui/icons-material/Close/index.esm.js";
 import { images } from "../../../images/index.esm.js";
-import Select from "../../select/select/index.esm.js";
+import { Select } from "../../select/select/index.esm.js";
 import viewTypes from "../../../constants/action-bar/index.esm.js";
 import useTheme from "../../../node_modules/@mui/material/styles/useTheme/index.esm.js";
 import useMediaQuery from "../../../node_modules/@mui/system/esm/useMediaQuery/useMediaQuery/index.esm.js";
@@ -196,6 +196,7 @@ const ViewModal = (props) => {
   ] });
 };
 export {
+  ViewModal,
   ViewModal as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/view-modal/view-modal/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/view-modal/view-modal.tsx"],"sourcesContent":["import Button from \"../button/button\";\nimport AddIcon from \"@mui/icons-material/Add\";\nimport \"./view-modal.scss\";\nimport { useState } from \"react\";\nimport Modal from \"../modal/modal\";\nimport {\n  DialogActions,\n  DialogTitle,\n  IconButton,\n  MenuItem,\n  Tab,\n  Tabs,\n  useMediaQuery,\n  useTheme,\n} from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport logo from \"../../assets/images\";\nimport Select from \"../select/select\";\nimport viewTypes from \"../../constants/action-bar\";\n\ninterface ActionData {\n  label: string;\n  position: number;\n}\ninterface ModalPropsType {\n  setData: React.Dispatch<React.SetStateAction<ActionData[]>>;\n  data: Array<object>;\n  setActive: React.Dispatch<React.SetStateAction<string>>;\n  disabledViews?: string[]\n}\n\nconst ViewModal = (props: ModalPropsType) => {\n  const { data, setData, setActive, disabledViews = [] } = props;\n  const [openModal, setOpenModal] = useState(false);\n  const [value, setValue] = useState(\"Table\");\n  const [disable, setDisable] = useState(false);\n  const theme = useTheme();\n  const isMdUp = useMediaQuery(theme.breakpoints.up('lg'));\n  const handleTabChange = (_: React.SyntheticEvent, newValue: string) => {\n    setValue(newValue);\n    setDisable(\n      Boolean(\n        data.find(\n          (item: any) => item.label.toLowerCase() === newValue.toLowerCase(),\n        ),\n      ),\n    );\n  };\n\n  const TabData = [\n    {\n      label: \"Table\",\n      icon: <logo.TableIcon />,\n      desc: \"Easily manage, update, and organize your tasks with Table view.\",\n      image: <img src={logo.table} />,\n    },\n    {\n      label: \"Grid\",\n      icon: <logo.GridIcon />,\n      desc: \"Grid of cards, use for mood boards, index cards, and recipes\",\n      image: <img src={logo.grid} />,\n    },\n    // {\n    //   label: \"Kanban\",\n    //   icon: <logo.KanbanIcon />,\n    //   desc: \"Build your perfect Board and easily drag-and-drop tasks between columns.\",\n    //   image: <img src={logo.kanban} />,\n    // },\n    // {\n    //   label: \"Calendar\",\n    //   icon: <logo.CalenderIcon />,\n    //   desc: \"Calendar view is your place for planning, scheduling, and resource management.\",\n    //   image: <img src={logo.calendar} />,\n    // },\n    // {\n    //   label: \"Gantt\",\n    //   icon: <logo.GanttIcon />,\n    //   desc: \"Plan time, manage resources, visualize dependencies and more with Gantt view.\",\n    //   image: <img src={logo.gantt} />,\n    // },\n  ];\n\n  const handleSubmit = () => {\n    const selectedTabData = TabData.find(\n      (data) => data.label.toLowerCase() === value.toLowerCase(),\n    );\n    if (selectedTabData?.label) {\n      if (\n        !data.some(\n          (item: any) => item.label.toLowerCase() === value.toLowerCase(),\n        )\n      ) {\n        setData([\n          ...(data as ActionData[]),\n          { label: selectedTabData.label, position: data.length },\n        ]);\n\n        setActive(selectedTabData?.label);\n        setOpenModal(false);\n      }\n    }\n  };\n\n  return (\n    <div className=\"view-modal\">\n      <div className=\"view-modal--Header\">\n        |\n        <Button\n          variant=\"text\"\n          startIcon={<AddIcon />}\n          sx={isMdUp ? {} : { pr:0 }}\n          onClick={() => {\n            setOpenModal(true);\n            setDisable(\n              Boolean(\n                data.find(\n                  (item: any) =>\n                    item.label.toLowerCase() === value.toLowerCase(),\n                ),\n              ),\n            );\n          }}\n        >\n          {isMdUp ? 'View' : ''}\n        </Button>\n      </div>\n      <Modal\n        open={openModal}\n        onClose={() => setOpenModal(false)}\n        className=\"view-modal\"\n      >\n        <DialogTitle className=\"view-modal--Head\">\n          <Typography type=\"s3\" weight=\"medium\" color=\"#000\">\n            Add View\n          </Typography>\n          <IconButton onClick={() => setOpenModal(false)}>\n            <CloseIcon fontSize=\"small\"/>\n          </IconButton>\n        </DialogTitle>\n\n        <div className=\"view-modal--TabsContent\">\n          <Tabs\n            orientation=\"vertical\"\n            value={value}\n            onChange={handleTabChange}\n            className=\"view-modal--Tab\"\n          >\n            {TabData &&\n              TabData?.map((data) => (\n                <Tab\n                  key={data.label}\n                  label={`${data?.label} View`}\n                  iconPosition=\"start\"\n                  icon={data?.icon}\n                  value={data.label}\n                  className=\"view-modal--Tabs\"\n                  disabled={Boolean(disabledViews?.includes(data.label))}\n                />\n              ))}\n          </Tabs>\n          {TabData.map((data) => (\n            <div\n              key={data.label}\n              hidden={value !== data.label}\n              className=\"view-modal--TabData\"\n            >\n              {data.image}\n              <div className=\"view-modal--Desc\">\n                <Typography type=\"s1\" color={\"theme.secondary.1000\"}>\n                  {data?.label} Views\n                </Typography>\n                <Typography type=\"s4\" color={\"theme.secondary.800\"}>\n                  {data.desc}\n                </Typography>\n                {(data?.label === viewTypes.KANBAN ||\n                  data?.label === viewTypes.CALENDAR) && (\n                  <div className=\"view-modal--BoardContainer\">\n                    <Typography type=\"s4\" color=\"theme.secondary.900\">\n                      Group Board by\n                    </Typography>\n                    <Select\n                      placeholder=\"Status\"\n                      size={\"small\"}\n                      defaultValue={1}\n                      className=\"view-modal--Select\"\n                      variant=\"outlined\"\n                    >\n                      <MenuItem value={1}>option 1</MenuItem>\n                      <MenuItem value={2}>option 2</MenuItem>\n                    </Select>\n                  </div>\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n        <DialogActions\n          className=\"view-modal--Actions\"\n          sx={{ backgroundColor: \"theme.secondary.200\" }}\n        >\n          <Button variant=\"text\" onClick={() => setOpenModal(false)}>\n            Cancel\n          </Button>\n          <Button variant=\"contained\" onClick={handleSubmit} disabled={disable}>\n            Add {value} View\n          </Button>\n        </DialogActions>\n      </Modal>\n    </div>\n  );\n};\n\nexport default ViewModal;\n"],"names":["logo","data","AddIcon","CloseIcon"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/view-modal/view-modal.tsx"],"sourcesContent":["import Button from \"../button/button\";\nimport AddIcon from \"@mui/icons-material/Add\";\nimport \"./view-modal.scss\";\nimport { useState } from \"react\";\nimport Modal from \"../modal/modal\";\nimport {\n  DialogActions,\n  DialogTitle,\n  IconButton,\n  MenuItem,\n  Tab,\n  Tabs,\n  useMediaQuery,\n  useTheme,\n} from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport logo from \"../../assets/images\";\nimport Select from \"../select/select\";\nimport viewTypes from \"../../constants/action-bar\";\n\ninterface ActionData {\n  label: string;\n  position: number;\n}\ninterface ModalPropsType {\n  setData: React.Dispatch<React.SetStateAction<ActionData[]>>;\n  data: Array<object>;\n  setActive: React.Dispatch<React.SetStateAction<string>>;\n  disabledViews?: string[]\n}\n\nconst ViewModal = (props: ModalPropsType) => {\n  const { data, setData, setActive, disabledViews = [] } = props;\n  const [openModal, setOpenModal] = useState(false);\n  const [value, setValue] = useState(\"Table\");\n  const [disable, setDisable] = useState(false);\n  const theme = useTheme();\n  const isMdUp = useMediaQuery(theme.breakpoints.up('lg'));\n  const handleTabChange = (_: React.SyntheticEvent, newValue: string) => {\n    setValue(newValue);\n    setDisable(\n      Boolean(\n        data.find(\n          (item: any) => item.label.toLowerCase() === newValue.toLowerCase(),\n        ),\n      ),\n    );\n  };\n\n  const TabData = [\n    {\n      label: \"Table\",\n      icon: <logo.TableIcon />,\n      desc: \"Easily manage, update, and organize your tasks with Table view.\",\n      image: <img src={logo.table} />,\n    },\n    {\n      label: \"Grid\",\n      icon: <logo.GridIcon />,\n      desc: \"Grid of cards, use for mood boards, index cards, and recipes\",\n      image: <img src={logo.grid} />,\n    },\n    // {\n    //   label: \"Kanban\",\n    //   icon: <logo.KanbanIcon />,\n    //   desc: \"Build your perfect Board and easily drag-and-drop tasks between columns.\",\n    //   image: <img src={logo.kanban} />,\n    // },\n    // {\n    //   label: \"Calendar\",\n    //   icon: <logo.CalenderIcon />,\n    //   desc: \"Calendar view is your place for planning, scheduling, and resource management.\",\n    //   image: <img src={logo.calendar} />,\n    // },\n    // {\n    //   label: \"Gantt\",\n    //   icon: <logo.GanttIcon />,\n    //   desc: \"Plan time, manage resources, visualize dependencies and more with Gantt view.\",\n    //   image: <img src={logo.gantt} />,\n    // },\n  ];\n\n  const handleSubmit = () => {\n    const selectedTabData = TabData.find(\n      (data) => data.label.toLowerCase() === value.toLowerCase(),\n    );\n    if (selectedTabData?.label) {\n      if (\n        !data.some(\n          (item: any) => item.label.toLowerCase() === value.toLowerCase(),\n        )\n      ) {\n        setData([\n          ...(data as ActionData[]),\n          { label: selectedTabData.label, position: data.length },\n        ]);\n\n        setActive(selectedTabData?.label);\n        setOpenModal(false);\n      }\n    }\n  };\n\n  return (\n    <div className=\"view-modal\">\n      <div className=\"view-modal--Header\">\n        |\n        <Button\n          variant=\"text\"\n          startIcon={<AddIcon />}\n          sx={isMdUp ? {} : { pr:0 }}\n          onClick={() => {\n            setOpenModal(true);\n            setDisable(\n              Boolean(\n                data.find(\n                  (item: any) =>\n                    item.label.toLowerCase() === value.toLowerCase(),\n                ),\n              ),\n            );\n          }}\n        >\n          {isMdUp ? 'View' : ''}\n        </Button>\n      </div>\n      <Modal\n        open={openModal}\n        onClose={() => setOpenModal(false)}\n        className=\"view-modal\"\n      >\n        <DialogTitle className=\"view-modal--Head\">\n          <Typography type=\"s3\" weight=\"medium\" color=\"#000\">\n            Add View\n          </Typography>\n          <IconButton onClick={() => setOpenModal(false)}>\n            <CloseIcon fontSize=\"small\"/>\n          </IconButton>\n        </DialogTitle>\n\n        <div className=\"view-modal--TabsContent\">\n          <Tabs\n            orientation=\"vertical\"\n            value={value}\n            onChange={handleTabChange}\n            className=\"view-modal--Tab\"\n          >\n            {TabData &&\n              TabData?.map((data) => (\n                <Tab\n                  key={data.label}\n                  label={`${data?.label} View`}\n                  iconPosition=\"start\"\n                  icon={data?.icon}\n                  value={data.label}\n                  className=\"view-modal--Tabs\"\n                  disabled={Boolean(disabledViews?.includes(data.label))}\n                />\n              ))}\n          </Tabs>\n          {TabData.map((data) => (\n            <div\n              key={data.label}\n              hidden={value !== data.label}\n              className=\"view-modal--TabData\"\n            >\n              {data.image}\n              <div className=\"view-modal--Desc\">\n                <Typography type=\"s1\" color={\"theme.secondary.1000\"}>\n                  {data?.label} Views\n                </Typography>\n                <Typography type=\"s4\" color={\"theme.secondary.800\"}>\n                  {data.desc}\n                </Typography>\n                {(data?.label === viewTypes.KANBAN ||\n                  data?.label === viewTypes.CALENDAR) && (\n                  <div className=\"view-modal--BoardContainer\">\n                    <Typography type=\"s4\" color=\"theme.secondary.900\">\n                      Group Board by\n                    </Typography>\n                    <Select\n                      placeholder=\"Status\"\n                      size={\"small\"}\n                      defaultValue={1}\n                      className=\"view-modal--Select\"\n                      variant=\"outlined\"\n                    >\n                      <MenuItem value={1}>option 1</MenuItem>\n                      <MenuItem value={2}>option 2</MenuItem>\n                    </Select>\n                  </div>\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n        <DialogActions\n          className=\"view-modal--Actions\"\n          sx={{ backgroundColor: \"theme.secondary.200\" }}\n        >\n          <Button variant=\"text\" onClick={() => setOpenModal(false)}>\n            Cancel\n          </Button>\n          <Button variant=\"contained\" onClick={handleSubmit} disabled={disable}>\n            Add {value} View\n          </Button>\n        </DialogActions>\n      </Modal>\n    </div>\n  );\n};\n\nexport { ViewModal };\nexport default ViewModal;\n"],"names":["logo","data","AddIcon","CloseIcon"],"mappings":"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"}

package/dist/components/view-modal/view-modal/index.js

@@ -1,21 +1,21 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=,/* empty css                         */l=;/* empty css                                                   */;/* empty css                        */var i=require("react"),s=,/* empty css                       */d=,/* empty css                                 */o=,/* empty css                                                     */r=,/* empty css                     */n=,/* empty css                         */t=,/* empty css                                   */u=,/* empty css                                                         */c=,/* empty css                                                                       */m=,/* empty css                                                                 */x=,/* empty css                                                               */j=,/* empty css                                                   */b=,/* empty css                                                 */v=,/* empty css                                                           */h=;/* empty css                                                                     */exports.default=p=>{const{data:w,setData:g,setActive:y,disabledViews:f=[]}=p,[C,q]=i.useState(!1),[T,N]=i.useState("Table"),[_,A]=i.useState(!1),L=u.default(),B=c.default(L.breakpoints.up("lg")),D=[{label:"Table",icon:/* @__PURE__ */e.jsx(r.images.TableIcon,{}),desc:"Easily manage, update, and organize your tasks with Table view.",image:/* @__PURE__ */e.jsx("img",{src:r.images.table})},{label:"Grid",icon:/* @__PURE__ */e.jsx(r.images.GridIcon,{}),desc:"Grid of cards, use for mood boards, index cards, and recipes",image:/* @__PURE__ */e.jsx("img",{src:r.images.grid})}];/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=,/* empty css                         */l=;/* empty css                                                   */;/* empty css                        */var i=require("react"),s=,/* empty css                       */o=,/* empty css                                 */d=,/* empty css                                                     */n=,/* empty css                     */r=,/* empty css                         */t=,/* empty css                                   */u=,/* empty css                                                         */c=,/* empty css                                                                       */m=,/* empty css                                                                 */x=,/* empty css                                                               */j=,/* empty css                                                   */b=,/* empty css                                                 */v=,/* empty css                                                           */h=;/* empty css                                                                     */const p=p=>{const{data:w,setData:g,setActive:y,disabledViews:f=[]}=p,[C,q]=i.useState(!1),[T,N]=i.useState("Table"),[_,A]=i.useState(!1),B=u.default(),L=c.default(B.breakpoints.up("lg")),D=[{label:"Table",icon:/* @__PURE__ */e.jsx(n.images.TableIcon,{}),desc:"Easily manage, update, and organize your tasks with Table view.",image:/* @__PURE__ */e.jsx("img",{src:n.images.table})},{label:"Grid",icon:/* @__PURE__ */e.jsx(n.images.GridIcon,{}),desc:"Grid of cards, use for mood boards, index cards, and recipes",image:/* @__PURE__ */e.jsx("img",{src:n.images.grid})}];/* @__PURE__ */
 return e.jsxs("div",{className:"view-modal",children:[
 /* @__PURE__ */e.jsxs("div",{className:"view-modal--Header",children:["|",
-/* @__PURE__ */e.jsx(a.default,{variant:"text",startIcon:/* @__PURE__ */e.jsx(l.default,{}),sx:B?{}:{pr:0},onClick:()=>{q(!0),A(Boolean(w.find(e=>e.label.toLowerCase()===T.toLowerCase())))},children:B?"View":""})]}),
-/* @__PURE__ */e.jsxs(s.default,{open:C,onClose:()=>q(!1),className:"view-modal",children:[
+/* @__PURE__ */e.jsx(a.Button,{variant:"text",startIcon:/* @__PURE__ */e.jsx(l.default,{}),sx:L?{}:{pr:0},onClick:()=>{q(!0),A(Boolean(w.find(e=>e.label.toLowerCase()===T.toLowerCase())))},children:L?"View":""})]}),
+/* @__PURE__ */e.jsxs(s.Modal,{open:C,onClose:()=>q(!1),className:"view-modal",children:[
 /* @__PURE__ */e.jsxs(m.default,{className:"view-modal--Head",children:[
-/* @__PURE__ */e.jsx(d.Typography,{type:"s3",weight:"medium",color:"#000",children:"Add View"}),
-/* @__PURE__ */e.jsx(x.default,{onClick:()=>q(!1),children:/* @__PURE__ */e.jsx(o.default,{fontSize:"small"})})]}),
+/* @__PURE__ */e.jsx(o.Typography,{type:"s3",weight:"medium",color:"#000",children:"Add View"}),
+/* @__PURE__ */e.jsx(x.default,{onClick:()=>q(!1),children:/* @__PURE__ */e.jsx(d.default,{fontSize:"small"})})]}),
 /* @__PURE__ */e.jsxs("div",{className:"view-modal--TabsContent",children:[
 /* @__PURE__ */e.jsx(j.default,{orientation:"vertical",value:T,onChange:(e,a)=>{N(a),A(Boolean(w.find(e=>e.label.toLowerCase()===a.toLowerCase())))},className:"view-modal--Tab",children:D&&(null==D?void 0:D.map(a=>/* @__PURE__ */e.jsx(b.default,{label:`${null==a?void 0:a.label} View`,iconPosition:"start",icon:null==a?void 0:a.icon,value:a.label,className:"view-modal--Tabs",disabled:Boolean(null==f?void 0:f.includes(a.label))},a.label)))}),D.map(a=>/* @__PURE__ */e.jsxs("div",{hidden:T!==a.label,className:"view-modal--TabData",children:[a.image,
 /* @__PURE__ */e.jsxs("div",{className:"view-modal--Desc",children:[
-/* @__PURE__ */e.jsxs(d.Typography,{type:"s1",color:"theme.secondary.1000",children:[null==a?void 0:a.label," Views"]}),
-/* @__PURE__ */e.jsx(d.Typography,{type:"s4",color:"theme.secondary.800",children:a.desc}),((null==a?void 0:a.label)===t.default.KANBAN||(null==a?void 0:a.label)===t.default.CALENDAR)&&/* @__PURE__ */e.jsxs("div",{className:"view-modal--BoardContainer",children:[
-/* @__PURE__ */e.jsx(d.Typography,{type:"s4",color:"theme.secondary.900",children:"Group Board by"}),
-/* @__PURE__ */e.jsxs(n.default,{placeholder:"Status",size:"small",defaultValue:1,className:"view-modal--Select",variant:"outlined",children:[
+/* @__PURE__ */e.jsxs(o.Typography,{type:"s1",color:"theme.secondary.1000",children:[null==a?void 0:a.label," Views"]}),
+/* @__PURE__ */e.jsx(o.Typography,{type:"s4",color:"theme.secondary.800",children:a.desc}),((null==a?void 0:a.label)===t.default.KANBAN||(null==a?void 0:a.label)===t.default.CALENDAR)&&/* @__PURE__ */e.jsxs("div",{className:"view-modal--BoardContainer",children:[
+/* @__PURE__ */e.jsx(o.Typography,{type:"s4",color:"theme.secondary.900",children:"Group Board by"}),
+/* @__PURE__ */e.jsxs(r.Select,{placeholder:"Status",size:"small",defaultValue:1,className:"view-modal--Select",variant:"outlined",children:[
 /* @__PURE__ */e.jsx(v.default,{value:1,children:"option 1"}),
 /* @__PURE__ */e.jsx(v.default,{value:2,children:"option 2"})]})]})]})]},a.label))]}),
 /* @__PURE__ */e.jsxs(h.default,{className:"view-modal--Actions",sx:{backgroundColor:"theme.secondary.200"},children:[
-/* @__PURE__ */e.jsx(a.default,{variant:"text",onClick:()=>q(!1),children:"Cancel"}),
-/* @__PURE__ */e.jsxs(a.default,{variant:"contained",onClick:()=>{const e=D.find(e=>e.label.toLowerCase()===T.toLowerCase());(null==e?void 0:e.label)&&(w.some(e=>e.label.toLowerCase()===T.toLowerCase())||(g([...w,{label:e.label,position:w.length}]),y(null==e?void 0:e.label),q(!1)))},disabled:_,children:["Add ",T," View"]})]})]})]})};
+/* @__PURE__ */e.jsx(a.Button,{variant:"text",onClick:()=>q(!1),children:"Cancel"}),
+/* @__PURE__ */e.jsxs(a.Button,{variant:"contained",onClick:()=>{const e=D.find(e=>e.label.toLowerCase()===T.toLowerCase());(null==e?void 0:e.label)&&(w.some(e=>e.label.toLowerCase()===T.toLowerCase())||(g([...w,{label:e.label,position:w.length}]),y(null==e?void 0:e.label),q(!1)))},disabled:_,children:["Add ",T," View"]})]})]})]})};exports.ViewModal=p,exports.default=p;
 //# sourceMappingURL=index.js.map