128580129

Build Type

github

Committed by GitHub

Commit Message

<a href="https://github.com/Rocketseat/unform/commit/<a class=hub.com/Rocketseat/unform/commit/<a class="double-link" href="https://git"><a class=hub.com/Rocketseat/unform/commit/<a class="double-link" href="https://git"><a class=hub.com/Rocketseat/unform/commit/<a class="double-link" href="https://git"><a class=hub.com/Rocketseat/unform/commit/83311a40f6c1971eae085cfd5f430f071c1e847d">83311a40f">&lt;a href=&quot;https://github.com/Rocketseat/unform/commit/</a><a class="double-link" href="https://github.com/Rocketseat/unform/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/Rocketseat/unform/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/Rocketseat/unform/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/Rocketseat/unform/commit/&lt;a class=&quot;double-link&quot; href=&quot;https://git">&lt;a class=</a>hub.com/Rocketseat/unform/commit/83311a40f6c1971eae085cfd5f430f071c1e847d">83311a40f</a><a href="https://github.com/Rocketseat/unform/commit/83311a40f6c1971eae085cfd5f430f071c1e847d">&quot;&gt;&amp;lt;a href=&amp;quot;https://github.com/Rocketseat/unform/commit/&lt;/a&gt;&lt;a class=&quot;double-link&quot; href=&quot;https://github.com/Rocketseat/unform/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/Rocketseat/unform/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/Rocketseat/unform/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/Rocketseat/unform/commit/&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://git&quot;&gt;&amp;lt;a class=&lt;/a&gt;hub.com/Rocketseat/unform/commit/83311a40f6c1971eae085cfd5f430f071c1e847d&quot;&gt;83311a40f&lt;/a&gt;&lt;a href=&quot;https://github.com/Rocketseat/unform/commit/83311a40f6c1971eae085cfd5f430f071c1e847d&quot;&gt;&amp;quot;&amp;gt;&amp;amp;lt;a href=&amp;amp;quot;https://github.com/Rocketseat/unform/commit/&amp;lt;/a&amp;gt;&amp;lt;a class=&amp;quot;double-link&amp;quot; href=&amp;quot;https://github.com/Rocketseat/unform/commit/&amp;amp;lt;a ... (continued)

Pull Request Pull Request #249: Add name validation in useField

Run Details

40 of 46 branches covered (86.96%)

Branch coverage included in aggregate %.

2 of 2 new or added lines in 1 file covered. (100.0%)

132 of 133 relevant lines covered (99.25%)

12.59 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

92.59

/packages/core/lib/useField.ts

import { useContext, useEffect, useMemo, useCallback } from 'react';

import dot from 'dot-object';

import FormContext from './Context';
import { UnformContext } from './types';

export default function useField(name: string) {
  const {
    initialData,
    errors,
    scopePath,
    unregisterField,
    registerField,
    clearFieldError,
  } = useContext<UnformContext>(FormContext);

  if (!name) {
    throw new Error('You need to provide the "name" prop.');
  }

  const fieldName = useMemo(() => {
    return scopePath ? `${scopePath}.${name}` : name;
  }, [name, scopePath]);

  const defaultValue = useMemo(() => {
    return dot.pick(fieldName, initialData);
  }, [fieldName, initialData]);

  const error = useMemo(() => {
    return errors[fieldName];
  }, [errors, fieldName]);

  const clearError = useCallback(() => {
    clearFieldError(fieldName);
  }, [clearFieldError, fieldName]);

  useEffect(() => () => unregisterField(fieldName), [
    fieldName,
    unregisterField,
  ]);

  return {
    fieldName,
    registerField,
    defaultValue,
    clearError,
    error,
  };
}

1	import { useContext, useEffect, useMemo, useCallback } from 'react';	3✔
2
3	import dot from 'dot-object';	3✔
4
5	import FormContext from './Context';	3✔
6	import { UnformContext } from './types';
7
8	export default function useField(name: string) {	3✔
9	const {	37✔
10	initialData,	37✔
11	errors,	37✔
12	scopePath,	37✔
13	unregisterField,	37✔
14	registerField,	37✔
15	clearFieldError,	37✔
16	} = useContext<UnformContext>(FormContext);
17
18	if (!name) {	37!
19	throw new Error('You need to provide the "name" prop.');	×
20	}
21
22	const fieldName = useMemo(() => {	37✔
23	return scopePath ? `${scopePath}.${name}` : name;	32✔
24	}, [name, scopePath]);
25
26	const defaultValue = useMemo(() => {	37✔
27	return dot.pick(fieldName, initialData);	32✔
28	}, [fieldName, initialData]);
29
30	const error = useMemo(() => {	37✔
31	return errors[fieldName];	37✔
32	}, [errors, fieldName]);
33
34	const clearError = useCallback(() => {	37✔
35	clearFieldError(fieldName);	1✔
36	}, [clearFieldError, fieldName]);
37
38	useEffect(() => () => unregisterField(fieldName), [	37✔
39	fieldName,
40	unregisterField,
41	]);
42
43	return {	37✔
44	fieldName,
45	registerField,
46	defaultValue,
47	clearError,
48	error,
49	};
50	}

Rocketseat / unform / 128580129

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous