@campxdev/shared 0.5.20 → 0.5.22

package/src/components/Input/TextField.tsx

@@ -1,50 +1,50 @@
-import {
-  TextField as MuiTextField,
-  TextFieldProps as MuiTextFieldProps,
-  Typography,
-} from '@mui/material'
-import React from 'react'
-import { Controller } from 'react-hook-form'
-import FormLabel from './FormLabel'
-
-type MyTextFieldProps = MuiTextFieldProps & {
-  control?: any
-  label?: string
-  name?: string
-  value?: any
-  hookForm?: boolean
-  required?: boolean
-  handleChange?: React.ChangeEventHandler<
-    HTMLTextAreaElement | HTMLInputElement
-  >
-}
-
-export default function TextField({
-  name,
-  control,
-  label,
-  value,
-  handleChange,
-  required = false,
-  hookForm = true,
-  ...rest
-}: MyTextFieldProps) {
-  return (
-    <MuiTextField
-      label={
-        <>
-          {label}
-          {required && (
-            <Typography fontSize={14} component={'span'} color="error">
-              {' *'}
-            </Typography>
-          )}
-        </>
-      }
-      value={value}
-      name={name}
-      onChange={handleChange}
-      {...rest}
-    />
-  )
-}
+import {
+  TextField as MuiTextField,
+  TextFieldProps as MuiTextFieldProps,
+  Typography,
+} from '@mui/material'
+import React from 'react'
+import { Controller } from 'react-hook-form'
+import FormLabel from './FormLabel'
+
+type MyTextFieldProps = MuiTextFieldProps & {
+  control?: any
+  label?: string
+  name?: string
+  value?: any
+  hookForm?: boolean
+  required?: boolean
+  handleChange?: React.ChangeEventHandler<
+    HTMLTextAreaElement | HTMLInputElement
+  >
+}
+
+export default function TextField({
+  name,
+  control,
+  label,
+  value,
+  handleChange,
+  required = false,
+  hookForm = true,
+  ...rest
+}: MyTextFieldProps) {
+  return (
+    <MuiTextField
+      label={
+        <>
+          {label}
+          {required && (
+            <Typography fontSize={14} component={'span'} color="error">
+              {' *'}
+            </Typography>
+          )}
+        </>
+      }
+      value={value}
+      name={name}
+      onChange={handleChange}
+      {...rest}
+    />
+  )
+}

package/src/components/Input/TimePicker.tsx

