@campxdev/shared 1.7.11 → 1.7.12

package/src/components/HookForm/DatePicker.tsx

@@ -1,40 +1,40 @@
-import { Controller } from 'react-hook-form'
-import { DatePicker } from '../Input'
-import { IDatePicker } from '../Input/DatePicker'
-interface Props extends Omit<IDatePicker, 'onChange' | 'value'> {
-  name: string
-  control: any
-}
-
-export default function FormDatePicker({
-  name,
-  control,
-  minDate,
-  maxDate,
-  label,
-  required = false,
-  ...rest
-}: Props) {
-  return (
-    <Controller
-      name={name}
-      control={control}
-      render={({ field, fieldState: { error } }) => (
-        <DatePicker
-          label={label}
-          required={required}
-          onChange={field.onChange}
-          value={field.value}
-          minDate={minDate}
-          maxDate={maxDate}
-          inputProps={{
-            ...rest.inputProps,
-            error: !!error,
-            helperText: error?.message ?? '',
-          }}
-          {...rest}
-        />
-      )}
-    />
-  )
-}
+import { Controller } from 'react-hook-form'
+import { DatePicker } from '../Input'
+import { IDatePicker } from '../Input/DatePicker'
+interface Props extends Omit<IDatePicker, 'onChange' | 'value'> {
+  name: string
+  control: any
+}
+
+export default function FormDatePicker({
+  name,
+  control,
+  minDate,
+  maxDate,
+  label,
+  required = false,
+  ...rest
+}: Props) {
+  return (
+    <Controller
+      name={name}
+      control={control}
+      render={({ field, fieldState: { error } }) => (
+        <DatePicker
+          label={label}
+          required={required}
+          onChange={field.onChange}
+          value={field.value}
+          minDate={minDate}
+          maxDate={maxDate}
+          inputProps={{
+            ...rest.inputProps,
+            error: !!error,
+            helperText: error?.message ?? '',
+          }}
+          {...rest}
+        />
+      )}
+    />
+  )
+}

package/src/components/HookForm/DateTimePicker.tsx

@@ -1,47 +1,47 @@
-import { Controller } from 'react-hook-form'
-import DateTimePicker, { IDateTimePicker } from '../Input/DateTimePicker'
-
-interface Props extends Omit<IDateTimePicker, 'onChange' | 'value'> {
-  name: string
-  control: any
-}
-
-export default function FormDateTimePicker({
-  name,
-  control,
-  label,
-  required,
-  minDate,
-  maxDate,
-  minTime,
-  maxTime,
-  ...rest
-}: Props) {
-  return (
-    <Controller
-      name={name}
-      control={control}
-      render={({ field, fieldState: { error } }) => (
-        <DateTimePicker
-          name={name}
-          label={label}
-          required={required}
-          onChange={(v) => {
-            field.onChange(v)
-          }}
-          value={field.value}
-          minDate={minDate}
-          maxDate={maxDate}
-          minTime={minTime}
-          maxTime={maxTime}
-          inputProps={{
-            ...rest.inputProps,
-            error: !!error,
-            helperText: error?.message ?? '',
-          }}
-          {...rest}
-        />
-      )}
-    />
-  )
-}
+import { Controller } from 'react-hook-form'
+import DateTimePicker, { IDateTimePicker } from '../Input/DateTimePicker'
+
+interface Props extends Omit<IDateTimePicker, 'onChange' | 'value'> {
+  name: string
+  control: any
+}
+
+export default function FormDateTimePicker({
+  name,
+  control,
+  label,
+  required,
+  minDate,
+  maxDate,
+  minTime,
+  maxTime,
+  ...rest
+}: Props) {
+  return (
+    <Controller
+      name={name}
+      control={control}
+      render={({ field, fieldState: { error } }) => (
+        <DateTimePicker
+          name={name}
+          label={label}
+          required={required}
+          onChange={(v) => {
+            field.onChange(v)
+          }}
+          value={field.value}
+          minDate={minDate}
+          maxDate={maxDate}
+          minTime={minTime}
+          maxTime={maxTime}
+          inputProps={{
+            ...rest.inputProps,
+            error: !!error,
+            helperText: error?.message ?? '',
+          }}
+          {...rest}
+        />
+      )}
+    />
+  )
+}

package/src/components/HookForm/FormLabel.tsx

@@ -1,14 +1,14 @@
-import { Typography } from '@mui/material'
-
-export default function FormLabel({ label, required }) {
-  return (
-    <>
-      {label}
-      {required && (
-        <Typography fontSize={14} component={'span'} color="error">
-          {' *'}
-        </Typography>
-      )}
-    </>
-  )
-}
+import { Typography } from '@mui/material'
+
+export default function FormLabel({ label, required }) {
+  return (
+    <>
+      {label}
+      {required && (
+        <Typography fontSize={14} component={'span'} color="error">
+          {' *'}
+        </Typography>
+      )}
+    </>
+  )
+}

package/src/components/HookForm/MultiCheckbox.tsx

