/* eslint-disable @typescript-eslint/no-explicit-any */
import { ChangeEvent, FocusEvent } from "react";

import { FieldValidation, FormAdapter, ValidatorType } from "utils";

export type UseFieldOptions<Form extends FormAdapter<any, any>, Value> = {
  attachFieldElement?: boolean;
  validate?: ValidatorType<Form, Value>;
  onChange?: (value: Value, event: ChangeEvent<any>) => void;
  onBlur?: (value: Value, event: FocusEvent<any, any>) => void;
} & FieldValidation<Form, Value>;

export type FieldElements = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;

export type UseFieldOutput<Value> = {
  field: {
    value: Value;
    ref: React.RefObject<any>;
    onChange: (value: Value, event: ChangeEvent<any>) => void;
    onBlur: (event: FocusEvent<any, any>) => void;
  };
  error: string | undefined;
  isDirty: boolean;
  isTouched: boolean;
  isValidating: boolean;
};

export type UseField<Form extends FormAdapter<any, any>, Value> = (
  name: string,
  options?: UseFieldOptions<Form, Value>,
) => UseFieldOutput<Value>;