Potential Input State Interfaces

input-interfaces.ts

export interface InputState<ValueType, MaskType> {
  value: ValueType;
  mask: MaskType; // TODO Decide on masking implementation
  touched: boolean;
  invalid: boolean;
  focused: boolean;
  disabled: boolean;
}

export enum InputEvents {
  INIT,
  BLUR,
  CHANGE,
  FOCUS,
  // TODO Consider other input events
}

export interface InputAction {
  type: InputEvents;
}

export interface InputStateReducer<ValueType, MaskType = ValueType> {
  (state: InputState<ValueType, MaskType>, action: InputAction): InputState<ValueType, MaskType>;
}