@@ -1,69 +1,69 @@
-import {
-  Box,
-  BoxProps,
-  FormGroup,
-  FormGroupProps,
-  FormHelperText,
-} from '@mui/material'
-import { ReactNode } from 'react'
-import { Controller } from 'react-hook-form'
-import { FormLabel, SingleCheckbox } from '../Input'
-import { IOption } from '../Input/types'
-
-interface Props extends FormGroupProps {
-  label?: ReactNode
-  name: string
-  control: any
-  options: IOption[]
-  required?: boolean
-  row?: boolean
-  containerProps?: BoxProps
-}
-
-export default function FormMultiCheckbox({
-  name,
-  control,
-  label = '',
-  options = [],
-  required = false,
-  row = true,
-  containerProps,
-  ...rest
-}: Props) {
-  return (
-    <Controller
-      name={name}
-      control={control}
-      render={({ field, fieldState: { error } }) => (
-        <Box width="100%" {...containerProps}>
-          <FormLabel label={label} name={name} required={required} />
-          <FormGroup row={row} sx={{ flexWrap: 'wrap' }} {...rest}>
-            {options?.map((item, index) => (
-              <SingleCheckbox
-                key={index}
-                name={name}
-                checked={field?.value
-                  ?.map((item: any) => item?.value)
-                  ?.includes(item?.value)}
-                label={item.label}
-                onChange={(e) => {
-                  let value = field.value || []
-                  if (e.target.checked) {
-                    let newValue = [...value, item]
-                    field.onChange(newValue)
-                  } else {
-                    let filteredValue = value.filter(
-                      (opt: any) => opt?.value !== item.value,
-                    )
-                    field.onChange(filteredValue)
-                  }
-                }}
-              />
-            ))}
-          </FormGroup>
-          {error && <FormHelperText>{error.message}</FormHelperText>}
-        </Box>
-      )}
-    />
-  )
-}
+import {
+  Box,
+  BoxProps,
+  FormGroup,
+  FormGroupProps,
+  FormHelperText,
+} from '@mui/material'
+import { ReactNode } from 'react'
+import { Controller } from 'react-hook-form'
+import { FormLabel, SingleCheckbox } from '../Input'
+import { IOption } from '../Input/types'
+
+interface Props extends FormGroupProps {
+  label?: ReactNode
+  name: string
+  control: any
+  options: IOption[]
+  required?: boolean
+  row?: boolean
+  containerProps?: BoxProps
+}
+
+export default function FormMultiCheckbox({
+  name,
+  control,
+  label = '',
+  options = [],
+  required = false,
+  row = true,
+  containerProps,
+  ...rest
+}: Props) {
+  return (
+    <Controller
+      name={name}
+      control={control}
+      render={({ field, fieldState: { error } }) => (
+        <Box width="100%" {...containerProps}>
+          <FormLabel label={label} name={name} required={required} />
+          <FormGroup row={row} sx={{ flexWrap: 'wrap' }} {...rest}>
+            {options?.map((item, index) => (
+              <SingleCheckbox
+                key={index}
+                name={name}
+                checked={field?.value
+                  ?.map((item: any) => item?.value)
+                  ?.includes(item?.value)}
+                label={item.label}
+                onChange={(e) => {
+                  let value = field.value || []
+                  if (e.target.checked) {
+                    let newValue = [...value, item]
+                    field.onChange(newValue)
+                  } else {
+                    let filteredValue = value.filter(
+                      (opt: any) => opt?.value !== item.value,
+                    )
+                    field.onChange(filteredValue)
+                  }
+                }}
+              />
+            ))}
+          </FormGroup>
+          {error && <FormHelperText>{error.message}</FormHelperText>}
+        </Box>
+      )}
+    />
+  )
+}

package/src/components/HookForm/MultiSelect.tsx

@@ -1,53 +1,53 @@
-import { ReactNode } from 'react'
-import { Controller } from 'react-hook-form'
-import { MultiSelect } from '../Input'
-import { IOption } from '../Input/types'
-
-interface MultiSelectProps {
-  control: any
-  label: ReactNode
-  name: string
-  options: IOption[]
-  placeholder?: string
-  loading?: boolean
-  required?: boolean
-  value?: IOption[] | IOption
-  onChange?: (value: IOption[] | IOption) => void
-  multiple?: boolean
-}
-
-export default function FormMultiSelect({
-  control,
-  name,
-  options,
-  label,
-  loading,
-  required,
-  multiple = true,
-  ...props
-}: MultiSelectProps) {
-  return (
-    <Controller
-      control={control}
-      name={name}
-      render={({ field, fieldState: { error } }) => {
-        return (
-          <MultiSelect
-            multiple={multiple}
-            value={field.value}
-            label={label}
-            onChange={(value) => {
-              field.onChange(value)
-            }}
-            loading={loading}
-            options={options || []}
-            error={!!error}
-            required={required}
-            helperText={error ? error.message : null}
-            {...props}
-          />
-        )
-      }}
-    />
-  )
-}
+import { ReactNode } from 'react'
+import { Controller } from 'react-hook-form'
+import { MultiSelect } from '../Input'
+import { IOption } from '../Input/types'
+
+interface MultiSelectProps {
+  control: any
+  label: ReactNode
+  name: string
+  options: IOption[]
+  placeholder?: string
+  loading?: boolean
+  required?: boolean
+  value?: IOption[] | IOption
+  onChange?: (value: IOption[] | IOption) => void
+  multiple?: boolean
+}
+
+export default function FormMultiSelect({
+  control,
+  name,
+  options,
+  label,
+  loading,
+  required,
+  multiple = true,
+  ...props
+}: MultiSelectProps) {
+  return (
+    <Controller
+      control={control}
+      name={name}
+      render={({ field, fieldState: { error } }) => {
+        return (
+          <MultiSelect
+            multiple={multiple}
+            value={field.value}
+            label={label}
+            onChange={(value) => {
+              field.onChange(value)
+            }}
+            loading={loading}
+            options={options || []}
+            error={!!error}
+            required={required}
+            helperText={error ? error.message : null}
+            {...props}
+          />
+        )
+      }}
+    />
+  )
+}

