@campxdev/shared 1.8.6 → 1.8.7

package/src/components/DropDownButton/DropdownMenuItem.tsx

@@ -1,110 +1,110 @@
-import {
-  DialogProps,
-  DrawerProps,
-  ListItemIcon,
-  ListItemText,
-  styled,
-} from '@mui/material'
-import { ReactNode } from 'react'
-import { Link } from 'react-router-dom'
-import { DrawerButtonProps } from '../ModalButtons/DrawerButton'
-import { StyledMenuItem } from './styles'
-
-const StyledLink = styled(Link)(({ theme }) => ({
-  display: 'block',
-  textTransform: 'none',
-  textDecoration: 'none',
-}))
-
-export type MenuItemType = 'normal' | 'dialog' | 'drawer' | 'link'
-
-export type MenuItemButtonProps = {
-  icon?: ReactNode
-  label: ReactNode
-  onClick: () => void
-  link?: {
-    to: string
-    target?: '_self' | '_blank'
-  }
-}
-
-const MenuItemButton = ({
-  icon,
-  label,
-  onClick,
-  ...props
-}: MenuItemButtonProps) => {
-  return (
-    <StyledMenuItem
-      sx={{ minWidth: '180px', width: '100%' }}
-      onClick={onClick}
-      {...props}
-    >
-      {icon && <ListItemIcon>{icon}</ListItemIcon>}
-      <ListItemText>{label}</ListItemText>
-    </StyledMenuItem>
-  )
-}
-
-export type IMenuItemProps = Omit<MenuItemButtonProps, 'onClick'> & {
-  content?: DrawerButtonProps['content']
-  contentTitle?: ReactNode
-  actionType?: MenuItemType
-  onClick?: () => void
-  dialogProps?: Omit<DialogProps, 'open'>
-  drawerProps?: Omit<DrawerProps, 'open'>
-}
-
-export interface IRenderMenuItemProps extends IMenuItemProps {
-  handleClose: () => void
-  modalState: any
-  onModalOpen: (props: any) => void
-}
-
-export const RenderMenuItem = ({
-  onClick,
-  actionType = 'normal',
-  handleClose,
-  modalState,
-  onModalOpen,
-  link,
-  drawerProps,
-  dialogProps,
-  ...props
-}: IRenderMenuItemProps) => {
-  const renderMenuItem: Record<MenuItemType, ReactNode> = {
-    normal: (
-      <MenuItemButton
-        {...props}
-        onClick={() => {
-          onClick()
-          handleClose()
-        }}
-      />
-    ),
-    dialog: (
-      <MenuItemButton
-        {...props}
-        onClick={() => {
-          onModalOpen(dialogProps)
-          handleClose()
-        }}
-      />
-    ),
-    drawer: (
-      <MenuItemButton
-        {...props}
-        onClick={() => {
-          onModalOpen(drawerProps)
-          handleClose()
-        }}
-      />
-    ),
-    link: (
-      <StyledLink to={link?.to ?? ''} target={link?.target ?? '_blank'}>
-        <MenuItemButton {...props} onClick={() => {}} />
-      </StyledLink>
-    ),
-  }
-  return <>{renderMenuItem[actionType]}</>
-}
+import {
+  DialogProps,
+  DrawerProps,
+  ListItemIcon,
+  ListItemText,
+  styled,
+} from '@mui/material'
+import { ReactNode } from 'react'
+import { Link } from 'react-router-dom'
+import { DrawerButtonProps } from '../ModalButtons/DrawerButton'
+import { StyledMenuItem } from './styles'
+
+const StyledLink = styled(Link)(({ theme }) => ({
+  display: 'block',
+  textTransform: 'none',
+  textDecoration: 'none',
+}))
+
+export type MenuItemType = 'normal' | 'dialog' | 'drawer' | 'link'
+
+export type MenuItemButtonProps = {
+  icon?: ReactNode
+  label: ReactNode
+  onClick: () => void
+  link?: {
+    to: string
+    target?: '_self' | '_blank'
+  }
+}
+
+const MenuItemButton = ({
+  icon,
+  label,
+  onClick,
+  ...props
+}: MenuItemButtonProps) => {
+  return (
+    <StyledMenuItem
+      sx={{ minWidth: '180px', width: '100%' }}
+      onClick={onClick}
+      {...props}
+    >
+      {icon && <ListItemIcon>{icon}</ListItemIcon>}
+      <ListItemText>{label}</ListItemText>
+    </StyledMenuItem>
+  )
+}
+
+export type IMenuItemProps = Omit<MenuItemButtonProps, 'onClick'> & {
+  content?: DrawerButtonProps['content']
+  contentTitle?: ReactNode
+  actionType?: MenuItemType
+  onClick?: () => void
+  dialogProps?: Omit<DialogProps, 'open'>
+  drawerProps?: Omit<DrawerProps, 'open'>
+}
+
+export interface IRenderMenuItemProps extends IMenuItemProps {
+  handleClose: () => void
+  modalState: any
+  onModalOpen: (props: any) => void
+}
+
+export const RenderMenuItem = ({
+  onClick,
+  actionType = 'normal',
+  handleClose,
+  modalState,
+  onModalOpen,
+  link,
+  drawerProps,
+  dialogProps,
+  ...props
+}: IRenderMenuItemProps) => {
+  const renderMenuItem: Record<MenuItemType, ReactNode> = {
+    normal: (
+      <MenuItemButton
+        {...props}
+        onClick={() => {
+          onClick()
+          handleClose()
+        }}
+      />
+    ),
+    dialog: (
+      <MenuItemButton
+        {...props}
+        onClick={() => {
+          onModalOpen(dialogProps)
+          handleClose()
+        }}
+      />
+    ),
+    drawer: (
+      <MenuItemButton
+        {...props}
+        onClick={() => {
+          onModalOpen(drawerProps)
+          handleClose()
+        }}
+      />
+    ),
+    link: (
+      <StyledLink to={link?.to ?? ''} target={link?.target ?? '_blank'}>
+        <MenuItemButton {...props} onClick={() => {}} />
+      </StyledLink>
+    ),
+  }
+  return <>{renderMenuItem[actionType]}</>
+}

