@campxdev/shared 1.6.3 → 1.6.5

package/package.json

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

package/src/components/MediaRow/MediaRow.tsx

@@ -1,7 +1,6 @@
 import { Delete } from '@mui/icons-material'
 import { Box, IconButton, styled, Typography, Stack } from '@mui/material'
 import Image from '../Image'
-// import { Media } from 'components/UploadButton/UploadButton'
 
 interface MediaRowProps {
   list: any[]
@@ -9,17 +8,16 @@ interface MediaRowProps {
 }
 
 export default function MediaRow({ list, onDelete }: MediaRowProps) {
-  console.log(list, 'list')
   return (
     <Box sx={{ display: 'flex', gap: '1rem', width: '100%', flexWrap: 'wrap' }}>
       {list.map((item, index) => (
-        <>{rednerMediaCard(item, onDelete)}</>
+        <>{renderMediaCard(item, onDelete)}</>
       ))}
     </Box>
   )
 }
 
-const rednerMediaCard = (item: any, onDelete?: (mediaKey: string) => void) => {
+const renderMediaCard = (item: any, onDelete?: (mediaKey: string) => void) => {
   switch (item?.type) {
     case 'image':
       return (

package/src/theme/muiTheme.ts

@@ -286,6 +286,7 @@ const muiTheme = createTheme({
     MuiFormControl: {
       styleOverrides: {
         root: {
+          position: 'relative',
           '&.MuiTextField-root > .MuiInputBase-root': {
             padding: 0,
           },
@@ -308,10 +309,12 @@ const muiTheme = createTheme({
           },
           '& .MuiFormHelperText-root': {
             fontStyle: 'oblique',
-            marginTop: '10px',
+            position: 'absolute',
             fontSize: '13px',
             fontWeight: 600,
             textAlign: 'right',
+            right: 0,
+            bottom: -32,
           },
         },
       },

package/src/components/FullCalendar/Actions.tsx

@@ -1,162 +0,0 @@
-import type { ElementType, FC, ReactNode } from 'react'
-import { format } from 'date-fns'
-import PropTypes from 'prop-types'
-import { Grid, IconButton, Tooltip, Typography } from '@mui/material'
-
-import ViewAgendaTwoToneIcon from '@mui/icons-material/ViewAgendaTwoTone'
-
-import ViewDayTwoToneIcon from '@mui/icons-material/ViewDayTwoTone'
-import CalendarViewMonthTwoToneIcon from '@mui/icons-material/CalendarViewMonthTwoTone'
-import ViewWeekTwoToneIcon from '@mui/icons-material/ViewWeekTwoTone'
-import TodayTwoToneIcon from '@mui/icons-material/TodayTwoTone'
-import ArrowForwardTwoToneIcon from '@mui/icons-material/ArrowForwardTwoTone'
-import ArrowBackTwoToneIcon from '@mui/icons-material/ArrowBackTwoTone'
-
-export type View = 'dayGridMonth' | 'timeGridWeek' | 'timeGridDay' | 'listWeek'
-
-interface ActionsProps {
-  children?: ReactNode
-  className?: string
-  date: Date
-  onNext?: () => void
-  onPrevious?: () => void
-  onToday?: () => void
-  handleCreateEvent?: () => void
-  changeView?: (view: View) => void
-  view: View
-}
-
-interface ViewOption {
-  label: string
-  value: View
-  icon: ElementType
-}
-
-const viewOptions: ViewOption[] = [
-  {
-    label: 'Month',
-    value: 'dayGridMonth',
-    icon: CalendarViewMonthTwoToneIcon,
-  },
-  {
-    label: 'Week',
-    value: 'timeGridWeek',
-    icon: ViewWeekTwoToneIcon,
-  },
-  {
-    label: 'Day',
-    value: 'timeGridDay',
-    icon: ViewDayTwoToneIcon,
-  },
-  {
-    label: 'Agenda',
-    value: 'listWeek',
-    icon: ViewAgendaTwoToneIcon,
-  },
-]
-
-const Actions: FC<ActionsProps> = ({
-  date,
-  onNext,
-  onPrevious,
-  onToday,
-  changeView,
-  view,
-}) => {
-  return (
-    <Grid
-      container
-      spacing={3}
-      alignItems="center"
-      justifyContent="space-between"
-      marginBottom={'20px'}
-    >
-      <Grid item>
-        {/* <Tooltip arrow placement="top" title={'Previous Day'}>
-          <IconButton color="primary" onClick={onPrevious}>
-            <ArrowBackTwoToneIcon />
-          </IconButton>
-        </Tooltip>
-        <Tooltip arrow placement="top" title={'Today'}>
-          <IconButton
-            color="primary"
-            sx={{
-              mx: 1,
-            }}
-            onClick={onToday}
-          >
-            <TodayTwoToneIcon />
-          </IconButton>
-        </Tooltip>
-        <Tooltip arrow placement="top" title={'Next Day'}>
-          <IconButton color="primary" onClick={onNext}>
-            <ArrowForwardTwoToneIcon />
-          </IconButton>
-        </Tooltip> */}
-      </Grid>
-      <Grid
-        item
-        sx={{
-          display: { xs: 'none', sm: 'inline-block' },
-        }}
-      >
-        <Typography variant="h3" color="text.primary">
-          {format(date, 'MMMM yyyy')}
-        </Typography>
-      </Grid>
-      <Grid
-        item
-        sx={{
-          display: { xs: 'none', sm: 'inline-block' },
-        }}
-      >
-        {viewOptions.map((viewOption) => {
-          const Icon = viewOption.icon
-
-          return (
-            <Tooltip
-              key={viewOption.value}
-              arrow
-              placement="top"
-              title={viewOption.label}
-            >
-              <IconButton
-                color={viewOption.value === view ? 'primary' : 'secondary'}
-                onClick={() => changeView(viewOption.value)}
-              >
-                <Icon />
-              </IconButton>
-            </Tooltip>
-          )
-        })}
-      </Grid>
-    </Grid>
-  )
-}
-
-Actions.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  date: PropTypes.instanceOf(Date).isRequired,
-  onNext: PropTypes.func,
-  onPrevious: PropTypes.func,
-  onToday: PropTypes.func,
-  handleCreateEvent: PropTypes.func,
-  changeView: PropTypes.func,
-  view: PropTypes.oneOf([
-    'dayGridMonth',
-    'timeGridWeek',
-    'timeGridDay',
-    'listWeek',
-  ]),
-}
-
-Actions.defaultProps = {
-  onNext: () => {},
-  onPrevious: () => {},
-  onToday: () => {},
-  handleCreateEvent: () => {},
-  changeView: () => {},
-}
-
-export default Actions

package/src/components/FullCalendar/FullCalendarWrapper.tsx

@@ -1,54 +0,0 @@
-import { alpha, Box, styled } from '@mui/material'
-
-export const FullCalendarWrapper = styled(Box)(({ theme }) => ({
-  '& colgroup': {
-    '& col': {
-      minWidth: '120px',
-    },
-  },
-  '.fc .fc-timegrid-axis-cushion': {
-    maxWidth: 'unset',
-  },
-  '.fc .fc-timegrid-axis-frame': {
-    justifyContent: 'flex-start',
-  },
-  '.fc-direction-ltr .fc-timegrid-slot-label-frame': {
-    textAlign: 'left',
-  },
-  '.fc .fc-timegrid-divider': {
-    padding: 0,
-  },
-  '.fc .fc-timegrid-slot-minor': {
-    borderTop: 'none',
-  },
-  '& thead': {
-    '& th': {
-      verticalAlign: 'bottom',
-    },
-    height: '60px',
-    '& *': {
-      color: theme.palette.secondary.main,
-    },
-  },
-  '& .fc .fc-timegrid-slot': {
-    height: '84px',
-  },
-  '& .fc-v-event, & .fc-h-event': {
-    border: 'none',
-    padding: '2px 5px',
-  },
-  '& .fc .fc-timegrid-col.fc-day-today': {
-    backgroundColor: 'white',
-  },
-  '& .fc-daygrid-day-top': {
-    '& a': {
-      color: theme.palette.text.primary,
-    },
-  },
-  '& .fc-day-disabled': {
-    background: 'rgba(0, 0, 0, 0.02)',
-  },
-  '& .fc-daygrid-event .fc-event-time': {
-    display: 'none',
-  },
-}))