package/src/components/HookForm/RadioGroup.tsx

@@ -1,47 +1,47 @@
-import { Box, BoxProps, RadioGroupProps } from '@mui/material'
-import { ReactNode } from 'react'
-import { Controller } from 'react-hook-form'
-import { RadioGroup } from '../Input'
-
-interface Props extends RadioGroupProps {
-  label?: ReactNode
-  name: string
-  control: any
-  sx?: any
-  row?: boolean
-  required?: boolean
-  options: { value: any; label: string | ReactNode }[]
-  containerProps?: BoxProps
-}
-
-export default function FormRadioGroup({
-  name,
-  control,
-  label,
-  options = [],
-  row = false,
-  containerProps,
-  ...rest
-}: Props) {
-  return (
-    <Controller
-      name={name}
-      control={control}
-      render={({ field, fieldState: { error } }) => (
-        <Box width="100%" {...containerProps}>
-          <RadioGroup
-            row={row}
-            name={name}
-            label={label}
-            options={options}
-            value={field.value}
-            onChange={field.onChange}
-            error={error ? true : false}
-            helperText={error ? error?.message : null}
-            {...rest}
-          />
-        </Box>
-      )}
-    />
-  )
-}
+import { Box, BoxProps, RadioGroupProps } from '@mui/material'
+import { ReactNode } from 'react'
+import { Controller } from 'react-hook-form'
+import { RadioGroup } from '../Input'
+
+interface Props extends RadioGroupProps {
+  label?: ReactNode
+  name: string
+  control: any
+  sx?: any
+  row?: boolean
+  required?: boolean
+  options: { value: any; label: string | ReactNode }[]
+  containerProps?: BoxProps
+}
+
+export default function FormRadioGroup({
+  name,
+  control,
+  label,
+  options = [],
+  row = false,
+  containerProps,
+  ...rest
+}: Props) {
+  return (
+    <Controller
+      name={name}
+      control={control}
+      render={({ field, fieldState: { error } }) => (
+        <Box width="100%" {...containerProps}>
+          <RadioGroup
+            row={row}
+            name={name}
+            label={label}
+            options={options}
+            value={field.value}
+            onChange={field.onChange}
+            error={error ? true : false}
+            helperText={error ? error?.message : null}
+            {...rest}
+          />
+        </Box>
+      )}
+    />
+  )
+}

package/src/components/HookForm/SingleCheckbox.tsx

@@ -1,34 +1,34 @@
-import { CheckboxProps } from '@mui/material'
-import { ReactNode } from 'react'
-import { Controller } from 'react-hook-form'
-import { SingleCheckbox } from '../Input'
-
-interface Props extends CheckboxProps {
-  label?: ReactNode
-  name: string
-  control: any
-}
-
-export default function FormSingleCheckbox({
-  name,
-  control,
-  label,
-  onChange,
-  checked,
-  ...rest
-}: Props) {
-  return (
-    <Controller
-      name={name}
-      control={control}
-      render={({ field, fieldState: { error } }) => (
-        <SingleCheckbox
-          checked={checked ?? field.value}
-          onChange={onChange ?? field.onChange}
-          label={label}
-          {...rest}
-        />
-      )}
-    />
-  )
-}
+import { CheckboxProps } from '@mui/material'
+import { ReactNode } from 'react'
+import { Controller } from 'react-hook-form'
+import { SingleCheckbox } from '../Input'
+
+interface Props extends CheckboxProps {
+  label?: ReactNode
+  name: string
+  control: any
+}
+
+export default function FormSingleCheckbox({
+  name,
+  control,
+  label,
+  onChange,
+  checked,
+  ...rest
+}: Props) {
+  return (
+    <Controller
+      name={name}
+      control={control}
+      render={({ field, fieldState: { error } }) => (
+        <SingleCheckbox
+          checked={checked ?? field.value}
+          onChange={onChange ?? field.onChange}
+          label={label}
+          {...rest}
+        />
+      )}
+    />
+  )
+}