rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-01-30 19:52:20 +01:00
Code Issues Releases Activity

Use Generics

Browse Source
This commit is contained in:
vincent 2022-04-04 11:16:31 +02:00 committed by Sylvain
parent 9a27f952a5
commit 3a7ef3f51d
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app/frontend/src/javascript/components/base/rhf-input.tsx
View File

@ -1,21 +1,20 @@
import React, { ReactNode } from 'react';
import { FieldErrors, UseFormRegister, Validate } from 'react-hook-form';
import { FieldValues } from 'react-hook-form/dist/types/fields';
type inputType = string|number|readonly string [];
type ruleTypes = {
type ruleTypes<T> = {
required?: boolean | string,
pattern?: RegExp | {value: RegExp, message: string},
minLenght?: number,
maxLenght?: number,
min?: number,
max?: number,
validate?: Validate<FieldValues>;
validate?: Validate<T>;
};
interface RHFInputProps {
interface RHFInputProps<T> {
id: string,
register: UseFormRegister<FieldValues>,
register: UseFormRegister<T>,
label?: string,
tooltip?: string,
defaultValue?: inputType,
@ -23,7 +22,7 @@ interface RHFInputProps {
addOn?: ReactNode,
addOnClassName?: string,
classes?: string,
rules?: ruleTypes,
rules?: ruleTypes<T>,
readOnly?: boolean,
disabled?: boolean,
placeholder?: string,
@ -35,7 +34,7 @@ interface RHFInputProps {
/**
* This component is a template for an input component to use within React Hook Form
*/
export const RHFInput: React.FC<RHFInputProps> = ({ id, register, label, tooltip, defaultValue, icon, classes, rules, readOnly, disabled, type, addOn, addOnClassName, placeholder, error, step }) => {
export const RHFInput: React.FC<RHFInputProps<any>> = ({ id, register, label, tooltip, defaultValue, icon, classes, rules, readOnly, disabled, type, addOn, addOnClassName, placeholder, error, step }) => {
// Compose classnames from props
const classNames = `
rhf-input ${classes || ''}