@campxdev/shared 1.7.15 → 1.8.1

package/src/components/HookForm/SingleSelect.tsx

@@ -1,46 +1,46 @@
-import { SelectProps } from '@mui/material'
-import { ReactNode } from 'react'
-import { Controller } from 'react-hook-form'
-import { SingleSelect } from '../Input'
-
-type Props = {
-  name: string
-  control: any
-  options: Array<{ label: ReactNode; value: any }>
-  firstItemEmpty?: boolean
-} & SelectProps
-
-export default function FormSingleSelect(props: Props) {
-  const {
-    name = 'select',
-    options = [],
-    control,
-    label,
-    onChange,
-    value,
-    firstItemEmpty = false,
-  } = props
-
-  const inputOptions = firstItemEmpty
-    ? [{ label: 'All', value: '__empty__' }, ...options]
-    : options
-
-  return (
-    <Controller
-      name={name}
-      control={control}
-      render={({ field, fieldState: { error } }) => (
-        <SingleSelect
-          label={label}
-          name={name}
-          onChange={onChange ?? field.onChange}
-          value={value ?? field?.value}
-          options={inputOptions}
-          error={!!error}
-          helperText={error?.message}
-          {...props}
-        />
-      )}
-    />
-  )
-}
+import { SelectProps } from '@mui/material'
+import { ReactNode } from 'react'
+import { Controller } from 'react-hook-form'
+import { SingleSelect } from '../Input'
+
+type Props = {
+  name: string
+  control: any
+  options: Array<{ label: ReactNode; value: any }>
+  firstItemEmpty?: boolean
+} & SelectProps
+
+export default function FormSingleSelect(props: Props) {
+  const {
+    name = 'select',
+    options = [],
+    control,
+    label,
+    onChange,
+    value,
+    firstItemEmpty = false,
+  } = props
+
+  const inputOptions = firstItemEmpty
+    ? [{ label: 'All', value: '__empty__' }, ...options]
+    : options
+
+  return (
+    <Controller
+      name={name}
+      control={control}
+      render={({ field, fieldState: { error } }) => (
+        <SingleSelect
+          label={label}
+          name={name}
+          onChange={onChange ?? field.onChange}
+          value={value ?? field?.value}
+          options={inputOptions}
+          error={!!error}
+          helperText={error?.message}
+          {...props}
+        />
+      )}
+    />
+  )
+}

package/src/components/HookForm/TextField.tsx

@@ -1,40 +1,40 @@
-import { TextFieldProps as MuiTextFieldProps } from '@mui/material'
-import React from 'react'
-import { Controller } from 'react-hook-form'
-import { TextField } from '../Input'
-
-type MyTextFieldProps = MuiTextFieldProps & {
-  control: any
-  label?: string
-  name: string
-  required?: boolean
-}
-
-export default function FormTextField({
-  name,
-  control,
-  label,
-  required,
-  onChange,
-  value,
-  ...rest
-}: MyTextFieldProps) {
-  return (
-    <Controller
-      control={control}
-      name={name}
-      render={({ field, fieldState: { error } }) => (
-        <TextField
-          name={name}
-          label={label}
-          onChange={onChange ?? field.onChange}
-          value={value ?? field?.value}
-          required={required}
-          error={error ? true : false}
-          helperText={error ? error.message : null}
-          {...rest}
-        />
-      )}
-    />
-  )
-}
+import { TextFieldProps as MuiTextFieldProps } from '@mui/material'
+import React from 'react'
+import { Controller } from 'react-hook-form'
+import { TextField } from '../Input'
+
+type MyTextFieldProps = MuiTextFieldProps & {
+  control: any
+  label?: string
+  name: string
+  required?: boolean
+}
+
+export default function FormTextField({
+  name,
+  control,
+  label,
+  required,
+  onChange,
+  value,
+  ...rest
+}: MyTextFieldProps) {
+  return (
+    <Controller
+      control={control}
+      name={name}
+      render={({ field, fieldState: { error } }) => (
+        <TextField
+          name={name}
+          label={label}
+          onChange={onChange ?? field.onChange}
+          value={value ?? field?.value}
+          required={required}
+          error={error ? true : false}
+          helperText={error ? error.message : null}
+          {...rest}
+        />
+      )}
+    />
+  )
+}

package/src/components/HookForm/TimePicker.tsx

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

package/src/components/HookForm/index.ts

