@campxdev/shared 1.10.29 → 1.10.31

package/src/components/DrawerWrapper/DialogWrapper.tsx

@@ -1,67 +1,67 @@
-import { Close } from '@mui/icons-material'
-import {
-  alpha,
-  Box,
-  Dialog,
-  DialogContent,
-  DialogProps,
-  IconButton,
-  styled,
-  Typography,
-} from '@mui/material'
-import { ReactNode } from 'react'
-
-const StyledDialogHeader = styled(Box)(({ theme }) => ({
-  height: '64px',
-  backgroundColor: alpha(theme.palette.text.secondary, 0.1),
-  display: 'flex',
-  justifyContent: 'space-between',
-  alignItems: 'center',
-  padding: '0.6rem 1rem',
-}))
-
-interface Props extends DialogProps {
-  onClose: () => void
-  children: ReactNode
-}
-
-export default function DialogWrapper({
-  title,
-  open,
-  onClose,
-  children,
-  ...props
-}: Props) {
-  return (
-    <Dialog
-      fullWidth
-      sx={{
-        zIndex: 500,
-        minHeight: '70vh',
-        '& .MuiDialog-container': {
-          '& .MuiPaper-root': {
-            maxWidth: '1420px',
-          },
-        },
-      }}
-      onClose={onClose}
-      open={open}
-      {...props}
-      PaperProps={{
-        sx: {
-          borderRadius: '10px',
-        },
-      }}
-    >
-      <StyledDialogHeader>
-        <Typography fontWeight={600}>{title}</Typography>
-        <IconButton onClick={onClose}>
-          <Close />
-        </IconButton>
-      </StyledDialogHeader>
-      <DialogContent sx={{ padding: '0' }}>
-        <>{children}</>
-      </DialogContent>
-    </Dialog>
-  )
-}
+import { Close } from '@mui/icons-material'
+import {
+  alpha,
+  Box,
+  Dialog,
+  DialogContent,
+  DialogProps,
+  IconButton,
+  styled,
+  Typography,
+} from '@mui/material'
+import { ReactNode } from 'react'
+
+const StyledDialogHeader = styled(Box)(({ theme }) => ({
+  height: '64px',
+  backgroundColor: alpha(theme.palette.text.secondary, 0.1),
+  display: 'flex',
+  justifyContent: 'space-between',
+  alignItems: 'center',
+  padding: '0.6rem 1rem',
+}))
+
+interface Props extends DialogProps {
+  onClose: () => void
+  children: ReactNode
+}
+
+export default function DialogWrapper({
+  title,
+  open,
+  onClose,
+  children,
+  ...props
+}: Props) {
+  return (
+    <Dialog
+      fullWidth
+      sx={{
+        zIndex: 500,
+        minHeight: '70vh',
+        '& .MuiDialog-container': {
+          '& .MuiPaper-root': {
+            maxWidth: '1420px',
+          },
+        },
+      }}
+      onClose={onClose}
+      open={open}
+      {...props}
+      PaperProps={{
+        sx: {
+          borderRadius: '10px',
+        },
+      }}
+    >
+      <StyledDialogHeader>
+        <Typography fontWeight={600}>{title}</Typography>
+        <IconButton onClick={onClose}>
+          <Close />
+        </IconButton>
+      </StyledDialogHeader>
+      <DialogContent sx={{ padding: '0' }}>
+        <>{children}</>
+      </DialogContent>
+    </Dialog>
+  )
+}

package/src/components/DrawerWrapper/DrawerTemplate.tsx

@@ -1,53 +1,53 @@
-import { Close } from '@mui/icons-material'
-import {
-  alpha,
-  Box,
-  Drawer,
-  IconButton,
-  styled,
-  Typography,
-} from '@mui/material'
-
-const StyledDrawerHeader = styled(Box)(({ theme }) => ({
-  height: '64px',
-  backgroundColor: alpha(theme.palette.text.secondary, 0.1),
-  display: 'flex',
-  justifyContent: 'space-between',
-  alignItems: 'center',
-  padding: '0.6rem 1rem',
-}))
-
-const StyledDrawerContent = styled(Box)(({ theme }) => ({
-  padding: '1rem',
-  height: 'calc(100vh - 64px)',
-  overflowY: 'auto',
-  paddingBottom: '4rem',
-}))
-
-export const DrawerTemplate = ({ handleClose, modal, setModal }) => {
-  return (
-    <Drawer
-      anchor="right"
-      elevation={10}
-      onClose={handleClose}
-      open={modal.open}
-      sx={{
-        zIndex: 500,
-        '& .MuiDrawer-paper': {
-          boxSizing: 'border-box',
-          width: 600,
-        },
-      }}
-    >
-      <StyledDrawerHeader>
-        <Typography fontWeight={600}>{modal.title}</Typography>
-        <IconButton onClick={() => setModal({ ...modal, open: false })}>
-          <Close />
-        </IconButton>
-      </StyledDrawerHeader>
-      <StyledDrawerContent>
-        {modal.content({ close: handleClose })}
-      </StyledDrawerContent>
-    </Drawer>
-  )
-}
+import { Close } from '@mui/icons-material'
+import {
+  alpha,
+  Box,
+  Drawer,
+  IconButton,
+  styled,
+  Typography,
+} from '@mui/material'
+
+const StyledDrawerHeader = styled(Box)(({ theme }) => ({
+  height: '64px',
+  backgroundColor: alpha(theme.palette.text.secondary, 0.1),
+  display: 'flex',
+  justifyContent: 'space-between',
+  alignItems: 'center',
+  padding: '0.6rem 1rem',
+}))
+
+const StyledDrawerContent = styled(Box)(({ theme }) => ({
+  padding: '1rem',
+  height: 'calc(100vh - 64px)',
+  overflowY: 'auto',
+  paddingBottom: '4rem',
+}))
+
+export const DrawerTemplate = ({ handleClose, modal, setModal }) => {
+  return (
+    <Drawer
+      anchor="right"
+      elevation={10}
+      onClose={handleClose}
+      open={modal.open}
+      sx={{
+        zIndex: 500,
+        '& .MuiDrawer-paper': {
+          boxSizing: 'border-box',
+          width: 600,
+        },
+      }}
+    >
+      <StyledDrawerHeader>
+        <Typography fontWeight={600}>{modal.title}</Typography>
+        <IconButton onClick={() => setModal({ ...modal, open: false })}>
+          <Close />
+        </IconButton>
+      </StyledDrawerHeader>
+      <StyledDrawerContent>
+        {modal.content({ close: handleClose })}
+      </StyledDrawerContent>
+    </Drawer>
+  )
+}

