react-formal/esm/useTouched.js

Classy HTML form management for React

import { useMemo } from 'react';
import { BITS, useFormContext } from './Contexts';
import memoize from 'memoize-one';
import { filterAndMapErrors } from './Errors';

/**
 * Returns all errors for the form.
 *
 * @returns {Touched}
 */

/**
 * Returns the current Field value at the provided path.
 *
 * @param path a path to retrieve errors for.
 * @returns {Touched}
 */

/**
 * Returns an array of values for the provided field paths.
 *
 * @param paths a set of paths to retrieve errors for.
 * @returns {Touched}
 */

function useTouched(paths) {
  const {
    touched
  } = useFormContext(BITS.touched);
  const memoFilterAndMapErrors = useMemo(() => memoize(filterAndMapErrors, ([a], [b]) => a.errors === b.errors && a.names === b.names && a.mapErrors === b.mapErrors), []);
  return paths ? memoFilterAndMapErrors({
    errors: touched,
    names: paths
  }) : touched;
}
export default useTouched;