@@ -1,23 +1,23 @@
-import SingleSelect from './SingleSelect'
-import FormDatePicker from './DatePicker'
-import MultiCheckbox from './MultiCheckbox'
-import MultiSelect from './MultiSelect'
-import RadioGroup from './RadioGroup'
-import SingleCheckbox from './SingleCheckbox'
-import AutoCompleteSearch from './AutoCompleteSearch'
-import FormTextField from './TextField'
-import TimePicker from './TimePicker'
-import FormDateTimePicker from './DateTimePicker'
-
-export {
-  SingleSelect as FormSingleSelect,
-  FormDatePicker,
-  FormTextField,
-  MultiCheckbox as FormMultiCheckbox,
-  MultiSelect as FormMultiSelect,
-  RadioGroup as FormRadioGroup,
-  SingleCheckbox as FormSingleCheckbox,
-  AutoCompleteSearch as FormAutoCompleteSearch,
-  TimePicker as FormTimePicker,
-  FormDateTimePicker,
-}
+import SingleSelect from './SingleSelect'
+import FormDatePicker from './DatePicker'
+import MultiCheckbox from './MultiCheckbox'
+import MultiSelect from './MultiSelect'
+import RadioGroup from './RadioGroup'
+import SingleCheckbox from './SingleCheckbox'
+import AutoCompleteSearch from './AutoCompleteSearch'
+import FormTextField from './TextField'
+import TimePicker from './TimePicker'
+import FormDateTimePicker from './DateTimePicker'
+
+export {
+  SingleSelect as FormSingleSelect,
+  FormDatePicker,
+  FormTextField,
+  MultiCheckbox as FormMultiCheckbox,
+  MultiSelect as FormMultiSelect,
+  RadioGroup as FormRadioGroup,
+  SingleCheckbox as FormSingleCheckbox,
+  AutoCompleteSearch as FormAutoCompleteSearch,
+  TimePicker as FormTimePicker,
+  FormDateTimePicker,
+}

package/src/components/IconButtons/IconButtons.tsx

