@eventlook/sdk 1.5.0-beta.3 → 1.5.0-beta.5

package/src/components/hook-form/RHFAutocomplete.tsx

@@ -1,52 +0,0 @@
-import React from 'react';
-import { useFormContext, Controller } from 'react-hook-form';
-import { Autocomplete, AutocompleteProps, TextField } from '@mui/material';
-
-// ----------------------------------------------------------------------
-
-interface Props<
-  T,
-  Multiple extends boolean | undefined,
-  DisableClearable extends boolean | undefined,
-  FreeSolo extends boolean | undefined,
-> extends AutocompleteProps<T, Multiple, DisableClearable, FreeSolo> {
-  name: string;
-  label?: string;
-  helperText?: React.ReactNode;
-}
-
-export default function RHFAutocomplete<
-  T,
-  Multiple extends boolean | undefined,
-  DisableClearable extends boolean | undefined,
-  FreeSolo extends boolean | undefined,
->({
-  name,
-  label,
-  helperText,
-  ...other
-}: Omit<Props<T, Multiple, DisableClearable, FreeSolo>, 'renderInput'>) {
-  const { control, setValue } = useFormContext();
-
-  return (
-    <Controller
-      name={name}
-      control={control}
-      render={({ field, fieldState: { error } }) => (
-        <Autocomplete
-          {...field}
-          onChange={(event, newValue) => setValue(name, newValue, { shouldValidate: true })}
-          renderInput={(params) => (
-            <TextField
-              label={label}
-              error={!!error}
-              helperText={error ? error?.message : helperText}
-              {...params}
-            />
-          )}
-          {...other}
-        />
-      )}
-    />
-  );
-}

package/src/components/hook-form/RHFCodes.tsx

@@ -1,93 +0,0 @@
-import React, { RefObject, useRef } from 'react';
-// form
-import { useFormContext, Controller } from 'react-hook-form';
-// @mui
-import { Stack, TextField, TextFieldProps } from '@mui/material';
-// hooks
-import useEventListener from '@hooks/useEventListener';
-
-// ----------------------------------------------------------------------
-
-type Props = TextFieldProps & {
-  keyName: string;
-  inputs: string[];
-};
-
-export default function RHFCodes({ keyName = '', inputs = [], ...other }: Props) {
-  const codesRef = useRef<HTMLDivElement | null>(null);
-
-  const { control, setValue } = useFormContext();
-
-  const handlePaste = (event: any) => {
-    let data = event.clipboardData.getData('text');
-
-    data = data.split('');
-
-    inputs.map((input, index) => setValue(input, data[index]));
-
-    event.preventDefault();
-  };
-
-  const handleChangeWithNextField = (
-    event: React.ChangeEvent<HTMLInputElement>,
-    handleChange: (event: React.ChangeEvent<HTMLInputElement>) => void
-  ) => {
-    const { maxLength, value, name } = event.target;
-
-    const fieldIndex = name.replace(keyName, '');
-
-    const fieldIntIndex = Number(fieldIndex);
-
-    const nextfield: HTMLElement | null = document.querySelector(
-      `input[name=${keyName}${fieldIntIndex + 1}]`
-    );
-
-    if (value.length > maxLength) {
-      event.target.value = value[0];
-    }
-
-    if (value.length >= maxLength && fieldIntIndex < 6 && nextfield !== null) {
-      (nextfield as HTMLElement).focus();
-    }
-
-    handleChange(event);
-  };
-
-  useEventListener('paste', handlePaste, codesRef as RefObject<HTMLElement>);
-
-  return (
-    <Stack direction="row" spacing={2} justifyContent="center" ref={codesRef}>
-      {inputs.map((name, index) => (
-        <Controller
-          key={name}
-          name={`${keyName}${index + 1}`}
-          control={control}
-          render={({ field, fieldState: { error } }) => (
-            <TextField
-              {...field}
-              error={!!error}
-              autoFocus={index === 0}
-              placeholder="-"
-              onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
-                handleChangeWithNextField(event, field.onChange);
-              }}
-              onFocus={(event) => event.currentTarget.select()}
-              InputProps={{
-                sx: {
-                  width: { xs: 36, sm: 56 },
-                  height: { xs: 36, sm: 56 },
-                  '& input': { p: 0, textAlign: 'center' },
-                },
-              }}
-              inputProps={{
-                maxLength: 1,
-                type: 'number',
-              }}
-              {...other}
-            />
-          )}
-        />
-      ))}
-    </Stack>
-  );
-}

package/src/components/hook-form/RHFSlider.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import { useFormContext, Controller } from 'react-hook-form';
-import { Slider, SliderProps, FormHelperText } from '@mui/material';
-
-// ----------------------------------------------------------------------
-
-type Props = SliderProps & {
-  name: string;
-  helperText?: React.ReactNode;
-};
-
-export default function RHFSlider({ name, helperText, ...other }: Props) {
-  const { control } = useFormContext();
-
-  return (
-    <Controller
-      name={name}
-      control={control}
-      render={({ field, fieldState: { error } }) => (
-        <div>
-          <Slider {...field} valueLabelDisplay="auto" {...other} />
-
-          {(!!error || helperText) && (
-            <FormHelperText error={!!error}>{error ? error?.message : helperText}</FormHelperText>
-          )}
-        </div>
-      )}
-    />
-  );
-}

package/src/components/hook-form/RHFSwitch.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import { useFormContext, Controller } from 'react-hook-form';
-import { Switch, FormControlLabel, FormControlLabelProps, FormHelperText } from '@mui/material';
-
-// ----------------------------------------------------------------------
-
-interface Props extends Omit<FormControlLabelProps, 'control'> {
-  name: string;
-  helperText?: React.ReactNode;
-}
-
-export default function RHFSwitch({ name, helperText, ...other }: Props) {
-  const { control } = useFormContext();
-
-  return (
-    <Controller
-      name={name}
-      control={control}
-      render={({ field, fieldState: { error } }) => (
-        <div>
-          <FormControlLabel control={<Switch {...field} checked={field.value} />} {...other} />
-
-          {(!!error || helperText) && (
-            <FormHelperText error={!!error}>{error ? error?.message : helperText}</FormHelperText>
-          )}
-        </div>
-      )}
-    />
-  );
-}