mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
f6725649da
* 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
27 lines
682 B
TypeScript
27 lines
682 B
TypeScript
import React from 'react';
|
|
import type { FieldValues } from 'react-hook-form';
|
|
|
|
import type { FormFieldPropsBase } from './types';
|
|
|
|
import { urlValidator } from '../validators/url';
|
|
import { FormFieldText } from './FormFieldText';
|
|
|
|
const FormFieldUrlContent = <FormFields extends FieldValues>(
|
|
props: FormFieldPropsBase<FormFields>,
|
|
) => {
|
|
const rules = React.useMemo(
|
|
() => ({
|
|
...props.rules,
|
|
validate: {
|
|
...props.rules?.validate,
|
|
url: urlValidator,
|
|
},
|
|
}),
|
|
[ props.rules ],
|
|
);
|
|
|
|
return <FormFieldText { ...props } rules={ rules }/>;
|
|
};
|
|
|
|
export const FormFieldUrl = React.memo(FormFieldUrlContent) as typeof FormFieldUrlContent;
|