@@ -1,137 +1,137 @@
-import { Box, IconButton, IconButtonProps, styled } from '@mui/material'
-import { ReactNode } from 'react'
-import {
-  DeleteIcon,
-  DisabledDeleteIcon,
-  DisabledEditIcon,
-  EditIcon,
-  ViewIcon,
-  PrintIcon,
-} from './Icons'
-
-interface ButtonProps extends IconButtonProps {
-  disabledText?: string
-  actionType?: 'delete' | 'edit' | 'view' | 'print'
-}
-
-function Button({ ...props }: ButtonProps) {
-  const handleClick = (e) => {
-    e.stopPropagation()
-    if (!props.onClick) return
-    props.onClick(e)
-  }
-  return (
-    <StyledIconButton
-      {...props}
-      onClick={handleClick}
-      actionType={props.actionType ? props.actionType : 'view'}
-    >
-      {props.children}
-    </StyledIconButton>
-  )
-}
-
-function DisabledButton({
-  disabledText,
-  children,
-}: {
-  disabledText?: string
-  children: ReactNode
-}) {
-  return (
-    <Box
-      sx={{
-        maxHeight: '14px',
-      }}
-      title={disabledText ? disabledText : 'disabled'}
-    >
-      {children}
-    </Box>
-  )
-}
-
-export function ViewButton({ disabled, disabledText, ...props }: ButtonProps) {
-  if (disabled) {
-    return (
-      <DisabledButton {...props} disabledText={disabledText}>
-        <ViewIcon />
-      </DisabledButton>
-    )
-  }
-  return (
-    <Button {...props} actionType="view">
-      <ViewIcon />
-    </Button>
-  )
-}
-
-export function EditButton({ disabled, disabledText, ...props }: ButtonProps) {
-  if (disabled) {
-    return (
-      <DisabledButton
-        disabledText={disabledText ?? 'Default types can not be edited'}
-      >
-        <DisabledEditIcon />
-      </DisabledButton>
-    )
-  }
-  return (
-    <Button {...props} actionType="edit">
-      <EditIcon />
-    </Button>
-  )
-}
-
-export function PrintButton({ disabled, disabledText, ...props }: ButtonProps) {
-  if (disabled) {
-    return (
-      <DisabledButton
-        disabledText={disabledText ?? 'Default types can not be edited'}
-      >
-        <DisabledEditIcon />
-      </DisabledButton>
-    )
-  }
-  return (
-    <Button {...props} actionType="print">
-      <PrintIcon />
-    </Button>
-  )
-}
-
-export function DeleteButton({
-  disabled,
-  disabledText,
-  ...props
-}: ButtonProps) {
-  if (disabled) {
-    return (
-      <DisabledButton
-        disabledText={disabledText ?? 'Default types can not be deleted'}
-      >
-        <DisabledDeleteIcon />
-      </DisabledButton>
-    )
-  }
-  return (
-    <Button {...props} actionType="delete">
-      <DeleteIcon />
-    </Button>
-  )
-}
-
-const StyledIconButton = styled(IconButton)<{
-  actionType: 'delete' | 'edit' | 'view' | 'print'
-}>(({ theme, actionType }) => ({
-  padding: 0,
-  '&:hover': {
-    '& path': {
-      fill:
-        actionType === 'delete'
-          ? 'red'
-          : actionType === 'edit'
-          ? theme.palette.common.yellow
-          : theme.palette.error.main,
-    },
-  },
-}))
+import { Box, IconButton, IconButtonProps, styled } from '@mui/material'
+import { ReactNode } from 'react'
+import {
+  DeleteIcon,
+  DisabledDeleteIcon,
+  DisabledEditIcon,
+  EditIcon,
+  ViewIcon,
+  PrintIcon,
+} from './Icons'
+
+interface ButtonProps extends IconButtonProps {
+  disabledText?: string
+  actionType?: 'delete' | 'edit' | 'view' | 'print'
+}
+
+function Button({ ...props }: ButtonProps) {
+  const handleClick = (e) => {
+    e.stopPropagation()
+    if (!props.onClick) return
+    props.onClick(e)
+  }
+  return (
+    <StyledIconButton
+      {...props}
+      onClick={handleClick}
+      actionType={props.actionType ? props.actionType : 'view'}
+    >
+      {props.children}
+    </StyledIconButton>
+  )
+}
+
+function DisabledButton({
+  disabledText,
+  children,
+}: {
+  disabledText?: string
+  children: ReactNode
+}) {
+  return (
+    <Box
+      sx={{
+        maxHeight: '14px',
+      }}
+      title={disabledText ? disabledText : 'disabled'}
+    >
+      {children}
+    </Box>
+  )
+}
+
+export function ViewButton({ disabled, disabledText, ...props }: ButtonProps) {
+  if (disabled) {
+    return (
+      <DisabledButton {...props} disabledText={disabledText}>
+        <ViewIcon />
+      </DisabledButton>
+    )
+  }
+  return (
+    <Button {...props} actionType="view">
+      <ViewIcon />
+    </Button>
+  )
+}
+
+export function EditButton({ disabled, disabledText, ...props }: ButtonProps) {
+  if (disabled) {
+    return (
+      <DisabledButton
+        disabledText={disabledText ?? 'Default types can not be edited'}
+      >
+        <DisabledEditIcon />
+      </DisabledButton>
+    )
+  }
+  return (
+    <Button {...props} actionType="edit">
+      <EditIcon />
+    </Button>
+  )
+}
+
+export function PrintButton({ disabled, disabledText, ...props }: ButtonProps) {
+  if (disabled) {
+    return (
+      <DisabledButton
+        disabledText={disabledText ?? 'Default types can not be edited'}
+      >
+        <DisabledEditIcon />
+      </DisabledButton>
+    )
+  }
+  return (
+    <Button {...props} actionType="print">
+      <PrintIcon />
+    </Button>
+  )
+}
+
+export function DeleteButton({
+  disabled,
+  disabledText,
+  ...props
+}: ButtonProps) {
+  if (disabled) {
+    return (
+      <DisabledButton
+        disabledText={disabledText ?? 'Default types can not be deleted'}
+      >
+        <DisabledDeleteIcon />
+      </DisabledButton>
+    )
+  }
+  return (
+    <Button {...props} actionType="delete">
+      <DeleteIcon />
+    </Button>
+  )
+}
+
+const StyledIconButton = styled(IconButton)<{
+  actionType: 'delete' | 'edit' | 'view' | 'print'
+}>(({ theme, actionType }) => ({
+  padding: 0,
+  '&:hover': {
+    '& path': {
+      fill:
+        actionType === 'delete'
+          ? 'red'
+          : actionType === 'edit'
+          ? theme.palette.common.yellow
+          : theme.palette.error.main,
+    },
+  },
+}))