mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
28fc3be9be
* first version of the pack * single entry point * add custom components to the package * move form components to toolkit * add more utils and hooks to the package * minor fixes * add CI workflow * update readme and package.json * fix ts * fix build of env-validator * fix docker build * fix icons size * test fixes * more test fixes
31 lines
783 B
TypeScript
31 lines
783 B
TypeScript
import React from 'react';
|
|
import type { FieldValues } from 'react-hook-form';
|
|
|
|
import type { FormFieldPropsBase } from './types';
|
|
import type { PartialBy } from 'types/utils';
|
|
|
|
import { EMAIL_REGEXP } from '../validators/email';
|
|
import { FormFieldText } from './FormFieldText';
|
|
|
|
const FormFieldEmailContent = <FormFields extends FieldValues>(
|
|
props: PartialBy<FormFieldPropsBase<FormFields>, 'placeholder'>,
|
|
) => {
|
|
const rules = React.useMemo(
|
|
() => ({
|
|
...props.rules,
|
|
pattern: EMAIL_REGEXP,
|
|
}),
|
|
[ props.rules ],
|
|
);
|
|
|
|
return (
|
|
<FormFieldText
|
|
{ ...props }
|
|
placeholder={ props.placeholder || 'Email' }
|
|
rules={ rules }
|
|
/>
|
|
);
|
|
};
|
|
|
|
export const FormFieldEmail = React.memo(FormFieldEmailContent) as typeof FormFieldEmailContent;
|