import type { FieldValidator } from 'final-form'
import {
  Field as FinalField,
  FieldProps as FinalFieldProps,
  FieldRenderProps,
} from 'react-final-form'

// eslint-disable @typescript-eslint/interface-name-prefix

export interface FieldProps<T extends HTMLElement>
  extends FinalFieldProps<any, FieldRenderProps<any, T>, T> {
  required?: boolean
}

export const composeValidators = <FieldValue = any>(
  validators: Array<FieldValidator<FieldValue>>,
): FieldValidator<FieldValue> | undefined => {
  if (validators.length === 0) {
    return undefined
  }
  if (validators.length === 1) {
    return validators[0]
  }
  return (...args) =>
    validators.reduce(
      (error, validator) => error || validator(...args),
      undefined,
    )
}

export const Field = FinalField