package/src/components/DrawerWrapper/DrawerWrapper.tsx

@@ -1,53 +1,53 @@
-import { createContext, useContext, useState } from 'react'
-import { DrawerTemplate } from './DrawerTemplate'
-
-interface IProps {
-  title: string
-  modalType?: 'dialog' | 'drawer'
-  content: ({ close }: { close: () => void }) => any
-}
-
-type ContextType = (props: IProps) => void
-
-const DialogContext = createContext<ContextType>(null)
-
-export default function DialogProvider({ children }) {
-  const [modal, setModal] = useState({
-    title: '',
-    open: false,
-    content: ({ close }) => null,
-    modalType: 'drawer',
-  })
-
-  const handleClose = () => {
-    setModal({
-      ...modal,
-      open: false,
-    })
-  }
-
-  const showModal = (props) => {
-    setModal({
-      ...modal,
-      open: true,
-      title: props.title,
-      content: props.content,
-      // modalType: props.modalType ?? 'drawer',
-    })
-  }
-
-  return (
-    <DialogContext.Provider value={showModal}>
-      {children}
-      <>
-        <DrawerTemplate
-          handleClose={handleClose}
-          modal={modal}
-          setModal={setModal}
-        />
-      </>
-    </DialogContext.Provider>
-  )
-}
-
-export const useModal = () => useContext(DialogContext)
+import { createContext, useContext, useState } from 'react'
+import { DrawerTemplate } from './DrawerTemplate'
+
+interface IProps {
+  title: string
+  modalType?: 'dialog' | 'drawer'
+  content: ({ close }: { close: () => void }) => any
+}
+
+type ContextType = (props: IProps) => void
+
+const DialogContext = createContext<ContextType>(null)
+
+export default function DialogProvider({ children }) {
+  const [modal, setModal] = useState({
+    title: '',
+    open: false,
+    content: ({ close }) => null,
+    modalType: 'drawer',
+  })
+
+  const handleClose = () => {
+    setModal({
+      ...modal,
+      open: false,
+    })
+  }
+
+  const showModal = (props) => {
+    setModal({
+      ...modal,
+      open: true,
+      title: props.title,
+      content: props.content,
+      // modalType: props.modalType ?? 'drawer',
+    })
+  }
+
+  return (
+    <DialogContext.Provider value={showModal}>
+      {children}
+      <>
+        <DrawerTemplate
+          handleClose={handleClose}
+          modal={modal}
+          setModal={setModal}
+        />
+      </>
+    </DialogContext.Provider>
+  )
+}
+
+export const useModal = () => useContext(DialogContext)

package/src/components/DropDownButton/AnchorElement.tsx

@@ -1,44 +1,44 @@
-import { KeyboardArrowDown } from '@mui/icons-material'
-import { CircularProgress } from '@mui/material'
-import { StyledDropDownButton, StyledIconButton } from './styles'
-
-export default function AnchorElement({
-  button,
-  icon,
-  handleClick,
-  loading,
-  anchor,
-}) {
-  if (anchor) return <>{anchor({ open: handleClick })}</>
-
-  if (button)
-    return (
-      <StyledDropDownButton
-        onClick={handleClick}
-        variant="outlined"
-        disabled={loading}
-        endIcon={
-          loading ? (
-            <CircularProgress size="20px" thickness={1.7} />
-          ) : (
-            <KeyboardArrowDown />
-          )
-        }
-        {...button?.buttonProps}
-      >
-        {button?.label}
-      </StyledDropDownButton>
-    )
-
-  if (!button && !anchor) {
-    return (
-      <StyledIconButton
-        outlined={icon?.outlined ?? false}
-        onClick={handleClick}
-        {...icon.iconProps}
-      >
-        {icon.icon}
-      </StyledIconButton>
-    )
-  }
-}
+import { KeyboardArrowDown } from '@mui/icons-material'
+import { CircularProgress } from '@mui/material'
+import { StyledDropDownButton, StyledIconButton } from './styles'
+
+export default function AnchorElement({
+  button,
+  icon,
+  handleClick,
+  loading,
+  anchor,
+}) {
+  if (anchor) return <>{anchor({ open: handleClick })}</>
+
+  if (button)
+    return (
+      <StyledDropDownButton
+        onClick={handleClick}
+        variant="outlined"
+        disabled={loading}
+        endIcon={
+          loading ? (
+            <CircularProgress size="20px" thickness={1.7} />
+          ) : (
+            <KeyboardArrowDown />
+          )
+        }
+        {...button?.buttonProps}
+      >
+        {button?.label}
+      </StyledDropDownButton>
+    )
+
+  if (!button && !anchor) {
+    return (
+      <StyledIconButton
+        outlined={icon?.outlined ?? false}
+        onClick={handleClick}
+        {...icon.iconProps}
+      >
+        {icon.icon}
+      </StyledIconButton>
+    )
+  }
+}