react-bfm/src/field/actions.ts

A basic field / form manager for React using hooks

import { mapFieldValueAndError } from '../helpers'
import { updateFieldStateWithCallback } from '../state'
import { FieldNameType, FieldStateType, NamespaceType } from '../common'
import { FIELD_STATE_DEFAULT } from '../constants/state-defaults'
import { FIELD_DEFAULT_ERROR, FIELD_DEFAULT_VALUE } from '../constants/field-defaults'
import { FIELD_KEY_INITIAL_VALUE, FIELD_KEY_INITIAL_VALUE_ERROR } from '../constants/field-keys'

/**
 * Reset field, but ignoring initial value
 */
export const clearField = (namespace: NamespaceType, fieldName: FieldNameType): void => {
  updateFieldStateWithCallback(namespace, fieldName, () => ({
    ...FIELD_STATE_DEFAULT,
    ...mapFieldValueAndError(FIELD_DEFAULT_VALUE, FIELD_DEFAULT_ERROR),
  }))
}
/**
 * Reset field to default state and setting last provided initial value
 */
export const resetField = (namespace: NamespaceType, fieldName: FieldNameType): void => {
  updateFieldStateWithCallback(namespace, fieldName, (currentState: FieldStateType) => ({
    ...FIELD_STATE_DEFAULT,
    ...mapFieldValueAndError(
      currentState[FIELD_KEY_INITIAL_VALUE] ?? FIELD_DEFAULT_VALUE,
      currentState[FIELD_KEY_INITIAL_VALUE_ERROR],
    ),
  }))
}