@@ -1,82 +1,82 @@
-import DateRangeIcon from '@mui/icons-material/DateRange'
-import { InputAdornment, TextField, Typography } from '@mui/material'
-import {
-  LocalizationProvider,
-  TimePicker as MuiTimePicker,
-} from '@mui/x-date-pickers'
-import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment'
-import { Controller } from 'react-hook-form'
-
-interface Props {
-  label?: string
-  name: string
-  size?: 'small' | 'medium'
-  control: any
-  required?: boolean
-  hookForm?: boolean
-}
-
-export default function TimePicker(props: Props) {
-  const {
-    name,
-    size = 'small',
-    control,
-    label = '',
-    required,
-    hookForm = true,
-  } = props
-
-  return (
-    <LocalizationProvider dateAdapter={AdapterMoment}>
-      <Controller
-        name={name}
-        control={control}
-        render={({ field, fieldState: { error } }) => (
-          <>
-            <MuiTimePicker
-              label={
-                <>
-                  {label}
-                  {required && (
-                    <Typography fontSize={14} component={'span'} color="error">
-                      {' *'}
-                    </Typography>
-                  )}
-                </>
-              }
-              mask="__:__ _M"
-              inputFormat="hh:mm a"
-              value={field.value || null}
-              onChange={field.onChange}
-              InputProps={{
-                endAdornment: (
-                  <InputAdornment position="end">
-                    <DateRangeIcon />
-                  </InputAdornment>
-                ),
-              }}
-              renderInput={(params) => (
-                <TextField
-                  fullWidth
-                  size={size}
-                  {...params}
-                  error={Boolean(error)}
-                  onBlur={field.onBlur}
-                />
-              )}
-            />
-            {error && (
-              <Typography
-                variant="caption"
-                sx={{ pl: '2px' }}
-                color="rgb(211, 47, 47)"
-              >
-                {error.message}
-              </Typography>
-            )}
-          </>
-        )}
-      />
-    </LocalizationProvider>
-  )
-}
+import DateRangeIcon from '@mui/icons-material/DateRange'
+import { InputAdornment, TextField, Typography } from '@mui/material'
+import {
+  LocalizationProvider,
+  TimePicker as MuiTimePicker,
+} from '@mui/x-date-pickers'
+import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment'
+import { Controller } from 'react-hook-form'
+
+interface Props {
+  label?: string
+  name: string
+  size?: 'small' | 'medium'
+  control: any
+  required?: boolean
+  hookForm?: boolean
+}
+
+export default function TimePicker(props: Props) {
+  const {
+    name,
+    size = 'small',
+    control,
+    label = '',
+    required,
+    hookForm = true,
+  } = props
+
+  return (
+    <LocalizationProvider dateAdapter={AdapterMoment}>
+      <Controller
+        name={name}
+        control={control}
+        render={({ field, fieldState: { error } }) => (
+          <>
+            <MuiTimePicker
+              label={
+                <>
+                  {label}
+                  {required && (
+                    <Typography fontSize={14} component={'span'} color="error">
+                      {' *'}
+                    </Typography>
+                  )}
+                </>
+              }
+              mask="__:__ _M"
+              inputFormat="hh:mm a"
+              value={field.value || null}
+              onChange={field.onChange}
+              InputProps={{
+                endAdornment: (
+                  <InputAdornment position="end">
+                    <DateRangeIcon />
+                  </InputAdornment>
+                ),
+              }}
+              renderInput={(params) => (
+                <TextField
+                  fullWidth
+                  size={size}
+                  {...params}
+                  error={Boolean(error)}
+                  onBlur={field.onBlur}
+                />
+              )}
+            />
+            {error && (
+              <Typography
+                variant="caption"
+                sx={{ pl: '2px' }}
+                color="rgb(211, 47, 47)"
+              >
+                {error.message}
+              </Typography>
+            )}
+          </>
+        )}
+      />
+    </LocalizationProvider>
+  )
+}

package/src/components/Input/index.ts

@@ -1,26 +1,26 @@
-import TextField from './TextField'
-import DateTimePicker from './DateTimePicker'
-import FormLabel from './FormLabel'
-import MultiCheckbox from './MultiCheckbox'
-import MultiSelect from './MultiSelect'
-import RadioGroup from './RadioGroup'
-import SingleCheckbox from './SingleCheckbox'
-import SingleSelect from './SingleSelect'
-import AutoCompleteSearch from './AutoCompleteSearch'
-import TimePicker from './TimePicker'
-import DatePicker from './DatePicker'
-import DateRangePicker from './DateRangePicker'
-export {
-  TextField,
-  DateTimePicker,
-  FormLabel,
-  MultiCheckbox,
-  MultiSelect,
-  RadioGroup,
-  SingleCheckbox,
-  SingleSelect,
-  AutoCompleteSearch,
-  TimePicker,
-  DatePicker,
-  DateRangePicker,
-}
+import TextField from './TextField'
+import DateTimePicker from './DateTimePicker'
+import FormLabel from './FormLabel'
+import MultiCheckbox from './MultiCheckbox'
+import MultiSelect from './MultiSelect'
+import RadioGroup from './RadioGroup'
+import SingleCheckbox from './SingleCheckbox'
+import SingleSelect from './SingleSelect'
+import AutoCompleteSearch from './AutoCompleteSearch'
+import TimePicker from './TimePicker'
+import DatePicker from './DatePicker'
+import DateRangePicker from './DateRangePicker'
+export {
+  TextField,
+  DateTimePicker,
+  FormLabel,
+  MultiCheckbox,
+  MultiSelect,
+  RadioGroup,
+  SingleCheckbox,
+  SingleSelect,
+  AutoCompleteSearch,
+  TimePicker,
+  DatePicker,
+  DateRangePicker,
+}

package/src/components/JsonPreview/JsonPreview.tsx

