- 
-
- Build forms in React, without the tears. -
- -- -[](https://npm.im/formik) -[](https://npm.im/formik) -[](https://unpkg.com/formik@latest/dist/formik.umd.production.min.js) -[](./LICENSE) -[](https://discord.gg/cU6MCve) -[](https://spectrum.chat/palmer) - -**Visit [https://jaredpalmer.com/formik](https://jaredpalmer.com/formik) to get started with Formik.** - ---- - -**The below readme is the documentation for the `next` (prerelease) version of Formik. To view the documentation for the latest stable Formik version visit [jaredpalmer.com/formik/docs](https://jaredpalmer.com/formik/docs/overview)** - ---- - -Let's face it, forms are really verbose in -[React](https://github.com/facebook/react). To make matters worse, most form -helpers do wayyyy too much magic and often have a significant performance cost -associated with them. Formik is a small library that helps you with the 3 most -annoying parts: - -1. Getting values in and out of form state -2. Validation and error messages -3. Handling form submission - -By colocating all of the above in one place, Formik will keep things -organized--making testing, refactoring, and reasoning about your forms a breeze. - - - - -## Docs - -- [Get Started](https://jaredpalmer.com/formik/docs/overview) -- [API Reference](https://jaredpalmer.com/formik/docs/api/formik) -- [Articles / Tutorials](https://jaredpalmer.com/formik/docs/resources) -- [Get Help](https://jaredpalmer.com/formik/help) -- [Release Notes](https://github.com/jaredpalmer/formik/releases) - -## In-browser Playgrounds - -You can play with Formik in your web browser with these live online playgrounds. - -- CodeSandbox (ReactDOM) https://codesandbox.io/s/zKrK5YLDZ -- Expo Snack (React Native) https://snack.expo.io/@jaredpalmer/basic-formik-x-react-native-example - -## Examples - -- [Basics](https://codesandbox.io/s/zKrK5YLDZ) -- [Sync Validation](https://codesandbox.io/s/q8yRqQMp) -- [Building your own input primitives](https://codesandbox.io/s/qJR4ykJk) -- Working with 3rd-party inputs: - - [react-select-v1](https://codesandbox.io/s/jRzE53pqR) - - [react-select-v2](https://codesandbox.io/s/73jj9zom96) - - [Draft.js](https://codesandbox.io/s/QW1rqjBLl) -- [Accessing React lifecycle functions](https://codesandbox.io/s/pgD4DLypy) -- [React Native](https://snack.expo.io/@ferrannp/react-native-x-formik) -- [TypeScript](https://codesandbox.io/s/8y578o8152) -- [Handling API Errors](https://codesandbox.io/s/nw193yq32l) - -## Organizations and projects using Formik - -[List of organizations and projects using Formik](https://github.com/jaredpalmer/formik/issues/87) - -## Authors - -- Jared Palmer [@jaredpalmer](https://twitter.com/jaredpalmer) -- Ian White [@eonwhite](https://twitter.com/eonwhite) - -## Contributors - -Formik is made with <3 thanks to these wonderful people -([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)): - - - -| [
Jared Palmer](http://jaredpalmer.com)
[💬](#question-jaredpalmer "Answering Questions") [💻](https://github.com/jaredpalmer/formik/commits?author=jaredpalmer "Code") [🎨](#design-jaredpalmer "Design") [📖](https://github.com/jaredpalmer/formik/commits?author=jaredpalmer "Documentation") [💡](#example-jaredpalmer "Examples") [🤔](#ideas-jaredpalmer "Ideas, Planning, & Feedback") [👀](#review-jaredpalmer "Reviewed Pull Requests") [⚠️](https://github.com/jaredpalmer/formik/commits?author=jaredpalmer "Tests") | [
Ian White](https://www.stardog.io)
[💬](#question-eonwhite "Answering Questions") [🐛](https://github.com/jaredpalmer/formik/issues?q=author%3Aeonwhite "Bug reports") [💻](https://github.com/jaredpalmer/formik/commits?author=eonwhite "Code") [📖](https://github.com/jaredpalmer/formik/commits?author=eonwhite "Documentation") [🤔](#ideas-eonwhite "Ideas, Planning, & Feedback") [👀](#review-eonwhite "Reviewed Pull Requests") | [
Andrej Badin](http://andrejbadin.com)
[💬](#question-Andreyco "Answering Questions") [🐛](https://github.com/jaredpalmer/formik/issues?q=author%3AAndreyco "Bug reports") [📖](https://github.com/jaredpalmer/formik/commits?author=Andreyco "Documentation") | [
Adam Howard](http://adz.co.de)
[💬](#question-skattyadz "Answering Questions") [🐛](https://github.com/jaredpalmer/formik/issues?q=author%3Askattyadz "Bug reports") [🤔](#ideas-skattyadz "Ideas, Planning, & Feedback") [👀](#review-skattyadz "Reviewed Pull Requests") | [
Vlad Shcherbin](https://github.com/VladShcherbin)
[💬](#question-VladShcherbin "Answering Questions") [🐛](https://github.com/jaredpalmer/formik/issues?q=author%3AVladShcherbin "Bug reports") [🤔](#ideas-VladShcherbin "Ideas, Planning, & Feedback") | [
Brikou CARRE](https://github.com/brikou)
[🐛](https://github.com/jaredpalmer/formik/issues?q=author%3Abrikou "Bug reports") [📖](https://github.com/jaredpalmer/formik/commits?author=brikou "Documentation") | [
Sam Kvale](http://skvale.github.io)
[🐛](https://github.com/jaredpalmer/formik/issues?q=author%3Askvale "Bug reports") [💻](https://github.com/jaredpalmer/formik/commits?author=skvale "Code") [⚠️](https://github.com/jaredpalmer/formik/commits?author=skvale "Tests") | -| :---: | :---: | :---: | :---: | :---: | :---: | :---: | -| [
Jon Tansey](http://jon.tansey.info)
[🐛](https://github.com/jaredpalmer/formik/issues?q=author%3Ajontansey "Bug reports") [💻](https://github.com/jaredpalmer/formik/commits?author=jontansey "Code") | [
Tyler Martinez](http://slightlytyler.com)
[🐛](https://github.com/jaredpalmer/formik/issues?q=author%3Aslightlytyler "Bug reports") [📖](https://github.com/jaredpalmer/formik/commits?author=slightlytyler "Documentation") | [
Tobias Lohse](http://MrLoh.se)
[🐛](https://github.com/jaredpalmer/formik/issues?q=author%3AMrLoh "Bug reports") [💻](https://github.com/jaredpalmer/formik/commits?author=MrLoh "Code") | - - - -This project follows the -[all-contributors](https://github.com/kentcdodds/all-contributors) -specification. Contributions of any kind welcome! - -## Related - -- [TSDX](https://github.com/palmerhq/tsdx) - Zero-config CLI for TypeScript used by this repo. - ---- - -[MIT License.](https://github.com/jaredpalmer/formik/blob/master/LICENSE) diff --git a/README.md b/README.md new file mode 120000 index 000000000..3daa19004 --- /dev/null +++ b/README.md @@ -0,0 +1 @@ +./packages/formik/README.md \ No newline at end of file diff --git a/coverage/clover.xml b/coverage/clover.xml new file mode 100644 index 000000000..56445e2db --- /dev/null +++ b/coverage/clover.xml @@ -0,0 +1,554 @@ + +
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/coverage/lcov-report/Field.tsx.html b/coverage/lcov-report/Field.tsx.html
new file mode 100644
index 000000000..4ee6c3bf0
--- /dev/null
+++ b/coverage/lcov-report/Field.tsx.html
@@ -0,0 +1,672 @@
+
+
+
+
+
+
++ All files FastField.tsx +
+
+
+
+ 63.93%
+ Statements
+ 78/122
+
+
+ 60.71%
+ Branches
+ 34/56
+
+
+ 29.17%
+ Functions
+ 7/24
+
+
+ 64.42%
+ Lines
+ 67/104
+
+ + Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 | + + + + + + + + + + + + + + + + + + + + + + + +5x + + + + + +5x + + + +24x +24x + +24x +24x + + + +24x + + + +24x + + + + + +24x +24x + + + + +24x + + + + + + +24x + +24x + +24x + + + + +24x + + + + +24x + + + + + +5x +19x + + +24x +2x +2x +2x +2x +2x +2x +2x +2x + +2x +2x + + +2x + +1x +1x +1x + + + + + + +1x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +1x + + + +24x +2x +2x + + +2x +1x +1x + + + + + + + + + + + + + + + + + +1x + + + + + + + +1x + + + + + + + + +5x +26x +26x +26x +26x +26x +52x +26x +26x + + +26x +26x +26x + +26x + + + + + + + + +26x + + + + + +26x +5x + + + + + + +21x +4x + + +17x +10x +10x + + + + + + + +7x + + + + + +5x + +5x + + + | import * as React from 'react';
+import isEqual from 'react-fast-compare';
+import warning from 'warning';
+import { polyfill } from 'react-lifecycles-compat';
+import { FieldAttributes, FieldConfig, FieldProps } from './Field';
+import { validateYupSchema, yupToFormErrors } from './Formik';
+import { connect } from './connect';
+import { FormikContext } from './types';
+import { getIn, isEmptyChildren, isFunction, isPromise, setIn } from './utils';
+
+export interface FastFieldState {
+ value: any;
+ error?: string;
+}
+
+/** @private Returns whether two objects are deeply equal **excluding** a key / dot path */
+function isEqualExceptForKey(a: any, b: any, path: string) {
+ return isEqual(setIn(a, path, undefined), setIn(b, path, undefined));
+}
+
+/**
+ * Custom Field component for quickly hooking into Formik
+ * context and wiring up forms.
+ */
+class FastFieldInner<Props = {}, Values = {}> extends React.Component<
+ FieldAttributes<Props> & { formik: FormikContext<Values> },
+ FastFieldState
+> {
+ reset: (nextValues?: any) => void;
+
+ static getDerivedStateFromProps(
+ nextProps: any /* FieldAttributes<Props> & { formik: FormikContext<Values> }*/,
+ prevState: FastFieldState
+ ) {
+ const nextFieldValue = getIn(nextProps.formik.values, nextProps.name);
+ const nextFieldError = getIn(nextProps.formik.errors, nextProps.name);
+
+ let nextState = null;
+ Iif (!isEqual(nextFieldValue, prevState.value)) {
+ nextState = { ...prevState, value: nextFieldValue };
+ }
+
+ Iif (!isEqual(nextFieldError, prevState.error)) {
+ nextState = { ...prevState, error: nextFieldError };
+ }
+
+ return nextState;
+ }
+
+ constructor(
+ props: FieldAttributes<Props> & { formik: FormikContext<Values> }
+ ) {
+ super(props);
+ this.state = {
+ value: getIn(props.formik.values, props.name),
+ error: getIn(props.formik.errors, props.name),
+ };
+
+ this.reset = (nextValues?: any) => {
+ this.setState({
+ value: getIn(nextValues, props.name),
+ error: getIn(props.formik.errors, props.name),
+ });
+ };
+
+ props.formik.registerField(props.name, this.reset);
+
+ const { render, children, component } = props;
+
+ warning(
+ !(component && render),
+ 'You should not use <FastField component> and <FastField render> in the same <FastField> component; <FastField component> will be ignored'
+ );
+
+ warning(
+ !(props.component && children && isFunction(children)),
+ 'You should not use <FastField component> and <FastField children> as a function in the same <FastField> component; <FastField component> will be ignored.'
+ );
+
+ warning(
+ !(render && children && !isEmptyChildren(children)),
+ 'You should not use <FastField render> and <FastField children> in the same <FastField> component; <FastField children> will be ignored'
+ );
+ }
+
+ componentWillUnmount() {
+ this.props.formik.unregisterField(this.props.name);
+ }
+
+ handleChange = (e: React.ChangeEvent<any>) => {
+ e.persist();
+ const {
+ validateOnChange,
+ validate,
+ values,
+ validationSchema,
+ errors,
+ setFormikState,
+ } = this.props.formik;
+ const { type, value, checked } = e.target;
+ const val = /number|range/.test(type)
+ ? parseFloat(value)
+ : /checkbox/.test(type) ? checked : value;
+ if (validateOnChange) {
+ // Field-level validation
+ Eif (this.props.validate) {
+ const maybePromise = (this.props.validate as any)(value);
+ Iif (isPromise(maybePromise)) {
+ this.setState({ value: val });
+ (maybePromise as any).then(
+ () => this.setState({ error: undefined }),
+ (error: string) => this.setState({ error })
+ );
+ } else {
+ this.setState({ value: val, error: maybePromise });
+ }
+ } else if (validate) {
+ // Top-level validate
+ const maybePromise = (validate as any)(
+ setIn(values, this.props.name, val)
+ );
+
+ if (isPromise(maybePromise)) {
+ this.setState({ value: val });
+ (maybePromise as any).then(
+ () => this.setState({ error: undefined }),
+ (error: any) => {
+ // Here we diff the errors object relative to Formik parents except for
+ // the Field's key. If they are equal, the field's validation function is
+ // has no inter-field side-effects and we only need to update local state
+ // otherwise we need to lift up the update to the parent (causing a full form render)
+ if (isEqualExceptForKey(maybePromise, errors, this.props.name)) {
+ this.setState({ error: getIn(error, this.props.name) });
+ } else {
+ setFormikState((prevState: any) => ({
+ ...prevState,
+ errors: error,
+ // touched: setIn(prevState.touched, name, true),
+ }));
+ }
+ }
+ );
+ } else {
+ // Handle the same diff situation
+ // @todo refactor
+ if (isEqualExceptForKey(maybePromise, errors, this.props.name)) {
+ this.setState({
+ value: val,
+ error: getIn(maybePromise, this.props.name),
+ });
+ } else {
+ this.setState({
+ value: val,
+ });
+ setFormikState((prevState: any) => ({
+ ...prevState,
+ errors: maybePromise,
+ }));
+ }
+ }
+ } else if (validationSchema) {
+ // Top-level validationsSchema
+ const schema = isFunction(validationSchema)
+ ? validationSchema()
+ : validationSchema;
+ const mergedValues = setIn(values, this.props.name, val);
+ // try to validate with yup synchronously if possible...saves a render.
+ try {
+ validateYupSchema(mergedValues, schema, true);
+ this.setState({
+ value: val,
+ error: undefined,
+ });
+ } catch (e) {
+ if (e.name === 'ValidationError') {
+ this.setState({
+ value: val,
+ error: getIn(yupToFormErrors(e), this.props.name),
+ });
+ } else {
+ this.setState({
+ value: val,
+ });
+ // try yup async validation
+ validateYupSchema(mergedValues, schema).then(
+ () => this.setState({ error: undefined }),
+ (err: any) =>
+ this.setState(s => ({
+ ...s,
+ error: getIn(yupToFormErrors(err), this.props.name),
+ }))
+ );
+ }
+ }
+ } else {
+ this.setState({ value: val });
+ }
+ } else {
+ this.setState({ value: val });
+ }
+ };
+
+ handleBlur = () => {
+ const { validateOnBlur, setFormikState } = this.props.formik;
+ const { name, validate } = this.props;
+
+ // @todo refactor
+ if (validateOnBlur && validate) {
+ const maybePromise = (validate as any)(this.state.value);
+ Iif (isPromise(maybePromise)) {
+ (maybePromise as Promise<any>).then(
+ () =>
+ setFormikState((prevState: any) => ({
+ ...prevState,
+ values: setIn(prevState.values, name, this.state.value),
+ errors: setIn(prevState.errors, name, undefined),
+ touched: setIn(prevState.touched, name, true),
+ })),
+ error =>
+ setFormikState((prevState: any) => ({
+ ...prevState,
+ values: setIn(prevState.values, name, this.state.value),
+ errors: setIn(prevState.errors, name, error),
+ touched: setIn(prevState.touched, name, true),
+ }))
+ );
+ } else {
+ setFormikState((prevState: any) => ({
+ ...prevState,
+ values: setIn(prevState.values, name, this.state.value),
+ errors: setIn(prevState.errors, name, maybePromise),
+ touched: setIn(prevState.touched, name, true),
+ }));
+ }
+ } else {
+ setFormikState((prevState: any) => ({
+ ...prevState,
+ errors: setIn(prevState.errors, name, this.state.error),
+ values: setIn(prevState.values, name, this.state.value),
+ touched: setIn(prevState.touched, name, true),
+ }));
+ }
+ };
+
+ render() {
+ const {
+ validate,
+ name,
+ render,
+ children,
+ component = 'input',
+ formik,
+ ...props
+ } = this.props as FieldConfig & { formik: FormikContext<Values> };
+ const {
+ validate: _validate,
+ validationSchema: _validationSchema,
+ ...restOfFormik
+ } = formik;
+ const field = {
+ value:
+ props.type === 'radio' || props.type === 'checkbox'
+ ? props.value // React uses checked={} for these inputs
+ : this.state.value,
+ name,
+ onChange: this.handleChange,
+ onBlur: this.handleBlur,
+ };
+ const bag = {
+ field,
+ form: restOfFormik,
+ meta: { touched: getIn(formik.touched, name), error: this.state.error },
+ };
+
+ if (render) {
+ return (render as (
+ props: FieldProps<any> & {
+ meta: { error?: string; touched?: boolean };
+ }
+ ) => React.ReactNode)(bag);
+ }
+
+ if (isFunction(children)) {
+ return (children as (props: FieldProps<any>) => React.ReactNode)(bag);
+ }
+
+ if (typeof component === 'string') {
+ const { innerRef, ...rest } = props;
+ return React.createElement(component as any, {
+ ref: innerRef,
+ ...field,
+ ...rest,
+ children,
+ });
+ }
+
+ return React.createElement(component as any, {
+ ...bag,
+ ...props,
+ children,
+ });
+ }
+}
+
+export const FastField = connect<FieldAttributes<any>, any>(
+ polyfill(FastFieldInner)
+);
+ |
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/coverage/lcov-report/FieldArray.tsx.html b/coverage/lcov-report/FieldArray.tsx.html
new file mode 100644
index 000000000..690ef5b36
--- /dev/null
+++ b/coverage/lcov-report/FieldArray.tsx.html
@@ -0,0 +1,906 @@
+
+
+
+
+
+
++ All files Field.tsx +
+
+
+
+ 95%
+ Statements
+ 57/60
+
+
+ 94.44%
+ Branches
+ 34/36
+
+
+ 75%
+ Functions
+ 6/8
+
+
+ 93.88%
+ Lines
+ 46/49
+
+ + Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 | + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +5x + + + + + + +24x +24x +24x + + + + +24x + + + + +24x + + + + + +24x +2x +2x +2x +1x + + + +24x +2x +2x +2x +1x + + + +24x +2x +2x + +2x + +2x + + + + + + +2x + + + +5x +24x +24x +24x +24x +24x +48x +24x +24x + + + + +24x +24x +24x + +24x + + + + + + + + +24x + +24x +5x + + +19x +4x + + +15x +8x +8x + + + + + + + +7x + + + + + +5x + +5x + | import * as React from 'react';
+import warning from 'warning';
+import { connect } from './connect';
+import {
+ FormikProps,
+ GenericFieldHTMLAttributes,
+ FormikContext,
+} from './types';
+import { getIn, isEmptyChildren, isFunction, isPromise } from './utils';
+
+/**
+ * Note: These typings could be more restrictive, but then it would limit the
+ * reusability of custom <Field/> components.
+ *
+ * @example
+ * interface MyProps {
+ * ...
+ * }
+ *
+ * export const MyInput: React.SFC<MyProps & FieldProps> = ({
+ * field,
+ * form,
+ * ...props
+ * }) =>
+ * <div>
+ * <input {...field} {...props}/>
+ * {form.touched[field.name] && form.errors[field.name]}
+ * </div>
+ */
+export interface FieldProps<V = any> {
+ field: {
+ /** Classic React change handler, keyed by input name */
+ onChange: (e: React.ChangeEvent<any>) => void;
+ /** Mark input as touched */
+ onBlur: (e: any) => void;
+ /** Value of the input */
+ value: any;
+ /* name of the input */
+ name: string;
+ };
+ form: FormikProps<V>; // if ppl want to restrict this for a given form, let them.
+}
+
+export interface FieldConfig {
+ /**
+ * Field component to render. Can either be a string like 'select' or a component.
+ */
+ component?:
+ | string
+ | React.ComponentType<FieldProps<any>>
+ | React.ComponentType<void>;
+
+ /**
+ * Render prop (works like React router's <Route render={props =>} />)
+ */
+ render?: ((props: FieldProps<any>) => React.ReactNode);
+
+ /**
+ * Children render function <Field name>{props => ...}</Field>)
+ */
+ children?: ((props: FieldProps<any>) => React.ReactNode) | React.ReactNode;
+
+ /**
+ * Validate a single field value independently
+ */
+ validate?: ((value: any) => string | Function | Promise<void> | undefined);
+
+ /**
+ * Field name
+ */
+ name: string;
+
+ /** HTML input type */
+ type?: string;
+
+ /** Field value */
+ value?: any;
+
+ /** Inner ref */
+ innerRef?: (instance: any) => void;
+}
+
+export type FieldAttributes<T> = GenericFieldHTMLAttributes & FieldConfig & T;
+
+/**
+ * Custom Field component for quickly hooking into Formik
+ * context and wiring up forms.
+ */
+class FieldInner<Props = {}, Values = {}> extends React.Component<
+ FieldAttributes<Props> & { formik: FormikContext<Values> },
+ {}
+> {
+ constructor(
+ props: FieldAttributes<Props> & { formik: FormikContext<Values> }
+ ) {
+ super(props);
+ const { render, children, component } = this.props;
+ warning(
+ !(component && render),
+ 'You should not use <Field component> and <Field render> in the same <Field> component; <Field component> will be ignored'
+ );
+
+ warning(
+ !(component && children && isFunction(children)),
+ 'You should not use <Field component> and <Field children> as a function in the same <Field> component; <Field component> will be ignored.'
+ );
+
+ warning(
+ !(render && children && !isEmptyChildren(children)),
+ 'You should not use <Field render> and <Field children> in the same <Field> component; <Field children> will be ignored'
+ );
+ }
+
+ handleChange = (e: React.ChangeEvent<any>) => {
+ const { handleChange, validateOnChange } = this.props.formik;
+ handleChange(e); // Call Formik's handleChange no matter what
+ if (!!validateOnChange && !!this.props.validate) {
+ this.runFieldValidations(e.target.value);
+ }
+ };
+
+ handleBlur = (e: any) => {
+ const { handleBlur, validateOnBlur } = this.props.formik;
+ handleBlur(e); // Call Formik's handleBlur no matter what
+ if (!!validateOnBlur && !!this.props.validate) {
+ this.runFieldValidations(e.target.value);
+ }
+ };
+
+ runFieldValidations = (value: any) => {
+ const { setFieldError } = this.props.formik;
+ const { name, validate } = this.props;
+ // Call validate fn
+ const maybePromise = (validate as any)(value);
+ // Check if validate it returns a Promise
+ Iif (isPromise(maybePromise)) {
+ (maybePromise as Promise<any>).then(
+ () => setFieldError(name, undefined as any),
+ error => setFieldError(name, error)
+ );
+ } else {
+ // Otherwise set the error
+ setFieldError(name, maybePromise);
+ }
+ };
+
+ render() {
+ const {
+ validate,
+ name,
+ render,
+ children,
+ component = 'input',
+ formik,
+ ...props
+ } = (this.props as FieldAttributes<Props> & {
+ formik: FormikContext<Values>;
+ }) as any;
+ const {
+ validate: _validate,
+ validationSchema: _validationSchema,
+ ...restOfFormik
+ } = formik;
+ const field = {
+ value:
+ props.type === 'radio' || props.type === 'checkbox'
+ ? props.value // React uses checked={} for these inputs
+ : getIn(formik.values, name),
+ name,
+ onChange: validate ? this.handleChange : formik.handleChange,
+ onBlur: validate ? this.handleBlur : formik.handleBlur,
+ };
+ const bag = { field, form: restOfFormik };
+
+ if (render) {
+ return (render as any)(bag);
+ }
+
+ if (isFunction(children)) {
+ return (children as (props: FieldProps<any>) => React.ReactNode)(bag);
+ }
+
+ if (typeof component === 'string') {
+ const { innerRef, ...rest } = props;
+ return React.createElement(component as any, {
+ ref: innerRef,
+ ...field,
+ ...rest,
+ children,
+ });
+ }
+
+ return React.createElement(component as any, {
+ ...bag,
+ ...props,
+ children,
+ });
+ }
+}
+
+export const Field = connect<FieldAttributes<any>, any>(FieldInner);
+ |
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/coverage/lcov-report/Form.tsx.html b/coverage/lcov-report/Form.tsx.html
new file mode 100644
index 000000000..0cdff0897
--- /dev/null
+++ b/coverage/lcov-report/Form.tsx.html
@@ -0,0 +1,93 @@
+
+
+
+
+
+
++ All files FieldArray.tsx +
+
+
+
+ 80.17%
+ Statements
+ 93/116
+
+
+ 68.29%
+ Branches
+ 28/41
+
+
+ 54.76%
+ Functions
+ 23/42
+
+
+ 90.63%
+ Lines
+ 87/96
+
+ + Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 | + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +5x + + + + + + + +5x +1x +1x +1x +1x +1x + + +5x +1x +1x +1x + + +5x +1x +1x +1x + +5x + + + +5x + + + + +10x + +10x +10x + + +10x + + + + +7x +7x +7x +7x + +7x +7x + + + + + + + + + + +7x +7x + + + + + +10x +1x +1x + + + + +10x + +10x +1x +1x + + + + +10x + + +10x + + + + + + +10x + +10x +1x +1x + + + + +10x + +10x +1x +1x + + + + +10x + + +10x +1x +1x + +1x +1x + + + + +1x + + +10x + +5x + + +1x + + +3x +3x +1x + +3x +3x + +3x + + + + + +1x + + +10x + +5x + + +1x + + +3x +3x +1x + +3x + + + + + +1x + + +10x + +5x +17x + + + + + + + + + + + + + + + + + + +17x +17x +17x +17x +17x +17x +17x +17x +17x + + + +17x + +17x + + + + + + + + + +5x + +5x + | import * as React from 'react';
+import { connect } from './connect';
+import {
+ FormikContext,
+ FormikState,
+ SharedRenderProps,
+ FormikProps,
+} from './types';
+import { getIn, isEmptyChildren, isFunction, setIn } from './utils';
+
+export type FieldArrayConfig = {
+ /** Really the path to the array field to be updated */
+ name: string;
+ /** Should field array validate the form AFTER array updates/changes? */
+ validateOnChange?: boolean;
+} & SharedRenderProps<ArrayHelpers & { form: FormikProps<any> }>;
+export interface ArrayHelpers {
+ /** Imperatively add a value to the end of an array */
+ push: (obj: any) => void;
+ /** Curried fn to add a value to the end of an array */
+ handlePush: (obj: any) => () => void;
+ /** Imperatively swap two values in an array */
+ swap: (indexA: number, indexB: number) => void;
+ /** Curried fn to swap two values in an array */
+ handleSwap: (indexA: number, indexB: number) => () => void;
+ /** Imperatively move an element in an array to another index */
+ move: (from: number, to: number) => void;
+ /** Imperatively move an element in an array to another index */
+ handleMove: (from: number, to: number) => () => void;
+ /** Imperatively insert an element at a given index into the array */
+ insert: (index: number, value: any) => void;
+ /** Curried fn to insert an element at a given index into the array */
+ handleInsert: (index: number, value: any) => () => void;
+ /** Imperatively replace a value at an index of an array */
+ replace: (index: number, value: any) => void;
+ /** Curried fn to replace an element at a given index into the array */
+ handleReplace: (index: number, value: any) => () => void;
+ /** Imperatively add an element to the beginning of an array and return its length */
+ unshift: (value: any) => number;
+ /** Curried fn to add an element to the beginning of an array */
+ handleUnshift: (value: any) => () => void;
+ /** Curried fn to remove an element at an index of an array */
+ handleRemove: (index: number) => () => void;
+ /** Curried fn to remove a value from the end of the array */
+ handlePop: () => () => void;
+ /** Imperatively remove and element at an index of an array */
+ remove<T>(index: number): T | undefined;
+ /** Imperatively remove and return value from the end of the array */
+ pop<T>(): T | undefined;
+}
+
+/**
+ * Some array helpers!
+ */
+export const move = (array: any[], from: number, to: number) => {
+ const copy = [...(array || [])];
+ const value = copy[from];
+ copy.splice(from, 1);
+ copy.splice(to, 0, value);
+ return copy;
+};
+
+export const swap = (array: any[], indexA: number, indexB: number) => {
+ const copy = [...(array || [])];
+ const a = copy[indexA];
+ copy[indexA] = copy[indexB];
+ copy[indexB] = a;
+ return copy;
+};
+
+export const insert = (array: any[], index: number, value: any) => {
+ const copy = [...(array || [])];
+ copy.splice(index, 0, value);
+ return copy;
+};
+
+export const replace = (array: any[], index: number, value: any) => {
+ const copy = [...(array || [])];
+ copy[index] = value;
+ return copy;
+};
+class FieldArrayInner<Values = {}> extends React.Component<
+ FieldArrayConfig & { formik: FormikContext<Values> },
+ {}
+> {
+ static defaultProps = {
+ validateOnChange: true,
+ };
+
+ constructor(props: FieldArrayConfig & { formik: FormikContext<Values> }) {
+ super(props);
+ // We need TypeScript generics on these, so we'll bind them in the constructor
+ this.remove = this.remove.bind(this);
+ this.pop = this.pop.bind(this);
+ }
+
+ updateArrayField = (
+ fn: Function,
+ alterTouched: boolean,
+ alterErrors: boolean
+ ) => {
+ const {
+ name,
+ validateOnChange,
+ formik: { setFormikState, validateForm, values, touched, errors },
+ } = this.props;
+ setFormikState(
+ (prevState: FormikState<any>) => ({
+ ...prevState,
+ values: setIn(prevState.values, name, fn(getIn(values, name))),
+ errors: alterErrors
+ ? setIn(prevState.errors, name, fn(getIn(errors, name)))
+ : prevState.errors,
+ touched: alterTouched
+ ? setIn(prevState.touched, name, fn(getIn(touched, name)))
+ : prevState.touched,
+ }),
+ () => {
+ Eif (validateOnChange) {
+ validateForm();
+ }
+ }
+ );
+ };
+
+ push = (value: any) =>
+ this.updateArrayField(
+ (array: any[]) => [...(array || []), value],
+ false,
+ false
+ );
+
+ handlePush = (value: any) => () => this.push(value);
+
+ swap = (indexA: number, indexB: number) =>
+ this.updateArrayField(
+ (array: any[]) => swap(array, indexA, indexB),
+ false,
+ false
+ );
+
+ handleSwap = (indexA: number, indexB: number) => () =>
+ this.swap(indexA, indexB);
+
+ move = (from: number, to: number) =>
+ this.updateArrayField(
+ (array: any[]) => move(array, from, to),
+ false,
+ false
+ );
+
+ handleMove = (from: number, to: number) => () => this.move(from, to);
+
+ insert = (index: number, value: any) =>
+ this.updateArrayField(
+ (array: any[]) => insert(array, index, value),
+ false,
+ false
+ );
+
+ handleInsert = (index: number, value: any) => () => this.insert(index, value);
+
+ replace = (index: number, value: any) =>
+ this.updateArrayField(
+ (array: any[]) => replace(array, index, value),
+ false,
+ false
+ );
+
+ handleReplace = (index: number, value: any) => () =>
+ this.replace(index, value);
+
+ unshift = (value: any) => {
+ let arr = [];
+ this.updateArrayField(
+ (array: any[]) => {
+ arr = array ? [value, ...array] : [value];
+ return arr;
+ },
+ false,
+ false
+ );
+ return arr.length;
+ };
+
+ handleUnshift = (value: any) => () => this.unshift(value);
+
+ remove<T>(index: number): T {
+ // We need to make sure we also remove relevant pieces of `touched` and `errors`
+ let result: any;
+ this.updateArrayField(
+ // so this gets call 3 times
+ (array?: any[]) => {
+ const copy = array ? [...array] : [];
+ if (!result) {
+ result = copy[index];
+ }
+ Eif (isFunction(copy.splice)) {
+ copy.splice(index, 1);
+ }
+ return copy;
+ },
+ true,
+ true
+ );
+
+ return result;
+ }
+
+ handleRemove = (index: number) => () => this.remove<any>(index);
+
+ pop<T>(): T {
+ // Remove relevant pieces of `touched` and `errors` too!
+ let result: any;
+ this.updateArrayField(
+ // so this gets call 3 times
+ (array: any[]) => {
+ const tmp = array;
+ if (!result) {
+ result = tmp && tmp.pop && tmp.pop();
+ }
+ return tmp;
+ },
+ true,
+ true
+ );
+
+ return result;
+ }
+
+ handlePop = () => () => this.pop<any>();
+
+ render() {
+ const arrayHelpers: ArrayHelpers = {
+ push: this.push,
+ pop: this.pop,
+ swap: this.swap,
+ move: this.move,
+ insert: this.insert,
+ replace: this.replace,
+ unshift: this.unshift,
+ remove: this.remove,
+ handlePush: this.handlePush,
+ handlePop: this.handlePop,
+ handleSwap: this.handleSwap,
+ handleMove: this.handleMove,
+ handleInsert: this.handleInsert,
+ handleReplace: this.handleReplace,
+ handleUnshift: this.handleUnshift,
+ handleRemove: this.handleRemove,
+ };
+
+ const {
+ component,
+ render,
+ children,
+ name,
+ formik: {
+ validate: _validate,
+ validationSchema: _validationSchema,
+ ...restOfFormik
+ },
+ } = this.props;
+
+ const props = { ...arrayHelpers, form: restOfFormik, name };
+
+ return component
+ ? React.createElement(component as any, props)
+ : render
+ ? (render as any)(props)
+ : children // children come last, always called
+ ? typeof children === 'function'
+ ? (children as any)(props)
+ : !isEmptyChildren(children) ? React.Children.only(children) : null
+ : null;
+ }
+}
+
+export const FieldArray = connect<FieldArrayConfig, any>(FieldArrayInner);
+ |
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/coverage/lcov-report/base.css b/coverage/lcov-report/base.css
new file mode 100644
index 000000000..7090209c7
--- /dev/null
+++ b/coverage/lcov-report/base.css
@@ -0,0 +1,223 @@
+body, html {
+ margin:0; padding: 0;
+ height: 100%;
+}
+body {
+ font-family: Helvetica Neue, Helvetica, Arial;
+ font-size: 14px;
+ color:#333;
+}
+.small { font-size: 12px; }
+*, *:after, *:before {
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ }
+h1 { font-size: 20px; margin: 0;}
+h2 { font-size: 14px; }
+pre {
+ font: 12px/1.4 Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ margin: 0;
+ padding: 0;
+ -moz-tab-size: 2;
+ -o-tab-size: 2;
+ tab-size: 2;
+}
+a { color:#0074D9; text-decoration:none; }
+a:hover { text-decoration:underline; }
+.strong { font-weight: bold; }
+.space-top1 { padding: 10px 0 0 0; }
+.pad2y { padding: 20px 0; }
+.pad1y { padding: 10px 0; }
+.pad2x { padding: 0 20px; }
+.pad2 { padding: 20px; }
+.pad1 { padding: 10px; }
+.space-left2 { padding-left:55px; }
+.space-right2 { padding-right:20px; }
+.center { text-align:center; }
+.clearfix { display:block; }
+.clearfix:after {
+ content:'';
+ display:block;
+ height:0;
+ clear:both;
+ visibility:hidden;
+ }
+.fl { float: left; }
+@media only screen and (max-width:640px) {
+ .col3 { width:100%; max-width:100%; }
+ .hide-mobile { display:none!important; }
+}
+
+.quiet {
+ color: #7f7f7f;
+ color: rgba(0,0,0,0.5);
+}
+.quiet a { opacity: 0.7; }
+
+.fraction {
+ font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
+ font-size: 10px;
+ color: #555;
+ background: #E8E8E8;
+ padding: 4px 5px;
+ border-radius: 3px;
+ vertical-align: middle;
+}
+
+div.path a:link, div.path a:visited { color: #333; }
+table.coverage {
+ border-collapse: collapse;
+ margin: 10px 0 0 0;
+ padding: 0;
+}
+
+table.coverage td {
+ margin: 0;
+ padding: 0;
+ vertical-align: top;
+}
+table.coverage td.line-count {
+ text-align: right;
+ padding: 0 5px 0 20px;
+}
+table.coverage td.line-coverage {
+ text-align: right;
+ padding-right: 10px;
+ min-width:20px;
+}
+
+table.coverage td span.cline-any {
+ display: inline-block;
+ padding: 0 5px;
+ width: 100%;
+}
+.missing-if-branch {
+ display: inline-block;
+ margin-right: 5px;
+ border-radius: 3px;
+ position: relative;
+ padding: 0 4px;
+ background: #333;
+ color: yellow;
+}
+
+.skip-if-branch {
+ display: none;
+ margin-right: 10px;
+ position: relative;
+ padding: 0 4px;
+ background: #ccc;
+ color: white;
+}
+.missing-if-branch .typ, .skip-if-branch .typ {
+ color: inherit !important;
+}
+.coverage-summary {
+ border-collapse: collapse;
+ width: 100%;
+}
+.coverage-summary tr { border-bottom: 1px solid #bbb; }
+.keyline-all { border: 1px solid #ddd; }
+.coverage-summary td, .coverage-summary th { padding: 10px; }
+.coverage-summary tbody { border: 1px solid #bbb; }
+.coverage-summary td { border-right: 1px solid #bbb; }
+.coverage-summary td:last-child { border-right: none; }
+.coverage-summary th {
+ text-align: left;
+ font-weight: normal;
+ white-space: nowrap;
+}
+.coverage-summary th.file { border-right: none !important; }
+.coverage-summary th.pct { }
+.coverage-summary th.pic,
+.coverage-summary th.abs,
+.coverage-summary td.pct,
+.coverage-summary td.abs { text-align: right; }
+.coverage-summary td.file { white-space: nowrap; }
+.coverage-summary td.pic { min-width: 120px !important; }
+.coverage-summary tfoot td { }
+
+.coverage-summary .sorter {
+ height: 10px;
+ width: 7px;
+ display: inline-block;
+ margin-left: 0.5em;
+ background: url(sort-arrow-sprite.png) no-repeat scroll 0 0 transparent;
+}
+.coverage-summary .sorted .sorter {
+ background-position: 0 -20px;
+}
+.coverage-summary .sorted-desc .sorter {
+ background-position: 0 -10px;
+}
+.status-line { height: 10px; }
+/* yellow */
+.cbranch-no { background: yellow !important; color: #111; }
+/* dark red */
+.red.solid, .status-line.low, .low .cover-fill { background:#C21F39 }
+.low .chart { border:1px solid #C21F39 }
+.highlighted,
+.highlighted .cstat-no, .highlighted .fstat-no, .highlighted .cbranch-no{
+ background: #C21F39 !important;
+}
+/* medium red */
+.cstat-no, .fstat-no, .cbranch-no, .cbranch-no { background:#F6C6CE }
+/* light red */
+.low, .cline-no { background:#FCE1E5 }
+/* light green */
+.high, .cline-yes { background:rgb(230,245,208) }
+/* medium green */
+.cstat-yes { background:rgb(161,215,106) }
+/* dark green */
+.status-line.high, .high .cover-fill { background:rgb(77,146,33) }
+.high .chart { border:1px solid rgb(77,146,33) }
+
+.medium .chart { border:1px solid #666; }
+.medium .cover-fill { background: #666; }
+
+.cstat-skip { background: #ddd; color: #111; }
+.fstat-skip { background: #ddd; color: #111 !important; }
+.cbranch-skip { background: #ddd !important; color: #111; }
+
+span.cline-neutral { background: #eaeaea; }
+.medium { background: #eaeaea; }
+
+.coverage-summary td.empty {
+ opacity: .5;
+ padding-top: 4px;
+ padding-bottom: 4px;
+ line-height: 1;
+ color: #888;
+}
+
+.cover-fill, .cover-empty {
+ display:inline-block;
+ height: 12px;
+}
+.chart {
+ line-height: 0;
+}
+.cover-empty {
+ background: white;
+}
+.cover-full {
+ border-right: none !important;
+}
+pre.prettyprint {
+ border: none !important;
+ padding: 0 !important;
+ margin: 0 !important;
+}
+.com { color: #999 !important; }
+.ignore-none { color: #999; font-weight: normal; }
+
+.wrapper {
+ min-height: 100%;
+ height: auto !important;
+ height: 100%;
+ margin: 0 auto -48px;
+}
+.footer, .push {
+ height: 48px;
+}
diff --git a/coverage/lcov-report/batchUpdate.tsx.html b/coverage/lcov-report/batchUpdate.tsx.html
new file mode 100644
index 000000000..fd860b8e0
--- /dev/null
+++ b/coverage/lcov-report/batchUpdate.tsx.html
@@ -0,0 +1,117 @@
+
+
+
+
+
+
++ All files Form.tsx +
+
+
+
+ 40%
+ Statements
+ 2/5
+
+
+ 100%
+ Branches
+ 0/0
+
+
+ 0%
+ Functions
+ 0/1
+
+
+ 100%
+ Lines
+ 2/2
+
+ + Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 | + + +5x + + + +5x + | import * as React from 'react';
+import { connect } from './connect';
+
+export const Form = connect<any>(({ formik: { handleSubmit }, ...props }) => (
+ <form onSubmit={handleSubmit} {...props} />
+));
+
+Form.displayName = 'Form';
+ |
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/coverage/lcov-report/block-navigation.js b/coverage/lcov-report/block-navigation.js
new file mode 100644
index 000000000..0c719038d
--- /dev/null
+++ b/coverage/lcov-report/block-navigation.js
@@ -0,0 +1,63 @@
+var jumpToCode = (function init () {
+ // Classes of code we would like to highlight
+ var missingCoverageClasses = [ '.cbranch-no', '.cstat-no', '.fstat-no' ];
+
+ // We don't want to select elements that are direct descendants of another match
+ var notSelector = ':not(' + missingCoverageClasses.join('):not(') + ') > '; // becomes `:not(a):not(b) > `
+
+ // Selecter that finds elements on the page to which we can jump
+ var selector = notSelector + missingCoverageClasses.join(', ' + notSelector); // becomes `:not(a):not(b) > a, :not(a):not(b) > b`
+
+ // The NodeList of matching elements
+ var missingCoverageElements = document.querySelectorAll(selector);
+
+ var currentIndex;
+
+ function toggleClass(index) {
+ missingCoverageElements.item(currentIndex).classList.remove('highlighted');
+ missingCoverageElements.item(index).classList.add('highlighted');
+ }
+
+ function makeCurrent(index) {
+ toggleClass(index);
+ currentIndex = index;
+ missingCoverageElements.item(index)
+ .scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'center' });
+ }
+
+ function goToPrevious() {
+ var nextIndex = 0;
+ if (typeof currentIndex !== 'number' || currentIndex === 0) {
+ nextIndex = missingCoverageElements.length - 1;
+ } else if (missingCoverageElements.length > 1) {
+ nextIndex = currentIndex - 1;
+ }
+
+ makeCurrent(nextIndex);
+ }
+
+ function goToNext() {
+ var nextIndex = 0;
+
+ if (typeof currentIndex === 'number' && currentIndex < (missingCoverageElements.length - 1)) {
+ nextIndex = currentIndex + 1;
+ }
+
+ makeCurrent(nextIndex);
+ }
+
+ return function jump(event) {
+ switch (event.which) {
+ case 78: // n
+ case 74: // j
+ goToNext();
+ break;
+ case 66: // b
+ case 75: // k
+ case 80: // p
+ goToPrevious();
+ break;
+ }
+ };
+}());
+window.addEventListener('keydown', jumpToCode);
diff --git a/coverage/lcov-report/connect.tsx.html b/coverage/lcov-report/connect.tsx.html
new file mode 100644
index 000000000..0b9918c79
--- /dev/null
+++ b/coverage/lcov-report/connect.tsx.html
@@ -0,0 +1,189 @@
+
+
+
+
+
+
++ All files batchUpdate.tsx +
+
+
+
+ 62.5%
+ Statements
+ 5/8
+
+
+ 50%
+ Branches
+ 2/4
+
+
+ 0%
+ Functions
+ 0/1
+
+
+ 71.43%
+ Lines
+ 5/7
+
+ + Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 | + + + +5x + + +5x + + +5x +5x + + + +5x + | import { isReactNative } from './utils';
+
+// React polyfill for some next-level unstable optimizations
+let ReactRenderer;
+Iif (!!isReactNative) {
+ ReactRenderer = require('react-native');
+} else {
+ ReactRenderer = require('react-dom');
+}
+
+let { unstable_batchedUpdates } = ReactRenderer;
+Iif (unstable_batchedUpdates === undefined) {
+ unstable_batchedUpdates = (fn: any) => fn();
+}
+
+export const batchUpdate = unstable_batchedUpdates;
+ |
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/coverage/lcov-report/formik.tsx.html b/coverage/lcov-report/formik.tsx.html
new file mode 100644
index 000000000..011c17837
--- /dev/null
+++ b/coverage/lcov-report/formik.tsx.html
@@ -0,0 +1,1815 @@
+
+
+
+
+
+
++ All files connect.tsx +
+
+
+
+ 100%
+ Statements
+ 7/7
+
+
+ 100%
+ Branches
+ 0/0
+
+
+ 100%
+ Functions
+ 3/3
+
+
+ 100%
+ Lines
+ 6/6
+
+ + Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 | + + + + + +5x +5x + + + + + + + + + +56x + +56x + + + + +20x + + + +20x + + + + + + + + + + + + | import * as React from 'react';
+import hoistNonReactStatics from 'hoist-non-react-statics';
+import createContext from 'create-react-context';
+import { FormikContext } from './types';
+
+export const {
+ Provider: FormikProvider,
+ Consumer: FormikConsumer,
+} = createContext<FormikContext<any>>({} as any);
+
+/**
+ * Connect any component to Formik context, and inject as a prop called `formik`;
+ * @param Comp React Component
+ */
+export function connect<OuterProps, Values = {}>(
+ Comp: React.ComponentType<OuterProps & { formik: FormikContext<Values> }>
+) {
+ const C: React.SFC<OuterProps> = (props: OuterProps) => (
+ <FormikConsumer>
+ {formik => <Comp {...props} formik={formik} />}
+ </FormikConsumer>
+ );
+ // Assign Comp to C.WrappedComponent so we can access the inner component in tests
+ // For example, <Field.WrappedComponent /> gets us <FieldInner/>
+ (C as React.SFC<OuterProps> & {
+ WrappedComponent: React.ReactNode;
+ }).WrappedComponent = Comp;
+
+ return hoistNonReactStatics<
+ OuterProps,
+ OuterProps & { formik: FormikContext<Values> }
+ >(
+ C,
+ Comp as React.ComponentClass<OuterProps & { formik: FormikContext<Values> }> // cast type to ComponentClass (even if SFC)
+ ) as React.ComponentClass<OuterProps> & {
+ WrappedComponent: React.ComponentClass<
+ OuterProps & { formik: FormikContext<Values> }
+ >;
+ };
+}
+ |
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/coverage/lcov-report/hoistStatics.tsx.html b/coverage/lcov-report/hoistStatics.tsx.html
new file mode 100644
index 000000000..c70e46f80
--- /dev/null
+++ b/coverage/lcov-report/hoistStatics.tsx.html
@@ -0,0 +1,293 @@
+
+
+
+
+
+
++ All files Formik.tsx +
+
+
+
+ 87.13%
+ Statements
+ 176/202
+
+
+ 69.74%
+ Branches
+ 106/152
+
+
+ 79.25%
+ Functions
+ 42/53
+
+
+ 87.17%
+ Lines
+ 163/187
+
+ + Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 +168 +169 +170 +171 +172 +173 +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214 +215 +216 +217 +218 +219 +220 +221 +222 +223 +224 +225 +226 +227 +228 +229 +230 +231 +232 +233 +234 +235 +236 +237 +238 +239 +240 +241 +242 +243 +244 +245 +246 +247 +248 +249 +250 +251 +252 +253 +254 +255 +256 +257 +258 +259 +260 +261 +262 +263 +264 +265 +266 +267 +268 +269 +270 +271 +272 +273 +274 +275 +276 +277 +278 +279 +280 +281 +282 +283 +284 +285 +286 +287 +288 +289 +290 +291 +292 +293 +294 +295 +296 +297 +298 +299 +300 +301 +302 +303 +304 +305 +306 +307 +308 +309 +310 +311 +312 +313 +314 +315 +316 +317 +318 +319 +320 +321 +322 +323 +324 +325 +326 +327 +328 +329 +330 +331 +332 +333 +334 +335 +336 +337 +338 +339 +340 +341 +342 +343 +344 +345 +346 +347 +348 +349 +350 +351 +352 +353 +354 +355 +356 +357 +358 +359 +360 +361 +362 +363 +364 +365 +366 +367 +368 +369 +370 +371 +372 +373 +374 +375 +376 +377 +378 +379 +380 +381 +382 +383 +384 +385 +386 +387 +388 +389 +390 +391 +392 +393 +394 +395 +396 +397 +398 +399 +400 +401 +402 +403 +404 +405 +406 +407 +408 +409 +410 +411 +412 +413 +414 +415 +416 +417 +418 +419 +420 +421 +422 +423 +424 +425 +426 +427 +428 +429 +430 +431 +432 +433 +434 +435 +436 +437 +438 +439 +440 +441 +442 +443 +444 +445 +446 +447 +448 +449 +450 +451 +452 +453 +454 +455 +456 +457 +458 +459 +460 +461 +462 +463 +464 +465 +466 +467 +468 +469 +470 +471 +472 +473 +474 +475 +476 +477 +478 +479 +480 +481 +482 +483 +484 +485 +486 +487 +488 +489 +490 +491 +492 +493 +494 +495 +496 +497 +498 +499 +500 +501 +502 +503 +504 +505 +506 +507 +508 +509 +510 +511 +512 +513 +514 +515 +516 +517 +518 +519 +520 +521 +522 +523 +524 +525 +526 +527 +528 +529 +530 +531 +532 +533 +534 +535 +536 +537 +538 +539 +540 +541 +542 +543 +544 +545 +546 +547 +548 +549 +550 +551 +552 +553 +554 +555 +556 +557 +558 +559 +560 +561 +562 +563 +564 +565 +566 +567 +568 +569 +570 +571 +572 +573 +574 +575 +576 +577 +578 +579 +580 +581 +582 +583 | + + + + + + + + + + + + + + + + + + + + + + + +5x + + + +5x + + + + + + + + +129x + + +129x + + + + + +129x +129x + + + + + + +129x +129x + +129x + + + + +129x + + + + +129x + + + + + +129x +19x + + +129x +19x + + +5x + +44x + + + +2x + +2x + + + +129x +11x + + +129x +3x +3x +3x + + + + +129x +3x +3x + +3x +2x + + + + +129x +1x + + +129x + + + + + + + + +129x + + + + + + +129x +4x +4x + + +4x + +4x +4x +2x + + + + + + + + + + +129x +33x +2x + + +33x +10x +10x + + + + + + + +10x + + + + +129x + + + + + + +11x + + + + + + +11x +11x + + + +11x + + +11x +11x + +11x +11x +11x +11x +11x +11x +11x + +11x +11x + + + + + + +11x + + + + +11x + +11x + + + + +11x +8x + + + + + + +11x + + + + + + + + + + + +11x + + + +129x + + +8x + + +7x + + + +4x +4x + +4x +3x + + + + +129x +24x +21x + + + + + + +24x + + + + +24x +24x + + + +2x + + + + + + + + + +24x + + +129x + +29x + + + + + + + + +29x + +14x +14x +8x + +6x +6x + + + +8x + +6x +6x + + + + + +6x +4x + + +15x +2x + +13x + + + +129x +25x + + +129x +7x +7x +7x + +7x +7x + +7x + + + + + + + +7x + + + +7x +7x + + + +7x + + + + + + +7x + + + +129x + +4x +8x + + +4x +4x + + + + +4x +3x + + + + + +129x + +1x + + + + + +129x +4x + +4x + +4x + + + + + + + + +4x + + +129x +5x +2x + + + + +2x +1x + +1x + + +3x + + + +129x +7x + +129x +477x + + + + + + + + + + + + + + + + +129x +450x +450x +450x + + + + + + + + + + +129x +450x + + + + + + + + + + + + + + + + +129x +225x + + + + + + +5x +225x +225x +225x +225x + + + + + + + + + + + + + + + +5x + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +8x +8x + +4x +4x +4x +4x +4x + + +4x + + + + + | import * as React from 'react';
+import isEqual from 'react-fast-compare';
+import warning from 'warning';
+import { FormikProvider } from './connect';
+import {
+ FormikActions,
+ FormikConfig,
+ FormikErrors,
+ FormikState,
+ FormikTouched,
+ FormikValues,
+ FormikContext,
+} from './types';
+import {
+ isEmptyChildren,
+ isFunction,
+ isNaN,
+ isPromise,
+ isString,
+ setIn,
+ setNestedObjectValues,
+ getActiveElement,
+} from './utils';
+import { batchUpdate } from './batchUpdate';
+export class Formik<ExtraProps = {}, Values = object> extends React.Component<
+ FormikConfig<Values> & ExtraProps,
+ FormikState<any>
+> {
+ static defaultProps = {
+ validateOnChange: true,
+ validateOnBlur: true,
+ isInitialValid: false,
+ enableReinitialize: false,
+ };
+
+ initialValues: Values;
+
+ hcCache: {
+ [key: string]: (e: string | React.ChangeEvent<any>) => void;
+ } = {};
+ hbCache: {
+ [key: string]: (e: any) => void;
+ } = {};
+ fields: { [field: string]: (nextValues?: any) => void };
+
+ constructor(props: FormikConfig<Values> & ExtraProps) {
+ super(props);
+ this.state = {
+ values: props.initialValues || ({} as any),
+ errors: {},
+ touched: {},
+ isSubmitting: false,
+ submitCount: 0,
+ };
+ this.fields = {};
+ this.initialValues = props.initialValues || ({} as any);
+
+ warning(
+ !(props.component && props.render),
+ 'You should not use <Formik component> and <Formik render> in the same <Formik> component; <Formik render> will be ignored'
+ );
+
+ warning(
+ !(props.component && props.children && !isEmptyChildren(props.children)),
+ 'You should not use <Formik component> and <Formik children> in the same <Formik> component; <Formik children> will be ignored'
+ );
+
+ warning(
+ !(props.render && props.children && !isEmptyChildren(props.children)),
+ 'You should not use <Formik render> and <Formik children> in the same <Formik> component; <Formik children> will be ignored'
+ );
+ }
+
+ registerField = (name: string, resetFn: (nextValues?: any) => void) => {
+ this.fields[name] = resetFn;
+ };
+
+ unregisterField = (name: string) => {
+ delete this.fields[name];
+ };
+
+ componentDidUpdate(prevProps: Readonly<FormikConfig<Values> & ExtraProps>) {
+ // If the initialValues change, reset the form
+ if (
+ this.props.enableReinitialize &&
+ !isEqual(prevProps.initialValues, this.props.initialValues)
+ ) {
+ this.initialValues = this.props.initialValues;
+ // @todo refactor to use getDerivedStateFromProps?
+ this.resetForm(this.props.initialValues);
+ }
+ }
+
+ setErrors = (errors: FormikErrors<Values>) => {
+ this.setState({ errors });
+ };
+
+ setTouched = (touched: FormikTouched<Values>) => {
+ this.setState({ touched }, () => {
+ Eif (this.props.validateOnBlur) {
+ this.runValidations(this.state.values);
+ }
+ });
+ };
+
+ setValues = (values: FormikValues) => {
+ batchUpdate(() => {
+ this.setState({ values });
+
+ if (this.props.validateOnChange) {
+ this.runValidations(values);
+ }
+ });
+ };
+
+ setStatus = (status?: any) => {
+ this.setState({ status });
+ };
+
+ setError = (error: any) => {
+ if (process.env.NODE_ENV !== 'production') {
+ console.warn(
+ `Warning: Formik\'s setError(error) is deprecated and may be removed in future releases. Please use Formik\'s setStatus(status) instead. It works identically. For more info see https://github.com/jaredpalmer/formik#setstatus-status-any--void`
+ );
+ }
+ this.setState({ error });
+ };
+
+ setSubmitting = (isSubmitting: boolean) => {
+ this.setState({ isSubmitting });
+ };
+
+ /**
+ * Run validation against a Yup schema and optionally run a function if successful
+ */
+ runValidationSchema = (values: FormikValues, onSuccess?: Function) => {
+ const { validationSchema } = this.props;
+ const schema = isFunction(validationSchema)
+ ? validationSchema()
+ : validationSchema;
+ validateYupSchema(values, schema).then(
+ () => {
+ this.setState({ errors: {} });
+ if (onSuccess) {
+ onSuccess();
+ }
+ },
+ (err: any) =>
+ this.setState({ errors: yupToFormErrors(err), isSubmitting: false })
+ );
+ };
+
+ /**
+ * Run validations and update state accordingly
+ */
+ runValidations = (values: FormikValues = this.state.values) => {
+ if (this.props.validationSchema) {
+ this.runValidationSchema(values);
+ }
+
+ if (this.props.validate) {
+ const maybePromisedErrors = (this.props.validate as any)(values);
+ Iif (isPromise(maybePromisedErrors)) {
+ (maybePromisedErrors as Promise<any>).then(
+ () => {
+ this.setState({ errors: {} });
+ },
+ errors => this.setState({ errors, isSubmitting: false })
+ );
+ } else {
+ this.setErrors(maybePromisedErrors as FormikErrors<Values>);
+ }
+ }
+ };
+
+ handleChange = (
+ eventOrPath: string | React.ChangeEvent<any>
+ ): void | ((eventOrTextValue: string | React.ChangeEvent<any>) => void) => {
+ // @todo someone make this less disgusting.
+ //
+ // executeChange is the core of handleChange, we'll use it cache change
+ // handlers like Preact's linkState.
+ const executeChange = (
+ eventOrTextValue: string | React.ChangeEvent<any>,
+ maybePath?: string
+ ) => {
+ // By default, assume that the first argument is a string. This allows us to use
+ // handleChange with React Native and React Native Web's onChangeText prop which
+ // provides just the value of the input.
+ let field = maybePath;
+ let val = eventOrTextValue;
+ let parsed;
+ // If the first argument is not a string though, it has to be a synthetic React Event (or a fake one),
+ // so we handle like we would a normal HTML change event.
+ Eif (!isString(eventOrTextValue)) {
+ // If we can, persist the event
+ // @see https://reactjs.org/docs/events.html#event-pooling
+ Eif ((eventOrTextValue as React.ChangeEvent<any>).persist) {
+ (eventOrTextValue as React.ChangeEvent<any>).persist();
+ }
+ const {
+ type,
+ name,
+ id,
+ value,
+ checked,
+ outerHTML,
+ } = (eventOrTextValue as React.ChangeEvent<any>).target;
+ field = maybePath ? maybePath : name ? name : id;
+ Iif (!field && process.env.NODE_ENV !== 'production') {
+ warnAboutMissingIdentifier({
+ htmlContent: outerHTML,
+ documentationAnchorLink: 'handlechange-e-reactchangeeventany--void',
+ handlerName: 'handleChange',
+ });
+ }
+ val = /number|range/.test(type)
+ ? ((parsed = parseFloat(value)), isNaN(parsed) ? '' : parsed)
+ : /checkbox/.test(type) ? checked : value;
+ }
+
+ Eif (field) {
+ // Set form fields by name
+ this.setState(prevState => ({
+ ...prevState,
+ values: setIn(prevState.values, field!, val),
+ }));
+
+ if (this.props.validateOnChange) {
+ this.runValidations(setIn(this.state.values, field, val));
+ }
+ }
+ };
+
+ // Actually execute logic above....
+ // cache these handlers by key like Preact's linkState does for perf boost
+ Iif (isString(eventOrPath)) {
+ return isFunction(this.hcCache[eventOrPath])
+ ? this.hcCache[eventOrPath] // return the cached handled
+ : (this.hcCache[eventOrPath] = (
+ // make a new one
+ event: React.ChangeEvent<any> | string
+ ) =>
+ executeChange(
+ event /* string or event, does not matter */,
+ eventOrPath /* this is path to the field now */
+ ));
+ } else {
+ executeChange(eventOrPath);
+ }
+ };
+
+ setFieldValue = (
+ field: string,
+ value: any,
+ EshouldValidate: boolean = true
+ ) => {
+ // Set form field by name
+ const valuesState = (prevState: any) => ({
+ values: setIn(prevState.values, field, value),
+ });
+
+ batchUpdate(() => {
+ this.setState(valuesState);
+
+ if (this.props.validateOnChange && shouldValidate) {
+ this.runValidations(valuesState(this.state).values);
+ }
+ });
+ };
+
+ handleSubmit = (e: React.FormEvent<HTMLFormElement> | undefined) => {
+ if (e && e.preventDefault) {
+ e.preventDefault();
+ }
+
+ // Warn if form submission is triggered by a <button> without a
+ // specified `type` attribute during development. This mitigates
+ // a common gotcha in forms with both reset and submit buttons,
+ // where the dev forgets to add type="button" to the reset button.
+ Eif (
+ process.env.NODE_ENV !== 'production' &&
+ typeof document !== 'undefined'
+ ) {
+ // Safely get the active element (works with IE)
+ const activeElement = getActiveElement();
+ if (
+ activeElement !== null &&
+ activeElement instanceof HTMLButtonElement
+ ) {
+ warning(
+ !!(
+ activeElement.attributes &&
+ activeElement.attributes.getNamedItem('type')
+ ),
+ 'You submitted a Formik form using a button with an unspecified `type` attribute. Most browsers default button elements to `type="submit"`. If this is not a submit button, please add `type="button"`.'
+ );
+ }
+ }
+
+ this.submitForm();
+ };
+
+ submitForm = () => {
+ // Recursively set all values to `true`.
+ this.setState(prevState => ({
+ touched: setNestedObjectValues<FormikTouched<Values>>(
+ prevState.values,
+ true
+ ),
+ isSubmitting: true,
+ submitCount: prevState.submitCount + 1,
+ }));
+
+ if (this.props.validate) {
+ const maybePromisedErrors =
+ (this.props.validate as any)(this.state.values) || {};
+ if (isPromise(maybePromisedErrors)) {
+ (maybePromisedErrors as Promise<any>).then(
+ () => {
+ this.setState({ errors: {} });
+ this.executeSubmit();
+ },
+ errors => this.setState({ errors, isSubmitting: false })
+ );
+ return;
+ } else {
+ const isValid = Object.keys(maybePromisedErrors).length === 0;
+ this.setState({
+ errors: maybePromisedErrors as FormikErrors<Values>,
+ isSubmitting: isValid,
+ });
+
+ // only submit if there are no errors
+ if (isValid) {
+ this.executeSubmit();
+ }
+ }
+ } else if (this.props.validationSchema) {
+ this.runValidationSchema(this.state.values, this.executeSubmit);
+ } else {
+ this.executeSubmit();
+ }
+ };
+
+ executeSubmit = () => {
+ this.props.onSubmit(this.state.values, this.getFormikActions());
+ };
+
+ handleBlur = (eventOrString: any): void | ((e: any) => void) => {
+ const executeBlur = (e: any, path?: string) => {
+ Eif (e.persist) {
+ e.persist();
+ }
+ const { name, id, outerHTML } = e.target;
+ const field = path ? path : name ? name : id;
+
+ Iif (!field && process.env.NODE_ENV !== 'production') {
+ warnAboutMissingIdentifier({
+ htmlContent: outerHTML,
+ documentationAnchorLink: 'handleblur-e-any--void',
+ handlerName: 'handleBlur',
+ });
+ }
+
+ this.setState(prevState => ({
+ touched: setIn(prevState.touched, field, true),
+ }));
+
+ Eif (this.props.validateOnBlur) {
+ this.runValidations(this.state.values);
+ }
+ };
+
+ Iif (isString(eventOrString)) {
+ // cache these handlers by key like Preact's linkState does for perf boost
+ return isFunction(this.hbCache[eventOrString])
+ ? this.hbCache[eventOrString]
+ : (this.hbCache[eventOrString] = (event: any) =>
+ executeBlur(event, eventOrString));
+ } else {
+ executeBlur(eventOrString);
+ }
+ };
+
+ setFieldTouched = (
+ field: string,
+ Itouched: boolean = true,
+ EshouldValidate: boolean = true
+ ) => {
+ // Set touched field by name
+ this.setState(
+ prevState => ({
+ ...prevState,
+ touched: setIn(prevState.touched, field, touched),
+ }),
+ () => {
+ if (this.props.validateOnBlur && shouldValidate) {
+ this.runValidations(this.state.values);
+ }
+ }
+ );
+ };
+
+ setFieldError = (field: string, message: string) => {
+ // Set form field by name
+ this.setState(prevState => ({
+ ...prevState,
+ errors: setIn(prevState.errors, field, message),
+ }));
+ };
+
+ resetForm = (nextValues?: Values) => {
+ const values = nextValues ? nextValues : this.props.initialValues;
+
+ this.initialValues = values;
+
+ this.setState({
+ isSubmitting: false,
+ errors: {},
+ touched: {},
+ error: undefined,
+ status: undefined,
+ values,
+ submitCount: 0,
+ });
+ Object.keys(this.fields).map(f => this.fields[f](values));
+ };
+
+ handleReset = () => {
+ if (this.props.onReset) {
+ const maybePromisedOnReset = (this.props.onReset as any)(
+ this.state.values,
+ this.getFormikActions()
+ );
+
+ if (isPromise(maybePromisedOnReset)) {
+ (maybePromisedOnReset as Promise<any>).then(this.resetForm);
+ } else {
+ this.resetForm();
+ }
+ } else {
+ this.resetForm();
+ }
+ };
+
+ setFormikState = (s: any, callback?: (() => void)) =>
+ this.setState(s, callback);
+
+ getFormikActions = (): FormikActions<Values> => {
+ return {
+ resetForm: this.resetForm,
+ submitForm: this.submitForm,
+ validateForm: this.runValidations,
+ setError: this.setError,
+ setErrors: this.setErrors,
+ setFieldError: this.setFieldError,
+ setFieldTouched: this.setFieldTouched,
+ setFieldValue: this.setFieldValue,
+ setStatus: this.setStatus,
+ setSubmitting: this.setSubmitting,
+ setTouched: this.setTouched,
+ setValues: this.setValues,
+ setFormikState: this.setFormikState,
+ };
+ };
+
+ getFormikComputedProps = () => {
+ const { isInitialValid } = this.props;
+ const dirty = !isEqual(this.initialValues, this.state.values);
+ return {
+ dirty,
+ isValid: dirty
+ ? this.state.errors && Object.keys(this.state.errors).length === 0
+ : isInitialValid !== false && isFunction(isInitialValid)
+ ? (isInitialValid as (props: this['props']) => boolean)(this.props)
+ : (isInitialValid as boolean),
+ initialValues: this.initialValues,
+ };
+ };
+
+ getFormikBag = () => {
+ return {
+ ...this.state,
+ ...this.getFormikActions(),
+ ...this.getFormikComputedProps(),
+
+ // FastField needs to communicate with Formik during resets
+ registerField: this.registerField,
+ unregisterField: this.unregisterField,
+ handleBlur: this.handleBlur,
+ handleChange: this.handleChange,
+ handleReset: this.handleReset,
+ handleSubmit: this.handleSubmit,
+ validateOnChange: this.props.validateOnChange,
+ validateOnBlur: this.props.validateOnBlur,
+ };
+ };
+
+ getFormikContext = (): FormikContext<any> => {
+ return {
+ ...this.getFormikBag(),
+ validationSchema: this.props.validationSchema,
+ validate: this.props.validate,
+ };
+ };
+
+ render() {
+ const { component, render, children } = this.props;
+ const props = this.getFormikBag();
+ const ctx = this.getFormikContext();
+ return (
+ <FormikProvider value={ctx}>
+ {component
+ ? React.createElement(component as any, props)
+ : render
+ ? (render as any)(props)
+ : children // children come last, always called
+ ? typeof children === 'function'
+ ? (children as any)(props)
+ : !isEmptyChildren(children)
+ ? React.Children.only(children)
+ : null
+ : null}
+ </FormikProvider>
+ );
+ }
+}
+
+function warnAboutMissingIdentifier({
+ htmlContent,
+ documentationAnchorLink,
+ handlerName,
+}: {
+ htmlContent: string;
+ documentationAnchorLink: string;
+ handlerName: string;
+}) {
+ console.error(
+ `Warning: Formik called \`${handlerName}\`, but you forgot to pass an \`id\` or \`name\` attribute to your input:
+
+ ${htmlContent}
+
+ Formik cannot determine which value to update. For more info see https://github.com/jaredpalmer/formik#${documentationAnchorLink}
+ `
+ );
+}
+
+/**
+ * Transform Yup ValidationError to a more usable object
+ */
+export function yupToFormErrors<Values>(yupError: any): FormikErrors<Values> {
+ let errors: any = {} as FormikErrors<Values>;
+ for (let err of yupError.inner) {
+ if (!errors[err.path]) {
+ errors = setIn(errors, err.path, err.message);
+ }
+ }
+ return errors;
+}
+
+/**
+ * Validate a yup schema.
+ */
+export function validateYupSchema<T extends FormikValues>(
+ values: T,
+ schema: any,
+ Esync: boolean = false,
+ Econtext: any = {}
+): Promise<Partial<T>> {
+ let validateData: Partial<T> = {};
+ for (let k in values) {
+ Eif (values.hasOwnProperty(k)) {
+ const key = String(k);
+ validateData[key] = values[key] !== '' ? values[key] : undefined;
+ }
+ }
+ return schema[sync ? 'validateSync' : 'validate'](validateData, {
+ abortEarly: false,
+ context: context,
+ });
+}
+ |
+
+
+
+
+
+
+
+
+
+
+
diff --git a/coverage/lcov-report/index.html b/coverage/lcov-report/index.html
new file mode 100644
index 000000000..e784499ae
--- /dev/null
+++ b/coverage/lcov-report/index.html
@@ -0,0 +1,201 @@
+
+
+
+
+
+
++ All files hoistStatics.tsx +
+
+
+
+ 78.26%
+ Statements
+ 18/23
+
+
+ 50%
+ Branches
+ 11/22
+
+
+ 100%
+ Functions
+ 1/1
+
+
+ 78.26%
+ Lines
+ 18/23
+
+ | 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 | 5x + + + + + + + + + +5x + + + + + + + + +5x +5x +5x +5x +5x + +15x +15x +15x +15x + + + +15x +15x +15x + +15x +45x +45x + + + + + + + + + + + +15x + + + + + + + + + + + + + + + + + + + + + + + + + + | import { ComponentClass } from 'react';
+
+const REACT_STATICS: any = {
+ childContextTypes: true,
+ contextTypes: true,
+ defaultProps: true,
+ displayName: true,
+ getDefaultProps: true,
+ mixins: true,
+ propTypes: true,
+ type: true,
+};
+
+const KNOWN_STATICS: any = {
+ name: true,
+ length: true,
+ prototype: true,
+ caller: true,
+ callee: true,
+ arguments: true,
+ arity: true,
+};
+
+const getOwnPropertySymbols = Object.getOwnPropertySymbols;
+const propIsEnumerable = Object.prototype.propertyIsEnumerable;
+consEt getPrototypeOf = Object.getPrototypeOf;
+const obEjectPrototype = getPrototypeOf && getPrototypeOf(Object);
+const getOwnPropertyNames = Object.getOwnPropertyNames;
+I
+export function hoistNonReactStatics<P>(
+ targetComponent: ComponentClass<P>,
+ sourceComponent: ComponentClass<any>,
+ blacklist?: { [name: string]: boolean }
+): CompoEnentClass<P> {
+ if (typeof sourceComponent !== 'string') {
+ // don't hoist over string (html) components
+
+ if (objectPrototype) {
+ let inIheritedComponent = getPrototypeOf(sourceComponent);
+ if (inheritedComponent && inheritedComponent !== objectPrototype) {
+ hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
+ }
+ }
+
+ let keys = getOwnPropertyNames(sourceComponent);
+
+ if (getOwnPropertySymbols) {
+ keys = keys.concat(getOwnPropertySymbols(sourceComponent) as any);
+ }
+
+ for (let i = 0; i < keys.length; ++i) {
+ let key: string = keys[i];
+ if (
+ !REACT_STATICS[key] &&
+ !KNOWN_STATICS[key] &&
+ (!blacklist || !blacklist[key])
+ ) {
+ // Only hoist enumerables and non-enumerable functions
+ if (
+ propIsEnumerable.call(sourceComponent, key) ||
+ typeof (sourceComponent as any)[key] === 'function'
+ ) {
+ try {
+ // Avoid failures from read-only properties
+ (targetComponent as any)[key] = (sourceComponent as any)[key];
+ // tslint:disable-next-line:no-empty
+ } catch (e) {}
+ }
+ }
+ }
+
+ return targetComponent;
+ }
+
+ return targetComponent;
+}
+ |
+
+
+
+
+
+
+
+
+
diff --git a/coverage/lcov-report/index.tsx.html b/coverage/lcov-report/index.tsx.html
new file mode 100644
index 000000000..ba0e6e493
--- /dev/null
+++ b/coverage/lcov-report/index.tsx.html
@@ -0,0 +1,86 @@
+
+
+
+
+
+
++ All files +
+
+
+
+ 82.29%
+ Statements
+ 488/593
+
+
+ 72.73%
+ Branches
+ 248/341
+
+
+ 65.56%
+ Functions
+ 99/151
+
+
+ 85.19%
+ Lines
+ 443/520
+
+ + Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+
+
+
+
+
+| File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| FastField.tsx | +63.93% | +78/122 | +60.71% | +34/56 | +29.17% | +7/24 | +64.42% | +67/104 | +|
| Field.tsx | +95% | +57/60 | +94.44% | +34/36 | +75% | +6/8 | +93.88% | +46/49 | +|
| FieldArray.tsx | +80.17% | +93/116 | +68.29% | +28/41 | +54.76% | +23/42 | +90.63% | +87/96 | +|
| Form.tsx | +40% | +2/5 | +100% | +0/0 | +0% | +0/1 | +100% | +2/2 | +|
| Formik.tsx | +87.13% | +176/202 | +69.74% | +106/152 | +79.25% | +42/53 | +87.17% | +163/187 | +|
| batchUpdate.tsx | +62.5% | +5/8 | +50% | +2/4 | +0% | +0/1 | +71.43% | +5/7 | +|
| connect.tsx | +100% | +7/7 | +100% | +0/0 | +100% | +3/3 | +100% | +6/6 | +|
| utils.ts | +94.34% | +50/53 | +86.84% | +33/38 | +90.91% | +10/11 | +96.08% | +49/51 | +|
| withFormik.tsx | +100% | +20/20 | +78.57% | +11/14 | +100% | +8/8 | +100% | +18/18 | +
+
+
+
+
+
+
+
+
+
+
+
diff --git a/coverage/lcov-report/prettify.css b/coverage/lcov-report/prettify.css
new file mode 100644
index 000000000..b317a7cda
--- /dev/null
+++ b/coverage/lcov-report/prettify.css
@@ -0,0 +1 @@
+.pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}
diff --git a/coverage/lcov-report/prettify.js b/coverage/lcov-report/prettify.js
new file mode 100644
index 000000000..ef51e0386
--- /dev/null
+++ b/coverage/lcov-report/prettify.js
@@ -0,0 +1 @@
+window.PR_SHOULD_USE_CONTINUATION=true;(function(){var h=["break,continue,do,else,for,if,return,while"];var u=[h,"auto,case,char,const,default,double,enum,extern,float,goto,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"];var p=[u,"catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"];var l=[p,"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,dynamic_cast,explicit,export,friend,inline,late_check,mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"];var x=[p,"abstract,boolean,byte,extends,final,finally,implements,import,instanceof,null,native,package,strictfp,super,synchronized,throws,transient"];var R=[x,"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,interface,internal,into,is,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var"];var r="all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,true,try,unless,until,when,while,yes";var w=[p,"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN"];var s="caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END";var I=[h,"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"];var f=[h,"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"];var H=[h,"case,done,elif,esac,eval,fi,function,in,local,set,then,until"];var A=[l,R,w,s+I,f,H];var e=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)/;var C="str";var z="kwd";var j="com";var O="typ";var G="lit";var L="pun";var F="pln";var m="tag";var E="dec";var J="src";var P="atn";var n="atv";var N="nocode";var M="(?:^^\\.?|[+-]|\\!|\\!=|\\!==|\\#|\\%|\\%=|&|&&|&&=|&=|\\(|\\*|\\*=|\\+=|\\,|\\-=|\\->|\\/|\\/=|:|::|\\;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|\\?|\\@|\\[|\\^|\\^=|\\^\\^|\\^\\^=|\\{|\\||\\|=|\\|\\||\\|\\|=|\\~|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\\s*";function k(Z){var ad=0;var S=false;var ac=false;for(var V=0,U=Z.length;V
+
+
++ All files index.tsx +
+
+
+
+ 100%
+ Statements
+ 0/0
+
+
+ 100%
+ Branches
+ 0/0
+
+
+ 100%
+ Functions
+ 0/0
+
+
+ 100%
+ Lines
+ 0/0
+
+ | 1 +2 +3 +4 +5 +6 +7 +8 | + + + + + + + | export * from './Formik'; +export * from './Field'; +export * from './Form'; +export * from './withFormik'; +export * from './FieldArray'; +export * from './utils'; +export * from './FastField'; + |
+
+
+
+
+
+
+
+
+
+
+
diff --git a/coverage/lcov-report/utils.ts.html b/coverage/lcov-report/utils.ts.html
new file mode 100644
index 000000000..d0b7b0283
--- /dev/null
+++ b/coverage/lcov-report/utils.ts.html
@@ -0,0 +1,477 @@
+
+
+
+
+
+
++ All files types.ts +
+
+
+
+ 0%
+ Statements
+ 0/2
+
+
+ 100%
+ Branches
+ 0/0
+
+
+ 100%
+ Functions
+ 0/0
+
+
+ 0%
+ Lines
+ 0/1
+
+ | 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 | + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + | import * as React from 'react';
+
+export type CompositeComponent<P> =
+ | React.ComponentClass<P>
+ | React.StatelessComponent<P>;
+
+export interface ComponentDecorator<TOwnProps, TMergedProps> {
+ (component: CompositeComponent<TMergedProps>): React.ComponentClass<
+ TOwnProps
+ >;
+}
+
+export interface InferableComponentDecorator<TOwnProps> {
+ <T extends CompositeComponent<TOwnProps>>(component: T): T;
+}
+
+export interface SharedRenderProps<T> {
+ /**
+ * Field component to render. Can either be a string like 'select' or a component.
+ */
+ component?: string | React.ComponentType<T | void>;
+
+ /**
+ * Render prop (works like React router's <Route render={props =>} />)
+ */
+ render?: ((props: T) => React.ReactNode);
+
+ /**
+ * Children render function <Field name>{props => ...}</Field>)
+ */
+ children?: ((props: T) => React.ReactNode);
+}
+
+export type GenericFieldHTMLAttributes =
+ | React.InputHTMLAttributes<HTMLInputElement>
+ | React.SelectHTMLAttributes<HTMLSelectElement>
+ | React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+ |
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/coverage/lcov-report/withFormik.tsx.html b/coverage/lcov-report/withFormik.tsx.html
new file mode 100644
index 000000000..c81a65160
--- /dev/null
+++ b/coverage/lcov-report/withFormik.tsx.html
@@ -0,0 +1,567 @@
+
+
+
+
+
+
++ All files utils.ts +
+
+
+
+ 94.34%
+ Statements
+ 50/53
+
+
+ 86.84%
+ Branches
+ 33/38
+
+
+ 90.91%
+ Functions
+ 10/11
+
+
+ 96.08%
+ Lines
+ 49/51
+
+ + Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 | + + + + + + + + + + +336x + +168x +168x +155x + +168x + + + + + + + +59x +59x +59x +59x + +59x +11x +11x + +11x +1x +10x +5x + +5x +5x + + + + +59x +59x + + + + + + + + + + + + +85x +85x + +57x +57x +57x +17x +17x + + + +17x +17x + + +40x + + + +51x + + + + + +6x +88x + + +6x +94x + + +6x +5x + + +6x +29x + + +6x + + +6x +2x + + +6x +37x + + + +6x + + + + + + + + + + + + + +24x +24x + + +24x +24x + + + + + | import cloneDeep from 'lodash.clonedeep'; +import toPath from 'lodash.topath'; +import * as React from 'react'; + +/** + * Deeply get a value from an object via it's path. + */ +export function getIn( + obj: any, + key: string | string[], + def?: any, + Ep: number = 0 +) { + const path = toPath(key); + while (obj && p < path.length) { + obj = obj[path[p++]]; + } + return obj === undefined ? def : obj; +} + +/** + * Deeply set a value from in object via it's path. + * @see https://github.com/developit/linkstate + */ +export function setIn(obj: any, path: string, value: any): any { + let res: any = {}; + let resVal: any = res; + let i = 0; + let pathArray = toPath(path); + + for (; i < pathArray.length - 1; i++) { + const currentPath: string = pathArray[i]; + let currentObj: any = getIn(obj, pathArray.slice(0, i + 1)); + + if (resVal[currentPath]) { + resVal = resVal[currentPath]; + } else if (currentObj) { + resVal = resVal[currentPath] = cloneDeep(currentObj); + } else { + const nextPath: string = pathArray[i + 1]; + resVal = resVal[currentPath] = + isInteger(nextPath) && Number(nextPath) >= 0 ? [] : {}; + } + } + + resVal[pathArray[i]] = value; + return { ...obj, ...res }; +} + +/** + * Recursively a set the same value for all keys and arrays nested object, cloning + * @param object + * @param value + * @param visited + * @param response + */ +export function setNestedObjectValues<T>( + object: any, + value: any, + visited: any = new WeakMap(), + response: any = {} +): T { + for (let k of Object.keys(object)) { + const val = object[k]; + if (isObject(val)) { + Eif (!visited.get(val)) { + visited.set(val, true); + // In order to keep array values consistent for both dot path and + // bracket syntax, we need to check if this is an array so that + // this will output { friends: [true] } and not { friends: { "0": true } } + response[k] = Array.isArray(val) ? [] : {}; + setNestedObjectValues(val, value, visited, response[k]); + } + } else { + response[k] = value; + } + } + + return response; +} + +// Assertions + +/** @private is the given object a Function? */ +export const isFunction = (obj: any): obj is Function => + typeof obj === 'function'; + +/** @private is the given object an Object? */ +export const isObject = (obj: any): boolean => + obj !== null && typeof obj === 'object'; + +/** @private is the given object an integer? */ +export const isInteger = (obj: any): boolean => + String(Math.floor(Number(obj))) === obj; + +/** @private is the given object a string? */ +export const isString = (obj: any): obj is string => + Object.prototype.toString.call(obj) === '[object String]'; + +/** @private is the given object a NaN? */ +export const isNaN = (obj: any): boolean => obj !== obj; + +/** @private Does a React component have exactly 0 children? */ +export const isEmptyChildren = (children: any): boolean => + React.Children.count(children) === 0; + +/** @private is the given object/value a promise? */ +export const isPromise = (value: any): boolean => + isObject(value) && isFunction(value.then); + +/** @private is running in React Native? */ +export const isReactNative = + typeof navigator === 'object' && navigator.product === 'ReactNative'; + +/** + * Same as document.activeElement but wraps in a try-catch block. In IE it is + * not safe to call document.activeElement if there is nothing focused. + * + * The activeElement will be null only if the document or document body is not + * yet defined. + * + * @param {?Document} doc Defaults to current document. + * @return {Element | null} + * @see https://github.com/facebook/fbjs/blob/master/packages/fbjs/src/core/dom/getActiveElement.js + */ +export function getActiveElement(doc?: Document): Element | null { + doc = doc || (typeof document !== 'undefined' ? document : undefined); + Iif (typeof doc === 'undefined') { + return null; + } + try { + return doc.activeElement || doc.body; + } catch (e) { + return doc.body; + } +} + |
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/coverage/lcov.info b/coverage/lcov.info
new file mode 100644
index 000000000..05f210fc1
--- /dev/null
+++ b/coverage/lcov.info
@@ -0,0 +1,1244 @@
+TN:
+SF:/Users/jared/workspace/github/jaredpalmer/formik/src/FastField.tsx
+FN:17,isEqualExceptForKey
+FN:25,(anonymous_1)
+FN:50,FastFieldInner
+FN:90,(anonymous_3)
+FN:111,(anonymous_4)
+FN:112,(anonymous_5)
+FN:126,(anonymous_6)
+FN:127,(anonymous_7)
+FN:135,(anonymous_8)
+FN:155,(anonymous_9)
+FN:186,(anonymous_10)
+FN:187,(anonymous_11)
+FN:188,(anonymous_12)
+FN:203,(anonymous_13)
+FN:212,(anonymous_14)
+FN:213,(anonymous_15)
+FN:219,(anonymous_16)
+FN:220,(anonymous_17)
+FN:228,(anonymous_18)
+FN:236,(anonymous_19)
+FN:59,(anonymous_20)
+FN:31,(anonymous_21)
+FN:86,(anonymous_22)
+FN:245,(anonymous_23)
+FNF:24
+FNH:7
+FNDA:0,isEqualExceptForKey
+FNDA:5,(anonymous_1)
+FNDA:24,FastFieldInner
+FNDA:2,(anonymous_3)
+FNDA:0,(anonymous_4)
+FNDA:0,(anonymous_5)
+FNDA:0,(anonymous_6)
+FNDA:0,(anonymous_7)
+FNDA:0,(anonymous_8)
+FNDA:0,(anonymous_9)
+FNDA:0,(anonymous_10)
+FNDA:0,(anonymous_11)
+FNDA:0,(anonymous_12)
+FNDA:2,(anonymous_13)
+FNDA:0,(anonymous_14)
+FNDA:0,(anonymous_15)
+FNDA:0,(anonymous_16)
+FNDA:0,(anonymous_17)
+FNDA:0,(anonymous_18)
+FNDA:0,(anonymous_19)
+FNDA:0,(anonymous_20)
+FNDA:24,(anonymous_21)
+FNDA:19,(anonymous_22)
+FNDA:26,(anonymous_23)
+DA:18,0
+DA:25,5
+DA:31,5
+DA:35,24
+DA:36,24
+DA:38,24
+DA:39,24
+DA:40,0
+DA:43,24
+DA:44,0
+DA:47,24
+DA:53,24
+DA:54,24
+DA:59,24
+DA:60,0
+DA:66,24
+DA:68,24
+DA:70,24
+DA:75,24
+DA:80,24
+DA:86,5
+DA:87,19
+DA:90,24
+DA:91,2
+DA:92,2
+DA:93,2
+DA:94,2
+DA:95,2
+DA:96,2
+DA:97,2
+DA:98,2
+DA:100,2
+DA:101,2
+DA:104,2
+DA:106,1
+DA:107,1
+DA:108,1
+DA:109,0
+DA:110,0
+DA:111,0
+DA:112,0
+DA:115,1
+DA:117,0
+DA:119,0
+DA:123,0
+DA:124,0
+DA:125,0
+DA:126,0
+DA:132,0
+DA:133,0
+DA:135,0
+DA:146,0
+DA:147,0
+DA:152,0
+DA:155,0
+DA:161,0
+DA:163,0
+DA:166,0
+DA:168,0
+DA:169,0
+DA:170,0
+DA:175,0
+DA:176,0
+DA:181,0
+DA:185,0
+DA:186,0
+DA:188,0
+DA:196,0
+DA:199,1
+DA:203,24
+DA:204,2
+DA:205,2
+DA:208,2
+DA:209,1
+DA:210,1
+DA:211,0
+DA:213,0
+DA:220,0
+DA:228,1
+DA:236,1
+DA:245,5
+DA:246,26
+DA:247,26
+DA:248,26
+DA:249,26
+DA:250,26
+DA:251,52
+DA:252,26
+DA:253,26
+DA:256,26
+DA:257,26
+DA:258,26
+DA:260,26
+DA:269,26
+DA:275,26
+DA:276,5
+DA:283,21
+DA:284,4
+DA:287,17
+DA:288,10
+DA:289,10
+DA:297,7
+DA:303,5
+DA:305,5
+LF:104
+LH:67
+BRDA:53,0,0,24
+BRDA:53,0,1,24
+BRDA:102,1,0,0
+BRDA:102,1,1,2
+BRDA:103,2,0,0
+BRDA:103,2,1,2
+BRDA:104,3,0,1
+BRDA:104,3,1,1
+BRDA:106,4,0,1
+BRDA:106,4,1,0
+BRDA:108,5,0,0
+BRDA:108,5,1,1
+BRDA:117,6,0,0
+BRDA:117,6,1,0
+BRDA:123,7,0,0
+BRDA:123,7,1,0
+BRDA:132,8,0,0
+BRDA:132,8,1,0
+BRDA:146,9,0,0
+BRDA:146,9,1,0
+BRDA:161,10,0,0
+BRDA:161,10,1,0
+BRDA:164,11,0,0
+BRDA:164,11,1,0
+BRDA:175,12,0,0
+BRDA:175,12,1,0
+BRDA:208,13,0,1
+BRDA:208,13,1,1
+BRDA:208,14,0,2
+BRDA:208,14,1,1
+BRDA:210,15,0,0
+BRDA:210,15,1,1
+BRDA:71,16,0,24
+BRDA:71,16,1,13
+BRDA:76,17,0,24
+BRDA:76,17,1,13
+BRDA:76,17,2,3
+BRDA:81,18,0,24
+BRDA:81,18,1,5
+BRDA:81,18,2,1
+BRDA:39,19,0,0
+BRDA:39,19,1,24
+BRDA:43,20,0,0
+BRDA:43,20,1,24
+BRDA:251,21,0,13
+BRDA:251,21,1,13
+BRDA:263,22,0,0
+BRDA:263,22,1,26
+BRDA:262,23,0,26
+BRDA:262,23,1,26
+BRDA:275,24,0,5
+BRDA:275,24,1,21
+BRDA:283,25,0,4
+BRDA:283,25,1,17
+BRDA:287,26,0,10
+BRDA:287,26,1,7
+BRF:56
+BRH:34
+end_of_record
+TN:
+SF:/Users/jared/workspace/github/jaredpalmer/formik/src/Field.tsx
+FN:89,(anonymous_0)
+FN:93,FieldInner
+FN:114,(anonymous_2)
+FN:122,(anonymous_3)
+FN:130,(anonymous_4)
+FN:138,(anonymous_5)
+FN:139,(anonymous_6)
+FN:147,(anonymous_7)
+FNF:8
+FNH:6
+FNDA:5,(anonymous_0)
+FNDA:24,FieldInner
+FNDA:2,(anonymous_2)
+FNDA:2,(anonymous_3)
+FNDA:2,(anonymous_4)
+FNDA:0,(anonymous_5)
+FNDA:0,(anonymous_6)
+FNDA:24,(anonymous_7)
+DA:89,5
+DA:96,24
+DA:97,24
+DA:98,24
+DA:103,24
+DA:108,24
+DA:114,24
+DA:115,2
+DA:116,2
+DA:117,2
+DA:118,1
+DA:122,24
+DA:123,2
+DA:124,2
+DA:125,2
+DA:126,1
+DA:130,24
+DA:131,2
+DA:132,2
+DA:134,2
+DA:136,2
+DA:137,0
+DA:138,0
+DA:139,0
+DA:143,2
+DA:147,5
+DA:148,24
+DA:149,24
+DA:150,24
+DA:151,24
+DA:152,24
+DA:153,48
+DA:154,24
+DA:155,24
+DA:160,24
+DA:161,24
+DA:162,24
+DA:164,24
+DA:173,24
+DA:175,24
+DA:176,5
+DA:179,19
+DA:180,4
+DA:183,15
+DA:184,8
+DA:185,8
+DA:193,7
+DA:199,5
+DA:201,5
+LF:49
+LH:46
+BRDA:96,0,0,24
+BRDA:96,0,1,24
+BRDA:117,1,0,1
+BRDA:117,1,1,1
+BRDA:117,2,0,2
+BRDA:117,2,1,1
+BRDA:125,3,0,1
+BRDA:125,3,1,1
+BRDA:125,4,0,2
+BRDA:125,4,1,1
+BRDA:136,5,0,0
+BRDA:136,5,1,2
+BRDA:99,6,0,24
+BRDA:99,6,1,13
+BRDA:104,7,0,24
+BRDA:104,7,1,13
+BRDA:104,7,2,3
+BRDA:109,8,0,24
+BRDA:109,8,1,5
+BRDA:109,8,2,1
+BRDA:153,9,0,11
+BRDA:153,9,1,13
+BRDA:167,10,0,0
+BRDA:167,10,1,24
+BRDA:166,11,0,24
+BRDA:166,11,1,24
+BRDA:170,12,0,4
+BRDA:170,12,1,20
+BRDA:171,13,0,4
+BRDA:171,13,1,20
+BRDA:175,14,0,5
+BRDA:175,14,1,19
+BRDA:179,15,0,4
+BRDA:179,15,1,15
+BRDA:183,16,0,8
+BRDA:183,16,1,7
+BRF:36
+BRH:34
+end_of_record
+TN:
+SF:/Users/jared/workspace/github/jaredpalmer/formik/src/FieldArray.tsx
+FN:55,(anonymous_0)
+FN:63,(anonymous_1)
+FN:71,(anonymous_2)
+FN:77,(anonymous_3)
+FN:82,(anonymous_4)
+FN:90,FieldArrayInner
+FN:97,(anonymous_6)
+FN:108,(anonymous_7)
+FN:118,(anonymous_8)
+FN:126,(anonymous_9)
+FN:128,(anonymous_10)
+FN:133,(anonymous_11)
+FN:133,(anonymous_12)
+FN:135,(anonymous_13)
+FN:137,(anonymous_14)
+FN:142,(anonymous_15)
+FN:142,(anonymous_16)
+FN:145,(anonymous_17)
+FN:147,(anonymous_18)
+FN:152,(anonymous_19)
+FN:152,(anonymous_20)
+FN:154,(anonymous_21)
+FN:156,(anonymous_22)
+FN:161,(anonymous_23)
+FN:161,(anonymous_24)
+FN:163,(anonymous_25)
+FN:165,(anonymous_26)
+FN:170,(anonymous_27)
+FN:170,(anonymous_28)
+FN:173,(anonymous_29)
+FN:176,(anonymous_30)
+FN:186,(anonymous_31)
+FN:186,(anonymous_32)
+FN:210,(anonymous_33)
+FN:210,(anonymous_34)
+FN:231,(anonymous_35)
+FN:231,(anonymous_36)
+FN:188,(anonymous_37)
+FN:193,(anonymous_38)
+FN:212,(anonymous_39)
+FN:217,(anonymous_40)
+FN:233,(anonymous_41)
+FNF:42
+FNH:23
+FNDA:0,(anonymous_0)
+FNDA:1,(anonymous_1)
+FNDA:1,(anonymous_2)
+FNDA:1,(anonymous_3)
+FNDA:5,(anonymous_4)
+FNDA:10,FieldArrayInner
+FNDA:7,(anonymous_6)
+FNDA:7,(anonymous_7)
+FNDA:7,(anonymous_8)
+FNDA:1,(anonymous_9)
+FNDA:1,(anonymous_10)
+FNDA:0,(anonymous_11)
+FNDA:0,(anonymous_12)
+FNDA:1,(anonymous_13)
+FNDA:1,(anonymous_14)
+FNDA:0,(anonymous_15)
+FNDA:0,(anonymous_16)
+FNDA:0,(anonymous_17)
+FNDA:0,(anonymous_18)
+FNDA:0,(anonymous_19)
+FNDA:0,(anonymous_20)
+FNDA:1,(anonymous_21)
+FNDA:1,(anonymous_22)
+FNDA:0,(anonymous_23)
+FNDA:0,(anonymous_24)
+FNDA:1,(anonymous_25)
+FNDA:1,(anonymous_26)
+FNDA:0,(anonymous_27)
+FNDA:0,(anonymous_28)
+FNDA:1,(anonymous_29)
+FNDA:1,(anonymous_30)
+FNDA:0,(anonymous_31)
+FNDA:0,(anonymous_32)
+FNDA:0,(anonymous_33)
+FNDA:0,(anonymous_34)
+FNDA:0,(anonymous_35)
+FNDA:0,(anonymous_36)
+FNDA:1,(anonymous_37)
+FNDA:3,(anonymous_38)
+FNDA:1,(anonymous_39)
+FNDA:3,(anonymous_40)
+FNDA:17,(anonymous_41)
+DA:55,5
+DA:56,0
+DA:57,0
+DA:58,0
+DA:59,0
+DA:60,0
+DA:63,5
+DA:64,1
+DA:65,1
+DA:66,1
+DA:67,1
+DA:68,1
+DA:71,5
+DA:72,1
+DA:73,1
+DA:74,1
+DA:77,5
+DA:78,1
+DA:79,1
+DA:80,1
+DA:82,5
+DA:86,5
+DA:91,10
+DA:93,10
+DA:94,10
+DA:97,10
+DA:102,7
+DA:103,7
+DA:104,7
+DA:105,7
+DA:107,7
+DA:108,7
+DA:119,7
+DA:120,7
+DA:126,10
+DA:127,1
+DA:128,1
+DA:133,10
+DA:135,10
+DA:136,1
+DA:137,1
+DA:142,10
+DA:143,0
+DA:145,10
+DA:146,0
+DA:147,0
+DA:152,10
+DA:154,10
+DA:155,1
+DA:156,1
+DA:161,10
+DA:163,10
+DA:164,1
+DA:165,1
+DA:170,10
+DA:171,0
+DA:173,10
+DA:174,1
+DA:175,1
+DA:177,1
+DA:178,1
+DA:183,1
+DA:186,10
+DA:188,5
+DA:191,1
+DA:194,3
+DA:195,3
+DA:196,1
+DA:198,3
+DA:199,3
+DA:201,3
+DA:207,1
+DA:210,10
+DA:212,5
+DA:215,1
+DA:218,3
+DA:219,3
+DA:220,1
+DA:222,3
+DA:228,1
+DA:231,10
+DA:233,5
+DA:234,17
+DA:253,17
+DA:254,17
+DA:255,17
+DA:256,17
+DA:257,17
+DA:258,17
+DA:259,17
+DA:260,17
+DA:261,17
+DA:265,17
+DA:267,17
+DA:277,5
+DA:279,5
+LF:96
+LH:87
+BRDA:56,0,0,0
+BRDA:56,0,1,0
+BRDA:64,1,0,1
+BRDA:64,1,1,0
+BRDA:72,2,0,1
+BRDA:72,2,1,0
+BRDA:78,3,0,1
+BRDA:78,3,1,0
+BRDA:91,4,0,10
+BRDA:91,4,1,10
+BRDA:112,5,0,2
+BRDA:112,5,1,5
+BRDA:115,6,0,2
+BRDA:115,6,1,5
+BRDA:119,7,0,7
+BRDA:119,7,1,0
+BRDA:128,8,0,1
+BRDA:128,8,1,0
+BRDA:177,9,0,1
+BRDA:177,9,1,0
+BRDA:194,10,0,1
+BRDA:194,10,1,2
+BRDA:195,11,0,1
+BRDA:195,11,1,2
+BRDA:198,12,0,3
+BRDA:198,12,1,0
+BRDA:219,13,0,1
+BRDA:219,13,1,2
+BRDA:220,14,0,1
+BRDA:220,14,1,1
+BRDA:220,14,2,1
+BRDA:268,15,0,1
+BRDA:268,15,1,16
+BRDA:270,16,0,15
+BRDA:270,16,1,1
+BRDA:272,17,0,1
+BRDA:272,17,1,0
+BRDA:273,18,0,1
+BRDA:273,18,1,0
+BRDA:274,19,0,0
+BRDA:274,19,1,0
+BRF:41
+BRH:28
+end_of_record
+TN:
+SF:/Users/jared/workspace/github/jaredpalmer/formik/src/Form.tsx
+FN:4,(anonymous_0)
+FNF:1
+FNH:0
+FNDA:0,(anonymous_0)
+DA:4,5
+DA:8,5
+LF:2
+LH:2
+BRF:0
+BRH:0
+end_of_record
+TN:
+SF:/Users/jared/workspace/github/jaredpalmer/formik/src/Formik.tsx
+FN:25,(anonymous_0)
+FN:46,Formik
+FN:74,(anonymous_2)
+FN:78,(anonymous_3)
+FN:94,(anonymous_4)
+FN:98,(anonymous_5)
+FN:99,(anonymous_6)
+FN:106,(anonymous_7)
+FN:107,(anonymous_8)
+FN:116,(anonymous_9)
+FN:120,(anonymous_10)
+FN:129,(anonymous_11)
+FN:136,(anonymous_12)
+FN:142,(anonymous_13)
+FN:148,(anonymous_14)
+FN:156,(anonymous_15)
+FN:165,(anonymous_16)
+FN:168,(anonymous_17)
+FN:176,(anonymous_18)
+FN:183,(anonymous_19)
+FN:224,(anonymous_20)
+FN:240,(anonymous_21)
+FN:253,(anonymous_22)
+FN:259,(anonymous_23)
+FN:263,(anonymous_24)
+FN:272,(anonymous_25)
+FN:304,(anonymous_26)
+FN:306,(anonymous_27)
+FN:320,(anonymous_28)
+FN:324,(anonymous_29)
+FN:346,(anonymous_30)
+FN:350,(anonymous_31)
+FN:351,(anonymous_32)
+FN:366,(anonymous_33)
+FN:379,(anonymous_34)
+FN:386,(anonymous_35)
+FN:393,(anonymous_36)
+FN:397,(anonymous_37)
+FN:405,(anonymous_38)
+FN:407,(anonymous_39)
+FN:413,(anonymous_40)
+FN:427,(anonymous_41)
+FN:430,(anonymous_42)
+FN:447,(anonymous_43)
+FN:450,(anonymous_44)
+FN:468,(anonymous_45)
+FN:482,(anonymous_46)
+FN:500,(anonymous_47)
+FN:82,(anonymous_48)
+FN:508,(anonymous_49)
+FN:530,warnAboutMissingIdentifier
+FN:552,yupToFormErrors
+FN:565,validateYupSchema
+FNF:53
+FNH:42
+FNDA:5,(anonymous_0)
+FNDA:129,Formik
+FNDA:19,(anonymous_2)
+FNDA:19,(anonymous_3)
+FNDA:11,(anonymous_4)
+FNDA:3,(anonymous_5)
+FNDA:3,(anonymous_6)
+FNDA:3,(anonymous_7)
+FNDA:3,(anonymous_8)
+FNDA:1,(anonymous_9)
+FNDA:0,(anonymous_10)
+FNDA:0,(anonymous_11)
+FNDA:4,(anonymous_12)
+FNDA:4,(anonymous_13)
+FNDA:0,(anonymous_14)
+FNDA:33,(anonymous_15)
+FNDA:0,(anonymous_16)
+FNDA:0,(anonymous_17)
+FNDA:11,(anonymous_18)
+FNDA:11,(anonymous_19)
+FNDA:11,(anonymous_20)
+FNDA:0,(anonymous_21)
+FNDA:4,(anonymous_22)
+FNDA:7,(anonymous_23)
+FNDA:4,(anonymous_24)
+FNDA:24,(anonymous_25)
+FNDA:29,(anonymous_26)
+FNDA:29,(anonymous_27)
+FNDA:6,(anonymous_28)
+FNDA:0,(anonymous_29)
+FNDA:25,(anonymous_30)
+FNDA:7,(anonymous_31)
+FNDA:7,(anonymous_32)
+FNDA:7,(anonymous_33)
+FNDA:0,(anonymous_34)
+FNDA:4,(anonymous_35)
+FNDA:4,(anonymous_36)
+FNDA:4,(anonymous_37)
+FNDA:1,(anonymous_38)
+FNDA:1,(anonymous_39)
+FNDA:4,(anonymous_40)
+FNDA:0,(anonymous_41)
+FNDA:5,(anonymous_42)
+FNDA:7,(anonymous_43)
+FNDA:477,(anonymous_44)
+FNDA:450,(anonymous_45)
+FNDA:450,(anonymous_46)
+FNDA:225,(anonymous_47)
+FNDA:44,(anonymous_48)
+FNDA:225,(anonymous_49)
+FNDA:0,warnAboutMissingIdentifier
+FNDA:0,yupToFormErrors
+FNDA:4,validateYupSchema
+DA:25,5
+DA:29,5
+DA:38,129
+DA:41,129
+DA:47,129
+DA:48,129
+DA:55,129
+DA:56,129
+DA:58,129
+DA:63,129
+DA:68,129
+DA:74,129
+DA:75,19
+DA:78,129
+DA:79,19
+DA:82,5
+DA:84,44
+DA:88,2
+DA:90,2
+DA:94,129
+DA:95,11
+DA:98,129
+DA:99,3
+DA:100,3
+DA:101,3
+DA:106,129
+DA:107,3
+DA:108,3
+DA:110,3
+DA:111,2
+DA:116,129
+DA:117,1
+DA:120,129
+DA:121,0
+DA:122,0
+DA:126,0
+DA:129,129
+DA:130,0
+DA:136,129
+DA:137,4
+DA:138,4
+DA:141,4
+DA:143,4
+DA:144,4
+DA:145,2
+DA:149,0
+DA:156,129
+DA:157,33
+DA:158,2
+DA:161,33
+DA:162,10
+DA:163,10
+DA:164,0
+DA:166,0
+DA:168,0
+DA:171,10
+DA:176,129
+DA:183,11
+DA:190,11
+DA:191,11
+DA:195,11
+DA:198,11
+DA:199,11
+DA:201,11
+DA:202,11
+DA:203,11
+DA:204,11
+DA:205,11
+DA:206,11
+DA:207,11
+DA:209,11
+DA:210,11
+DA:211,0
+DA:217,11
+DA:222,11
+DA:224,11
+DA:229,11
+DA:230,8
+DA:237,11
+DA:238,0
+DA:244,0
+DA:249,11
+DA:253,129
+DA:256,8
+DA:259,7
+DA:263,4
+DA:264,4
+DA:266,4
+DA:267,3
+DA:272,129
+DA:273,24
+DA:274,21
+DA:281,24
+DA:286,24
+DA:287,24
+DA:291,2
+DA:301,24
+DA:304,129
+DA:306,29
+DA:315,29
+DA:317,14
+DA:318,14
+DA:319,8
+DA:321,6
+DA:322,6
+DA:324,0
+DA:326,8
+DA:328,6
+DA:329,6
+DA:335,6
+DA:336,4
+DA:339,15
+DA:340,2
+DA:342,13
+DA:346,129
+DA:347,25
+DA:350,129
+DA:351,7
+DA:352,7
+DA:353,7
+DA:355,7
+DA:356,7
+DA:358,7
+DA:359,0
+DA:366,7
+DA:370,7
+DA:371,7
+DA:375,7
+DA:377,0
+DA:380,0
+DA:382,7
+DA:386,129
+DA:388,4
+DA:389,8
+DA:392,4
+DA:393,4
+DA:398,4
+DA:399,3
+DA:405,129
+DA:407,1
+DA:413,129
+DA:414,4
+DA:416,4
+DA:418,4
+DA:427,4
+DA:430,129
+DA:431,5
+DA:432,2
+DA:437,2
+DA:438,1
+DA:440,1
+DA:443,3
+DA:447,129
+DA:448,7
+DA:450,129
+DA:451,477
+DA:468,129
+DA:469,450
+DA:470,450
+DA:471,450
+DA:482,129
+DA:483,450
+DA:500,129
+DA:501,225
+DA:508,5
+DA:509,225
+DA:510,225
+DA:511,225
+DA:512,225
+DA:528,5
+DA:531,0
+DA:532,0
+DA:533,0
+DA:539,0
+DA:553,0
+DA:554,0
+DA:555,0
+DA:556,0
+DA:559,0
+DA:568,8
+DA:569,8
+DA:571,4
+DA:572,4
+DA:573,4
+DA:574,4
+DA:575,4
+DA:578,4
+LF:187
+LH:163
+BRDA:47,0,0,129
+BRDA:47,0,1,129
+BRDA:100,1,0,3
+BRDA:100,1,1,0
+BRDA:110,2,0,2
+BRDA:110,2,1,1
+BRDA:121,3,0,0
+BRDA:121,3,1,0
+BRDA:139,4,0,4
+BRDA:139,4,1,0
+BRDA:144,5,0,2
+BRDA:144,5,1,2
+BRDA:156,6,0,7
+BRDA:156,6,1,26
+BRDA:157,7,0,2
+BRDA:157,7,1,31
+BRDA:161,8,0,10
+BRDA:161,8,1,23
+BRDA:163,9,0,0
+BRDA:163,9,1,10
+BRDA:195,10,0,11
+BRDA:195,10,1,0
+BRDA:198,11,0,11
+BRDA:198,11,1,0
+BRDA:209,12,0,0
+BRDA:209,12,1,11
+BRDA:209,13,0,8
+BRDA:209,13,1,3
+BRDA:210,14,0,0
+BRDA:210,14,1,11
+BRDA:210,15,0,11
+BRDA:210,15,1,0
+BRDA:218,16,0,0
+BRDA:218,16,1,11
+BRDA:218,17,0,0
+BRDA:218,17,1,0
+BRDA:219,18,0,0
+BRDA:219,18,1,11
+BRDA:222,19,0,11
+BRDA:222,19,1,0
+BRDA:229,20,0,8
+BRDA:229,20,1,3
+BRDA:237,21,0,0
+BRDA:237,21,1,11
+BRDA:239,22,0,0
+BRDA:239,22,1,0
+BRDA:256,23,0,4
+BRDA:256,23,1,0
+BRDA:266,24,0,3
+BRDA:266,24,1,1
+BRDA:266,25,0,4
+BRDA:266,25,1,3
+BRDA:273,26,0,21
+BRDA:273,26,1,3
+BRDA:273,27,0,24
+BRDA:273,27,1,22
+BRDA:281,28,0,24
+BRDA:281,28,1,0
+BRDA:282,29,0,24
+BRDA:282,29,1,24
+BRDA:287,30,0,2
+BRDA:287,30,1,22
+BRDA:288,31,0,24
+BRDA:288,31,1,24
+BRDA:293,32,0,2
+BRDA:293,32,1,2
+BRDA:315,33,0,14
+BRDA:315,33,1,15
+BRDA:317,34,0,14
+BRDA:317,34,1,2
+BRDA:318,35,0,8
+BRDA:318,35,1,6
+BRDA:335,36,0,4
+BRDA:335,36,1,2
+BRDA:339,37,0,2
+BRDA:339,37,1,13
+BRDA:352,38,0,7
+BRDA:352,38,1,0
+BRDA:356,39,0,0
+BRDA:356,39,1,7
+BRDA:356,40,0,5
+BRDA:356,40,1,2
+BRDA:358,41,0,0
+BRDA:358,41,1,7
+BRDA:358,42,0,7
+BRDA:358,42,1,0
+BRDA:370,43,0,7
+BRDA:370,43,1,0
+BRDA:375,44,0,0
+BRDA:375,44,1,7
+BRDA:378,45,0,0
+BRDA:378,45,1,0
+BRDA:388,46,0,0
+BRDA:388,46,1,4
+BRDA:389,47,0,4
+BRDA:389,47,1,0
+BRDA:398,48,0,3
+BRDA:398,48,1,1
+BRDA:398,49,0,4
+BRDA:398,49,1,3
+BRDA:414,50,0,0
+BRDA:414,50,1,4
+BRDA:431,51,0,2
+BRDA:431,51,1,3
+BRDA:437,52,0,1
+BRDA:437,52,1,1
+BRDA:474,53,0,66
+BRDA:474,53,1,384
+BRDA:474,54,0,66
+BRDA:474,54,1,62
+BRDA:476,55,0,4
+BRDA:476,55,1,380
+BRDA:475,56,0,384
+BRDA:475,56,1,6
+BRDA:49,57,0,129
+BRDA:49,57,1,0
+BRDA:56,58,0,129
+BRDA:56,58,1,0
+BRDA:59,59,0,129
+BRDA:59,59,1,49
+BRDA:64,60,0,129
+BRDA:64,60,1,49
+BRDA:64,60,2,0
+BRDA:69,61,0,129
+BRDA:69,61,1,62
+BRDA:69,61,2,0
+BRDA:84,62,0,2
+BRDA:84,62,1,42
+BRDA:85,63,0,44
+BRDA:85,63,1,3
+BRDA:515,64,0,109
+BRDA:515,64,1,116
+BRDA:517,65,0,98
+BRDA:517,65,1,18
+BRDA:519,66,0,18
+BRDA:519,66,1,0
+BRDA:520,67,0,18
+BRDA:520,67,1,0
+BRDA:522,68,0,0
+BRDA:522,68,1,0
+BRDA:555,69,0,0
+BRDA:555,69,1,0
+BRDA:568,70,0,4
+BRDA:568,70,1,0
+BRDA:569,71,0,4
+BRDA:569,71,1,0
+BRDA:573,72,0,4
+BRDA:573,72,1,0
+BRDA:575,73,0,4
+BRDA:575,73,1,0
+BRDA:578,74,0,0
+BRDA:578,74,1,4
+BRF:152
+BRH:106
+end_of_record
+TN:
+SF:/Users/jared/workspace/github/jaredpalmer/formik/src/batchUpdate.tsx
+FN:13,(anonymous_0)
+FNF:1
+FNH:0
+FNDA:0,(anonymous_0)
+DA:5,5
+DA:6,0
+DA:8,5
+DA:11,5
+DA:12,5
+DA:13,0
+DA:16,5
+LF:7
+LH:5
+BRDA:5,0,0,0
+BRDA:5,0,1,5
+BRDA:12,1,0,0
+BRDA:12,1,1,5
+BRF:4
+BRH:2
+end_of_record
+TN:
+SF:/Users/jared/workspace/github/jaredpalmer/formik/src/connect.tsx
+FN:15,connect
+FN:18,(anonymous_1)
+FN:20,(anonymous_2)
+FNF:3
+FNH:3
+FNDA:20,connect
+FNDA:56,(anonymous_1)
+FNDA:56,(anonymous_2)
+DA:7,5
+DA:8,5
+DA:18,56
+DA:20,56
+DA:25,20
+DA:29,20
+LF:6
+LH:6
+BRF:0
+BRH:0
+end_of_record
+TN:
+SF:/Users/jared/workspace/github/jaredpalmer/formik/src/utils.ts
+FN:8,getIn
+FN:25,setIn
+FN:57,setNestedObjectValues
+FN:85,(anonymous_3)
+FN:89,(anonymous_4)
+FN:93,(anonymous_5)
+FN:97,(anonymous_6)
+FN:101,(anonymous_7)
+FN:104,(anonymous_8)
+FN:108,(anonymous_9)
+FN:126,getActiveElement
+FNF:11
+FNH:10
+FNDA:168,getIn
+FNDA:59,setIn
+FNDA:51,setNestedObjectValues
+FNDA:88,(anonymous_3)
+FNDA:94,(anonymous_4)
+FNDA:5,(anonymous_5)
+FNDA:29,(anonymous_6)
+FNDA:0,(anonymous_7)
+FNDA:2,(anonymous_8)
+FNDA:37,(anonymous_9)
+FNDA:24,getActiveElement
+DA:12,336
+DA:14,168
+DA:15,168
+DA:16,155
+DA:18,168
+DA:26,59
+DA:27,59
+DA:28,59
+DA:29,59
+DA:31,59
+DA:32,11
+DA:33,11
+DA:35,11
+DA:36,1
+DA:37,10
+DA:38,5
+DA:40,5
+DA:41,5
+DA:46,59
+DA:47,59
+DA:60,85
+DA:61,85
+DA:63,57
+DA:64,57
+DA:65,57
+DA:66,17
+DA:67,17
+DA:71,17
+DA:72,17
+DA:75,40
+DA:79,51
+DA:85,6
+DA:86,88
+DA:89,6
+DA:90,94
+DA:93,6
+DA:94,5
+DA:97,6
+DA:98,29
+DA:101,6
+DA:104,6
+DA:105,2
+DA:108,6
+DA:109,37
+DA:113,6
+DA:127,24
+DA:128,24
+DA:129,0
+DA:131,24
+DA:132,24
+DA:134,0
+LF:51
+LH:49
+BRDA:12,0,0,168
+BRDA:12,0,1,0
+BRDA:15,1,0,323
+BRDA:15,1,1,225
+BRDA:18,2,0,98
+BRDA:18,2,1,70
+BRDA:35,3,0,1
+BRDA:35,3,1,10
+BRDA:37,4,0,5
+BRDA:37,4,1,5
+BRDA:42,5,0,2
+BRDA:42,5,1,3
+BRDA:42,6,0,5
+BRDA:42,6,1,2
+BRDA:60,7,0,34
+BRDA:60,7,1,17
+BRDA:61,8,0,34
+BRDA:61,8,1,17
+BRDA:65,9,0,17
+BRDA:65,9,1,40
+BRDA:66,10,0,17
+BRDA:66,10,1,0
+BRDA:71,11,0,3
+BRDA:71,11,1,14
+BRDA:90,12,0,94
+BRDA:90,12,1,93
+BRDA:109,13,0,37
+BRDA:109,13,1,22
+BRDA:113,14,0,6
+BRDA:113,14,1,6
+BRDA:127,15,0,24
+BRDA:127,15,1,24
+BRDA:127,16,0,24
+BRDA:127,16,1,0
+BRDA:128,17,0,0
+BRDA:128,17,1,24
+BRDA:132,18,0,24
+BRDA:132,18,1,0
+BRF:38
+BRH:33
+end_of_record
+TN:
+SF:/Users/jared/workspace/github/jaredpalmer/formik/src/withFormik.tsx
+FN:85,withFormik
+FN:107,createFormik
+FN:119,(anonymous_3)
+FN:122,(anonymous_5)
+FN:126,(anonymous_6)
+FN:132,(anonymous_7)
+FN:142,(anonymous_8)
+FN:146,(anonymous_9)
+FNF:8
+FNH:8
+FNDA:15,withFormik
+FNDA:15,createFormik
+FNDA:38,(anonymous_3)
+FNDA:8,(anonymous_5)
+FNDA:4,(anonymous_6)
+FNDA:9,(anonymous_7)
+FNDA:52,(anonymous_8)
+FNDA:23,(anonymous_9)
+DA:90,30
+DA:102,15
+DA:107,15
+DA:111,15
+DA:119,23
+DA:120,15
+DA:122,23
+DA:123,8
+DA:126,23
+DA:127,4
+DA:132,23
+DA:133,9
+DA:142,23
+DA:143,52
+DA:146,15
+DA:147,23
+DA:159,15
+DA:161,15
+LF:18
+LH:18
+BRDA:111,0,0,15
+BRDA:111,0,1,15
+BRDA:111,0,2,0
+BRDA:111,0,3,0
+BRDA:111,0,4,0
+BRDA:119,1,0,23
+BRDA:119,1,1,23
+BRDA:119,1,2,23
+BRDA:128,2,0,1
+BRDA:128,2,1,3
+BRDA:151,3,0,23
+BRDA:151,3,1,9
+BRDA:152,4,0,23
+BRDA:152,4,1,5
+BRF:14
+BRH:11
+end_of_record
diff --git a/examples/.DS_Store b/examples/.DS_Store
new file mode 100644
index 000000000..5008ddfcf
Binary files /dev/null and b/examples/.DS_Store differ
diff --git a/lerna.json b/lerna.json
new file mode 100644
index 000000000..1a786b142
--- /dev/null
+++ b/lerna.json
@@ -0,0 +1,16 @@
+{
+ "npmClient": "yarn",
+ "useWorkspaces": true,
+ "packages": ["packages/*"],
+ "command": {
+ "version": {
+ "exact": true
+ },
+ "publish": {
+ "npmClient": "npm",
+ "allowBranch": ["master", "canary"],
+ "registry": "https://registry.npmjs.org/"
+ }
+ },
+ "version": "2.0.7"
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index 6478842c9..84b46473a 100644
--- a/package.json
+++ b/package.json
@@ -1,141 +1,25 @@
{
- "name": "formik",
- "description": "Forms in React, without tears",
- "version": "2.0.7",
- "license": "MIT",
- "author": "Jared Palmer
+
+
++ All files withFormik.tsx +
+
+
+
+ 100%
+ Statements
+ 20/20
+
+
+ 78.57%
+ Branches
+ 11/14
+
+
+ 100%
+ Functions
+ 8/8
+
+
+ 100%
+ Lines
+ 18/18
+
+ + Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+| 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +157 +158 +159 +160 +161 +162 +163 +164 +165 +166 +167 | + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +30x + + + + + + + + + + + +15x + + + + +15x + + + +15x + + + + + + + +23x +15x + +23x +8x + + +23x +4x + + + + +23x +9x + + + + + + + + +23x +52x + + +15x +23x + + + + + + + + + + + +15x + +15x + + + + + + | import hoistNonReactStatics from 'hoist-non-react-statics';
+import * as React from 'react';
+import { Formik } from './Formik';
+import {
+ FormikActions,
+ FormikComputedProps,
+ FormikHandlers,
+ FormikProps,
+ FormikSharedConfig,
+ FormikState,
+ FormikValues,
+} from './types';
+import { isFunction } from './utils';
+
+/**
+ * State, handlers, and helpers injected as props into the wrapped form component.
+ * Used with withFormik()
+ */
+export type InjectedFormikProps<Props, Values> = Props &
+ FormikState<Values> &
+ FormikActions<Values> &
+ FormikHandlers &
+ FormikComputedProps<Values>;
+
+/**
+ * Formik actions + { props }
+ */
+export type FormikBag<P, V> = { props: P } & FormikActions<V>;
+
+/**
+ * withFormik() configuration options. Backwards compatible.
+ */
+export interface WithFormikConfig<
+ Props,
+ Values extends FormikValues = FormikValues,
+ DeprecatedPayload = Values
+> extends FormikSharedConfig {
+ /**
+ * Set the display name of the component. Useful for React DevTools.
+ */
+ displayName?: string;
+
+ /**
+ * Submission handler
+ */
+ handleSubmit: (values: Values, formikBag: FormikBag<Props, Values>) => void;
+
+ /**
+ * Map props to the form values
+ */
+ mapPropsToValues?: (props: Props) => Values;
+
+ /**
+ * @deprecated in 0.9.0 (but needed to break TS types)
+ */
+ mapValuesToPayload?: (values: Values) => DeprecatedPayload;
+
+ /**
+ * A Yup Schema or a function that returns a Yup schema
+ */
+ validationSchema?: any | ((props: Props) => any);
+
+ /**
+ * Validation function. Must return an error object or promise that
+ * throws an error object where that object keys map to corresponding value.
+ */
+ validate?: (values: Values, props: Props) => void | object | Promise<any>;
+}
+
+export type CompositeComponent<P> =
+ | React.ComponentClass<P>
+ | React.StatelessComponent<P>;
+
+export interface ComponentDecorator<TOwnProps, TMergedProps> {
+ (component: CompositeComponent<TMergedProps>): React.ComponentType<TOwnProps>;
+}
+
+export interface InferableComponentDecorator<TOwnProps> {
+ <T extends CompositeComponent<TOwnProps>>(component: T): T;
+}
+
+/**
+ * A public higher-order component to access the imperative API
+ */
+export function withFormik<
+ Props,
+ Values extends FormikValues,
+ Payload = Values
+>({
+ mapPropsToValues = (vanillaProps: Props): Values => {
+ let val: Values = {} as Values;
+ for (let k in vanillaProps) {
+ if (
+ vanillaProps.hasOwnProperty(k) &&
+ typeof vanillaProps[k] !== 'function'
+ ) {
+ val[k] = vanillaProps[k];
+ }
+ }
+ return val as Values;
+ },
+ ...config
+}: WithFormikConfig<Props, Values, Payload>): ComponentDecorator<
+ Props,
+ InjectedFormikProps<Props, Values>
+> {
+ return function createFormik(
+ Component: CompositeComponent<InjectedFormikProps<Props, Values>>
+ ): React.ComponentClass<Props> {
+ const componentDisplayName =
+ Component.displayName ||
+ Component.name ||
+ (Component.constructor && Component.constructor.name) ||
+ 'Component';
+ /**
+ * We need to use closures here for to provide the wrapped component's props to
+ * the respective withFormik config methods.
+ */
+ class C extends React.Component<Props, {}> {
+ static displayName = `WithFormik(${componentDisplayName})`;
+
+ validate = (values: Values): void | object | Promise<any> => {
+ return config.validate!(values, this.props);
+ };
+
+ validationSchema = () => {
+ return isFunction(config.validationSchema)
+ ? config.validationSchema!(this.props)
+ : config.validationSchema;
+ };
+
+ handleSubmit = (values: Values, actions: FormikActions<Values>) => {
+ return config.handleSubmit(values, {
+ ...actions,
+ props: this.props,
+ });
+ };
+
+ /**
+ * Just avoiding a render callback for perf here
+ */
+ renderFormComponent = (formikProps: FormikProps<Values>) => {
+ return <Component {...this.props} {...formikProps} />;
+ };
+
+ render() {
+ return (
+ <Formik
+ {...this.props as any}
+ {...config}
+ validate={config.validate && this.validate}
+ validationSchema={config.validationSchema && this.validationSchema}
+ initialValues={mapPropsToValues(this.props)}
+ onSubmit={this.handleSubmit as any}
+ render={this.renderFormComponent}
+ />
+ );
+ }
+ }
+
+ return hoistNonReactStatics<Props, InjectedFormikProps<Props, Values>>(
+ C,
+ Component as React.ComponentClass<InjectedFormikProps<Props, Values>> // cast type to ComponentClass (even if SFC)
+ ) as React.ComponentClass<Props>;
+ };
+}
+ |
+
+Your library will be rebuilt if you make edits.
+
+### `npm run build` or `yarn build`
+
+Bundles the package to the `dist` folder.
+The package is optimized and bundled with Rollup into multiple formats (CommonJS, UMD, and ES Module).
+
+
+
+### `npm test` or `yarn test`
+
+Runs the test watcher (Jest) in an interactive mode.
+By default, runs tests related to files changed since the last commit.
diff --git a/packages/formik-native/README.md b/packages/formik-native/README.md
new file mode 100644
index 000000000..994a262d8
--- /dev/null
+++ b/packages/formik-native/README.md
@@ -0,0 +1,7 @@
+# Formik Native
+
+```
+yarn add formik formik-native
+```
+
+This is an experimental package. DO NOT USE IN PRODUCTION.
diff --git a/packages/formik-native/package.json b/packages/formik-native/package.json
new file mode 100644
index 000000000..4885cd149
--- /dev/null
+++ b/packages/formik-native/package.json
@@ -0,0 +1,62 @@
+{
+ "name": "formik-native",
+ "version": "0.1.0",
+ "license": "MIT",
+ "author": "Jared Palmer
+ {
+ await sleep(1000);
+ alert(JSON.stringify(values, null, 2));
+ }}
+ >
+ {({ isSubmitting, getFieldProps, handleChange, handleBlur, values }) => (
+
+ )}
+
+
+);
+
+export default CheckboxExample;
+```
+
+### `useField()`
+
+Just what you think, it's like `Checkboxes
++ This example demonstrates how to properly create checkboxes with Formik. +
+
+
+
+ Build forms in React, without the tears. +
+ ++ +[](https://npm.im/formik) +[](https://npm.im/formik) +[](https://unpkg.com/formik@latest/dist/formik.umd.production.min.js) +[](./LICENSE) +[](https://discord.gg/cU6MCve) +[](https://spectrum.chat/palmer) + +**Visit [https://jaredpalmer.com/formik](https://jaredpalmer.com/formik) to get started with Formik.** + +--- + +**The below readme is the documentation for the `next` (prerelease) version of Formik. To view the documentation for the latest stable Formik version visit [jaredpalmer.com/formik/docs](https://jaredpalmer.com/formik/docs/overview)** + +--- + +Let's face it, forms are really verbose in +[React](https://github.com/facebook/react). To make matters worse, most form +helpers do wayyyy too much magic and often have a significant performance cost +associated with them. Formik is a small library that helps you with the 3 most +annoying parts: + +1. Getting values in and out of form state +2. Validation and error messages +3. Handling form submission + +By colocating all of the above in one place, Formik will keep things +organized--making testing, refactoring, and reasoning about your forms a breeze. + + + + +## Docs + +- [Get Started](https://jaredpalmer.com/formik/docs/overview) +- [API Reference](https://jaredpalmer.com/formik/docs/api/formik) +- [Articles / Tutorials](https://jaredpalmer.com/formik/docs/resources) +- [Get Help](https://jaredpalmer.com/formik/help) +- [Release Notes](https://github.com/jaredpalmer/formik/releases) + +## In-browser Playgrounds + +You can play with Formik in your web browser with these live online playgrounds. + +- CodeSandbox (ReactDOM) https://codesandbox.io/s/zKrK5YLDZ +- Expo Snack (React Native) https://snack.expo.io/@jaredpalmer/basic-formik-x-react-native-example + +## Examples + +- [Basics](https://codesandbox.io/s/zKrK5YLDZ) +- [Sync Validation](https://codesandbox.io/s/q8yRqQMp) +- [Building your own input primitives](https://codesandbox.io/s/qJR4ykJk) +- Working with 3rd-party inputs: + - [react-select-v1](https://codesandbox.io/s/jRzE53pqR) + - [react-select-v2](https://codesandbox.io/s/73jj9zom96) + - [Draft.js](https://codesandbox.io/s/QW1rqjBLl) +- [Accessing React lifecycle functions](https://codesandbox.io/s/pgD4DLypy) +- [React Native](https://snack.expo.io/@ferrannp/react-native-x-formik) +- [TypeScript](https://codesandbox.io/s/8y578o8152) +- [Handling API Errors](https://codesandbox.io/s/nw193yq32l) + +## Organizations and projects using Formik + +[List of organizations and projects using Formik](https://github.com/jaredpalmer/formik/issues/87) + +## Authors + +- Jared Palmer [@jaredpalmer](https://twitter.com/jaredpalmer) +- Ian White [@eonwhite](https://twitter.com/eonwhite) + +## Contributors + +Formik is made with <3 thanks to these wonderful people +([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)): + + + +| [
Jared Palmer](http://jaredpalmer.com)
[💬](#question-jaredpalmer "Answering Questions") [💻](https://github.com/jaredpalmer/formik/commits?author=jaredpalmer "Code") [🎨](#design-jaredpalmer "Design") [📖](https://github.com/jaredpalmer/formik/commits?author=jaredpalmer "Documentation") [💡](#example-jaredpalmer "Examples") [🤔](#ideas-jaredpalmer "Ideas, Planning, & Feedback") [👀](#review-jaredpalmer "Reviewed Pull Requests") [⚠️](https://github.com/jaredpalmer/formik/commits?author=jaredpalmer "Tests") | [
Ian White](https://www.stardog.io)
[💬](#question-eonwhite "Answering Questions") [🐛](https://github.com/jaredpalmer/formik/issues?q=author%3Aeonwhite "Bug reports") [💻](https://github.com/jaredpalmer/formik/commits?author=eonwhite "Code") [📖](https://github.com/jaredpalmer/formik/commits?author=eonwhite "Documentation") [🤔](#ideas-eonwhite "Ideas, Planning, & Feedback") [👀](#review-eonwhite "Reviewed Pull Requests") | [
Andrej Badin](http://andrejbadin.com)
[💬](#question-Andreyco "Answering Questions") [🐛](https://github.com/jaredpalmer/formik/issues?q=author%3AAndreyco "Bug reports") [📖](https://github.com/jaredpalmer/formik/commits?author=Andreyco "Documentation") | [
Adam Howard](http://adz.co.de)
[💬](#question-skattyadz "Answering Questions") [🐛](https://github.com/jaredpalmer/formik/issues?q=author%3Askattyadz "Bug reports") [🤔](#ideas-skattyadz "Ideas, Planning, & Feedback") [👀](#review-skattyadz "Reviewed Pull Requests") | [
Vlad Shcherbin](https://github.com/VladShcherbin)
[💬](#question-VladShcherbin "Answering Questions") [🐛](https://github.com/jaredpalmer/formik/issues?q=author%3AVladShcherbin "Bug reports") [🤔](#ideas-VladShcherbin "Ideas, Planning, & Feedback") | [
Brikou CARRE](https://github.com/brikou)
[🐛](https://github.com/jaredpalmer/formik/issues?q=author%3Abrikou "Bug reports") [📖](https://github.com/jaredpalmer/formik/commits?author=brikou "Documentation") | [
Sam Kvale](http://skvale.github.io)
[🐛](https://github.com/jaredpalmer/formik/issues?q=author%3Askvale "Bug reports") [💻](https://github.com/jaredpalmer/formik/commits?author=skvale "Code") [⚠️](https://github.com/jaredpalmer/formik/commits?author=skvale "Tests") | +| :---: | :---: | :---: | :---: | :---: | :---: | :---: | +| [
Jon Tansey](http://jon.tansey.info)
[🐛](https://github.com/jaredpalmer/formik/issues?q=author%3Ajontansey "Bug reports") [💻](https://github.com/jaredpalmer/formik/commits?author=jontansey "Code") | [
Tyler Martinez](http://slightlytyler.com)
[🐛](https://github.com/jaredpalmer/formik/issues?q=author%3Aslightlytyler "Bug reports") [📖](https://github.com/jaredpalmer/formik/commits?author=slightlytyler "Documentation") | [
Tobias Lohse](http://MrLoh.se)
[🐛](https://github.com/jaredpalmer/formik/issues?q=author%3AMrLoh "Bug reports") [💻](https://github.com/jaredpalmer/formik/commits?author=MrLoh "Code") | + + + +This project follows the +[all-contributors](https://github.com/kentcdodds/all-contributors) +specification. Contributions of any kind welcome! + +## Related + +- [TSDX](https://github.com/palmerhq/tsdx) - Zero-config CLI for TypeScript used by this repo. + +--- + +[MIT License.](https://github.com/jaredpalmer/formik/blob/master/LICENSE) diff --git a/packages/formik/package.json b/packages/formik/package.json new file mode 100644 index 000000000..1093283f7 --- /dev/null +++ b/packages/formik/package.json @@ -0,0 +1,137 @@ +{ + "name": "formik", + "description": "Forms in React, without tears", + "version": "2.0.7", + "license": "MIT", + "author": "Jared Palmer