package/src/components/DropDownButton/index.tsx

@@ -1 +1 @@
-export { default } from './DropDownButton'
+export { default } from './DropDownButton'

package/src/components/DropDownButton/styles.tsx

@@ -1,59 +1,59 @@
-import { Button, IconButton, Menu, MenuItem, styled } from '@mui/material'
-
-export const StyledIconButton = styled(IconButton, {
-  shouldForwardProp: (prop) => prop !== 'outlined',
-})<{ outlined?: boolean; size: 'small' | 'regular' }>(
-  ({ theme, outlined, size }) => ({
-    ...(outlined && {
-      border: `1px solid ${theme.palette.primary.main}`,
-      borderRadius: '5px',
-      height: '40px',
-      width: '40px',
-      ...(size === 'small' && {}),
-    }),
-  }),
-)
-
-export const StyledMenuItem = styled(MenuItem)(({}) => ({
-  display: 'flex',
-  alignItems: 'center',
-  height: '60px',
-  '& .MuiListItemIcon-root': {
-    minWidth: '24px',
-  },
-  '& .MuiSvgIcon-root': {
-    height: '18px',
-    width: '18px',
-  },
-}))
-
-export const StyledDropDownButton = styled(Button)(({}) => ({
-  padding: '0 15px',
-  minWidth: '180px',
-  justifyContent: 'space-between',
-}))
-
-export const StyledMenu = styled(Menu)(({ theme }) => ({
-  '& .MuiPaper-root': {
-    borderRadius: '10px',
-    border: '1px solid #1212121A',
-    marginTop: '10px',
-    boxShadow: '0px 4px 16px #0000000F',
-  },
-  '& .MuiList-root': {
-    minWidth: '240px',
-    padding: 0,
-    '& li': {
-      borderBottom: theme.borders.grayLight,
-      ':hover': {
-        backgroundColor: 'rgba(0, 0, 0, 0.025)',
-      },
-    },
-    '& > :last-child': {
-      borderBottom: 'none',
-      '& li': {
-        borderBottom: 'none',
-      },
-    },
-  },
-}))
+import { Button, IconButton, Menu, MenuItem, styled } from '@mui/material'
+
+export const StyledIconButton = styled(IconButton, {
+  shouldForwardProp: (prop) => prop !== 'outlined',
+})<{ outlined?: boolean; size: 'small' | 'regular' }>(
+  ({ theme, outlined, size }) => ({
+    ...(outlined && {
+      border: `1px solid ${theme.palette.primary.main}`,
+      borderRadius: '5px',
+      height: '40px',
+      width: '40px',
+      ...(size === 'small' && {}),
+    }),
+  }),
+)
+
+export const StyledMenuItem = styled(MenuItem)(({}) => ({
+  display: 'flex',
+  alignItems: 'center',
+  height: '60px',
+  '& .MuiListItemIcon-root': {
+    minWidth: '24px',
+  },
+  '& .MuiSvgIcon-root': {
+    height: '18px',
+    width: '18px',
+  },
+}))
+
+export const StyledDropDownButton = styled(Button)(({}) => ({
+  padding: '0 15px',
+  minWidth: '180px',
+  justifyContent: 'space-between',
+}))
+
+export const StyledMenu = styled(Menu)(({ theme }) => ({
+  '& .MuiPaper-root': {
+    borderRadius: '10px',
+    border: '1px solid #1212121A',
+    marginTop: '10px',
+    boxShadow: '0px 4px 16px #0000000F',
+  },
+  '& .MuiList-root': {
+    minWidth: '240px',
+    padding: 0,
+    '& li': {
+      borderBottom: theme.borders.grayLight,
+      ':hover': {
+        backgroundColor: 'rgba(0, 0, 0, 0.025)',
+      },
+    },
+    '& > :last-child': {
+      borderBottom: 'none',
+      '& li': {
+        borderBottom: 'none',
+      },
+    },
+  },
+}))