@@ -1,7 +1,7 @@
-export default function JsonPreview({ data }: { data: any }) {
-  return (
-    <div>
-      <pre>{JSON.stringify(data, null, 2)}</pre>
-    </div>
-  )
-}
+export default function JsonPreview({ data }: { data: any }) {
+  return (
+    <div>
+      <pre>{JSON.stringify(data, null, 2)}</pre>
+    </div>
+  )
+}

package/src/components/JsonPreview/index.tsx

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

package/src/components/LabelValue/LabelValue.tsx

@@ -1,21 +1,21 @@
-import { Box, Stack, Typography } from '@mui/material'
-import { ReactNode } from 'react'
-
-export default function LabelValue({
-  label,
-  value,
-  reverse = false,
-}: {
-  label: string | ReactNode
-  value?: ReactNode
-  reverse?: boolean
-}) {
-  return (
-    <Stack flexDirection={reverse ? 'column-reverse' : 'column'} gap="6px">
-      <Typography variant="subtitle2">{label}</Typography>
-      <Typography paragraph fontWeight={600}>
-        {value ?? '-'}
-      </Typography>
-    </Stack>
-  )
-}
+import { Box, Stack, Typography } from '@mui/material'
+import { ReactNode } from 'react'
+
+export default function LabelValue({
+  label,
+  value,
+  reverse = false,
+}: {
+  label: string | ReactNode
+  value?: ReactNode
+  reverse?: boolean
+}) {
+  return (
+    <Stack flexDirection={reverse ? 'column-reverse' : 'column'} gap="6px">
+      <Typography variant="subtitle2">{label}</Typography>
+      <Typography paragraph fontWeight={600}>
+        {value ?? '-'}
+      </Typography>
+    </Stack>
+  )
+}

package/src/components/LabelValue/index.tsx

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

package/src/components/Layout/ChangePassword.tsx

@@ -1,49 +1,49 @@
-import { Button, Stack } from '@mui/material'
-import { useForm } from 'react-hook-form'
-import { toast } from 'react-toastify'
-import { FormTextField } from '..'
-import axios, { axiosErrorToast } from '../../config/axios'
-
-export default function ChangePassword({ close }) {
-  const { handleSubmit, control } = useForm()
-
-  const onSubmit = async (formData) => {
-    try {
-      await axios.post('/auth/change-password', formData)
-      toast.success('Password Changed Successfully')
-    } catch (error) {
-      axiosErrorToast(error)
-    }
-  }
-
-  return (
-    <form onSubmit={handleSubmit(onSubmit)}>
-      <Stack gap={2}>
-        <FormTextField
-          label="Old Password"
-          control={control}
-          name="oldPassword"
-          required
-        />
-        <FormTextField
-          label="New Password"
-          control={control}
-          name="newPassword"
-          required
-        />
-        <FormTextField
-          label="Confirm Password"
-          control={control}
-          name="password"
-          required
-        />
-        <Stack>
-          <Button variant="outlined" onClick={close}>
-            Cancel
-          </Button>
-          <Button type="submit">Submit</Button>
-        </Stack>
-      </Stack>
-    </form>
-  )
-}
+import { Button, Stack } from '@mui/material'
+import { useForm } from 'react-hook-form'
+import { toast } from 'react-toastify'
+import { FormTextField } from '..'
+import axios, { axiosErrorToast } from '../../config/axios'
+
+export default function ChangePassword({ close }) {
+  const { handleSubmit, control } = useForm()
+
+  const onSubmit = async (formData) => {
+    try {
+      await axios.post('/auth/change-password', formData)
+      toast.success('Password Changed Successfully')
+    } catch (error) {
+      axiosErrorToast(error)
+    }
+  }
+
+  return (
+    <form onSubmit={handleSubmit(onSubmit)}>
+      <Stack gap={2}>
+        <FormTextField
+          label="Old Password"
+          control={control}
+          name="oldPassword"
+          required
+        />
+        <FormTextField
+          label="New Password"
+          control={control}
+          name="newPassword"
+          required
+        />
+        <FormTextField
+          label="Confirm Password"
+          control={control}
+          name="password"
+          required
+        />
+        <Stack>
+          <Button variant="outlined" onClick={close}>
+            Cancel
+          </Button>
+          <Button type="submit">Submit</Button>
+        </Stack>
+      </Stack>
+    </form>
+  )
+}