package/src/components/ErrorBoundary/ErrorBoundary.tsx

@@ -1,28 +1,28 @@
-import { ReactNode } from 'react'
-import { ErrorBoundary as ReactErrorBoundary } from 'react-error-boundary'
-import { QueryErrorResetBoundary } from 'react-query'
-import { useLocation } from 'react-router-dom'
-import ErrorFallback from './ErrorFallback'
-
-export default function ErrorBoundary({
-  children,
-  resetKey,
-}: {
-  children: ReactNode
-  resetKey?: string
-}) {
-  const location = useLocation()
-  return (
-    <QueryErrorResetBoundary>
-      {({ reset }) => (
-        <ReactErrorBoundary
-          key={resetKey ?? location?.pathname}
-          fallbackRender={ErrorFallback}
-          onReset={reset}
-        >
-          {children}
-        </ReactErrorBoundary>
-      )}
-    </QueryErrorResetBoundary>
-  )
-}
+import { ReactNode } from 'react'
+import { ErrorBoundary as ReactErrorBoundary } from 'react-error-boundary'
+import { QueryErrorResetBoundary } from 'react-query'
+import { useLocation } from 'react-router-dom'
+import ErrorFallback from './ErrorFallback'
+
+export default function ErrorBoundary({
+  children,
+  resetKey,
+}: {
+  children: ReactNode
+  resetKey?: string
+}) {
+  const location = useLocation()
+  return (
+    <QueryErrorResetBoundary>
+      {({ reset }) => (
+        <ReactErrorBoundary
+          key={resetKey ?? location?.pathname}
+          fallbackRender={ErrorFallback}
+          onReset={reset}
+        >
+          {children}
+        </ReactErrorBoundary>
+      )}
+    </QueryErrorResetBoundary>
+  )
+}