formik - npm Package Compare versions

Comparing version 3.0.0-next.2 to 3.0.0-next.3

CHANGELOG.md

 # formik
 
+## 3.0.0-next.3
+
+### Patch Changes
+
+- [`6383b86`](https://github.com/formium/formik/commit/6383b86d3123a3348e4fa6abba4fe0c3652cb5a4) [#2893](https://github.com/formium/formik/pull/2893) Thanks [@jaredpalmer](https://github.com/jaredpalmer)! - Added optimized Form, ErrorMessage, and the following additional optimized field-level hooks
+  and components that only rerender when their respective slices have changed:
+
+  - `unstable_useFieldValue`
+  - `unstable_useFieldTouched`
+  - `unstable_useFieldError`
+  - `unstable_useStrictField`
+  - `unstable_StrictField`
+
+  In addition, there is a very very unstable `unstable_useFormikContextSelector` that we'll be using
+  to prototype other APIss in product that is also included. This will definitely **not** be released, so you have been warned.
+
 ## 3.0.0-next.2
 
+## 2.2.3
+
 ### Patch Changes
@@ -6,0 +24,0 @@

dist/ErrorMessage.d.ts

@@ -9,2 +9,2 @@ import * as React from 'react';
 }
-export declare const ErrorMessage: React.ComponentType<ErrorMessageProps>;
+export declare function ErrorMessage({ component, render, children, name, ...rest }: ErrorMessageProps): any;

dist/formik.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react"),t=e(require("react-fast-compare")),n=e(require("deepmerge")),i=e(require("lodash/isPlainObject")),a=e(require("lodash/clone")),o=e(require("lodash/toPath")),u=e(require("tiny-warning")),s=require("scheduler"),l=e(require("hoist-non-react-statics")),c=e(require("lodash/cloneDeep"));function p(){return(p=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function d(e,r){e.prototype=Object.create(r.prototype),e.prototype.constructor=e,e.__proto__=r}function f(e,r){if(null==e)return{};var t,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r.indexOf(t=a[n])>=0||(i[t]=e[t]);return i}function v(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}var h=function(e){return Array.isArray(e)&&0===e.length},m=function(e){return"function"==typeof e},y=function(e){return null!==e&&"object"==typeof e},E=function(e){return String(Math.floor(Number(e)))===e},S=function(e){return"[object String]"===Object.prototype.toString.call(e)},T=function(e){return 0===r.Children.count(e)},g=function(e){return y(e)&&m(e.then)},b=function(e){return e&&y(e)&&y(e.target)},F="undefined"!=typeof window&&window.navigator&&window.navigator.product&&"ReactNative"===window.navigator.product;function k(e,r,t,n){void 0===n&&(n=0);for(var i=o(r);e&&n<i.length;)e=e[i[n++]];return void 0===e?t:e}function O(e,r,t){for(var n=a(e),i=n,u=0,s=o(r);u<s.length-1;u++){var l=s[u],c=k(e,s.slice(0,u+1));if(c&&(y(c)||Array.isArray(c)))i=i[l]=a(c);else{var p=s[u+1];i=i[l]=E(p)&&Number(p)>=0?[]:{}}}return(0===u?e:i)[s[u]]===t?e:(void 0===t?delete i[s[u]]:i[s[u]]=t,0===u&&void 0===t&&delete n[s[u]],n)}function R(e,r,t,n){void 0===t&&(t=new WeakMap),void 0===n&&(n={});for(var i=0,a=Object.keys(e);i<a.length;i++){var o=a[i],u=e[o];y(u)?t.get(u)||(t.set(u,!0),n[o]=Array.isArray(u)?[]:{},R(u,r,t,n[o])):n[o]=r}return n}var _=r.createContext(void 0),A=_.Provider,I=_.Consumer;function C(){var e=r.useContext(_);return e||u(!1),e}var x=function(e,r){return e},P=function(e,r){var t=parseFloat(e);return isNaN(t)?"":t},w=function(e,r){return void 0===e?"":e};function U(e,r){switch(r.type){case"SET_VALUES":return p({},e,{values:r.payload});case"SET_TOUCHED":return p({},e,{touched:r.payload});case"SET_ERRORS":return t(e.errors,r.payload)?e:p({},e,{errors:r.payload});case"SET_LOW_PRIORITY_ERRORS":return t(e.errors,r.payload.errors)||!t(e.values,r.payload.values)?e:p({},e,{errors:r.payload.errors});case"SET_STATUS":return p({},e,{status:r.payload});case"SET_ISSUBMITTING":return p({},e,{isSubmitting:r.payload});case"SET_ISVALIDATING":return p({},e,{isValidating:r.payload});case"SET_FIELD_VALUE":return p({},e,{values:O(e.values,r.payload.field,r.payload.value)});case"SET_FIELD_TOUCHED":return p({},e,{touched:O(e.touched,r.payload.field,r.payload.value)});case"SET_FIELD_ERROR":return p({},e,{errors:O(e.errors,r.payload.field,r.payload.value)});case"RESET_FORM":return p({},e,r.payload);case"SET_FORMIK_STATE":return r.payload(e);case"SUBMIT_ATTEMPT":return p({},e,{touched:R(e.values,!0),isSubmitting:!0,submitCount:e.submitCount+1});case"SUBMIT_FAILURE":case"SUBMIT_SUCCESS":return p({},e,{isSubmitting:!1});default:return e}}var V={},D={};function M(e){var i=e.validateOnChange,a=void 0===i||i,o=e.validateOnBlur,u=void 0===o||o,l=e.validateOnMount,c=void 0!==l&&l,d=e.isInitialValid,v=e.enableReinitialize,h=void 0!==v&&v,E=e.onSubmit,T=f(e,["validateOnChange","validateOnBlur","validateOnMount","isInitialValid","enableReinitialize","onSubmit"]),R=p({validateOnChange:a,validateOnBlur:u,validateOnMount:c,onSubmit:E},T),_=r.useRef(R.initialValues),A=r.useRef(R.initialErrors||V),I=r.useRef(R.initialTouched||D),C=r.useRef(R.initialStatus),M=r.useRef(!1),L=r.useRef({});r.useEffect((function(){return M.current=!0,function(){M.current=!1}}),[]);var B=r.useReducer(U,{values:R.initialValues,errors:R.initialErrors||V,touched:R.initialTouched||D,status:R.initialStatus,isSubmitting:!1,isValidating:!1,submitCount:0}),H=B[0],K=B[1],z=r.useCallback((function(e,r){return new Promise((function(t,n){var i=R.validate(e,r);null==i?t(V):g(i)?i.then((function(e){t(e||V)}),(function(e){n(e)})):t(i)}))}),[R.validate]),J=r.useCallback((function(e,r){var t=R.validationSchema,n=m(t)?t(r):t,i=r&&n.validateAt?n.validateAt(r,e):N(e,n);return new Promise((function(e,r){i.then((function(){e(V)}),(function(t){"ValidationError"===t.name?e(j(t)):r(t)}))}))}),[R.validationSchema]),Q=r.useCallback((function(e,r){return new Promise((function(t){return t(L.current[e].validate(r))}))}),[]),X=r.useCallback((function(e){var r=Object.keys(L.current).filter((function(e){return m(L.current[e].validate)})),t=r.length>0?r.map((function(r){return Q(r,k(e,r))})):[Promise.resolve("DO_NOT_DELETE_YOU_WILL_BE_FIRED")];return Promise.all(t).then((function(e){return e.reduce((function(e,t,n){return"DO_NOT_DELETE_YOU_WILL_BE_FIRED"===t?e:(t&&(e=O(e,r[n],t)),e)}),{})}))}),[Q]),Z=r.useCallback((function(e){return Promise.all([X(e),R.validationSchema?J(e):{},R.validate?z(e):{}]).then((function(e){return n.all([e[0],e[1],e[2]],{arrayMerge:q})}))}),[R.validate,R.validationSchema,X,z,J]),$=Y((function(e){return void 0===e&&(e=H.values),r=function(){return Z(e).then((function(r){return M.current&&K({type:"SET_LOW_PRIORITY_ERRORS",payload:{values:e,errors:r}}),r})).catch((function(e){}))},s.unstable_runWithPriority(s.unstable_LowPriority,(function(){return s.unstable_scheduleCallback(s.unstable_LowPriority,r)}));var r})),ee=Y((function(e){return void 0===e&&(e=H.values),K({type:"SET_ISVALIDATING",payload:!0}),Z(e).then((function(e){return M.current&&(K({type:"SET_ISVALIDATING",payload:!1}),t(H.errors,e)||K({type:"SET_ERRORS",payload:e})),e}))}));r.useEffect((function(){c&&!0===M.current&&t(_.current,R.initialValues)&&$(_.current)}),[c,$]);var re=r.useCallback((function(e){var r=e&&e.values?e.values:_.current,t=e&&e.errors?e.errors:A.current?A.current:R.initialErrors||{},n=e&&e.touched?e.touched:I.current?I.current:R.initialTouched||{},i=e&&e.status?e.status:C.current?C.current:R.initialStatus;_.current=r,A.current=t,I.current=n,C.current=i;var a=function(){K({type:"RESET_FORM",payload:{isSubmitting:!!e&&!!e.isSubmitting,errors:t,touched:n,status:i,values:r,isValidating:!!e&&!!e.isValidating,submitCount:e&&e.submitCount&&"number"==typeof e.submitCount?e.submitCount:0}})};if(R.onReset){var o=R.onReset(H.values,Te);g(o)?o.then(a):a()}else a()}),[R.initialErrors,R.initialStatus,R.initialTouched]);r.useEffect((function(){!0!==M.current||t(_.current,R.initialValues)||(h&&(_.current=R.initialValues,re()),c&&$(_.current))}),[h,R.initialValues,re,c,$]),r.useEffect((function(){h&&!0===M.current&&!t(A.current,R.initialErrors)&&(A.current=R.initialErrors||V,K({type:"SET_ERRORS",payload:R.initialErrors||V}))}),[h,R.initialErrors]),r.useEffect((function(){h&&!0===M.current&&!t(I.current,R.initialTouched)&&(I.current=R.initialTouched||D,K({type:"SET_TOUCHED",payload:R.initialTouched||D}))}),[h,R.initialTouched]),r.useEffect((function(){h&&!0===M.current&&!t(C.current,R.initialStatus)&&(C.current=R.initialStatus,K({type:"SET_STATUS",payload:R.initialStatus}))}),[h,R.initialStatus,R.initialTouched]);var te=Y((function(e){if(L.current[e]&&m(L.current[e].validate)){var r=k(H.values,e),t=L.current[e].validate(r);return g(t)?(K({type:"SET_ISVALIDATING",payload:!0}),t.then((function(e){return e})).then((function(r){K({type:"SET_FIELD_ERROR",payload:{field:e,value:r}}),K({type:"SET_ISVALIDATING",payload:!1})}))):(K({type:"SET_FIELD_ERROR",payload:{field:e,value:t}}),Promise.resolve(t))}return R.validationSchema?(K({type:"SET_ISVALIDATING",payload:!0}),J(H.values,e).then((function(e){return e})).then((function(r){K({type:"SET_FIELD_ERROR",payload:{field:e,value:r[e]}}),K({type:"SET_ISVALIDATING",payload:!1})}))):Promise.resolve()})),ne=r.useCallback((function(e,r){L.current[e]={validate:r.validate}}),[]),ie=r.useCallback((function(e){delete L.current[e]}),[]),ae=Y((function(e,r){return K({type:"SET_TOUCHED",payload:e}),(void 0===r?u:r)?$(H.values):Promise.resolve()})),oe=r.useCallback((function(e){K({type:"SET_ERRORS",payload:e})}),[]),ue=Y((function(e,r){var t=m(e)?e(H.values):e;return K({type:"SET_VALUES",payload:t}),(void 0===r?a:r)?$(t):Promise.resolve()})),se=r.useCallback((function(e,r){K({type:"SET_FIELD_ERROR",payload:{field:e,value:r}})}),[]),le=Y((function(e,r,t){return K({type:"SET_FIELD_VALUE",payload:{field:e,value:r}}),(void 0===t?a:t)?$(O(H.values,e,r)):Promise.resolve()})),ce=r.useCallback((function(e,r){var t,n=r,i=e;if(!S(e)){e.persist&&e.persist();var a=e.target?e.target:e.currentTarget,o=a.type,u=a.value,s=a.checked,l=a.options,c=a.multiple;n=r||a.name||a.id,i=/number|range/.test(o)?(t=parseFloat(u),isNaN(t)?"":t):/checkbox/.test(o)?G(k(H.values,n),s,u):c?W(l):u}n&&le(n,i)}),[le,H.values]),pe=Y((function(e){if(S(e))return function(r){return ce(r,e)};ce(e)})),de=Y((function(e,r,t){return void 0===r&&(r=!0),K({type:"SET_FIELD_TOUCHED",payload:{field:e,value:r}}),(void 0===t?u:t)?$(H.values):Promise.resolve()})),fe=r.useCallback((function(e,r){e.persist&&e.persist();var t=e.target;de(r||t.name||t.id,!0)}),[de]),ve=Y((function(e){if(S(e))return function(r){return fe(r,e)};fe(e)})),he=r.useCallback((function(e){m(e)?K({type:"SET_FORMIK_STATE",payload:e}):K({type:"SET_FORMIK_STATE",payload:function(){return e}})}),[]),me=r.useCallback((function(e){K({type:"SET_STATUS",payload:e})}),[]),ye=r.useCallback((function(e){K({type:"SET_ISSUBMITTING",payload:e})}),[]),Ee=Y((function(){return K({type:"SUBMIT_ATTEMPT"}),ee().then((function(e){var r=e instanceof Error;if(!r&&0===Object.keys(e).length){var t;try{if(void 0===(t=ge()))return}catch(e){throw e}return Promise.resolve(t).then((function(e){return M.current&&K({type:"SUBMIT_SUCCESS"}),e})).catch((function(e){if(M.current)throw K({type:"SUBMIT_FAILURE"}),e}))}if(M.current&&(K({type:"SUBMIT_FAILURE"}),r))throw e}))})),Se=Y((function(e){e&&e.preventDefault&&m(e.preventDefault)&&e.preventDefault(),e&&e.stopPropagation&&m(e.stopPropagation)&&e.stopPropagation(),Ee().catch((function(e){console.warn("Warning: An unhandled error was caught from submitForm()",e)}))})),Te={resetForm:re,validateForm:ee,validateField:te,setErrors:oe,setFieldError:se,setFieldTouched:de,setFieldValue:le,setStatus:me,setSubmitting:ye,setTouched:ae,setValues:ue,setFormikState:he,submitForm:Ee},ge=Y((function(){return E(H.values,Te)})),be=Y((function(e){e&&e.preventDefault&&m(e.preventDefault)&&e.preventDefault(),e&&e.stopPropagation&&m(e.stopPropagation)&&e.stopPropagation(),re()})),Fe=r.useCallback((function(e){return{value:k(H.values,e),error:k(H.errors,e),touched:!!k(H.touched,e),initialValue:k(_.current,e),initialTouched:!!k(I.current,e),initialError:k(A.current,e)}}),[H.errors,H.touched,H.values]),ke=Y((function(e){return{setValue:function(r,t){return le(e,r,t)},setTouched:function(r,t){return de(e,r,t)},setError:function(r){return se(e,r)}}})),Oe=Y((function(e,r){if(!F&&e.nativeEvent&&void 0!==e.nativeEvent.text)return e.nativeEvent.text;if(F&&e.nativeEvent)return e.nativeEvent.text;var t=e.target?e.target:e.currentTarget,n=t.value,i=t.checked,a=t.options,o=t.multiple;return/checkbox/.test(t.type)?G(k(H.values,r),i,n):o?W(a):n})),Re=r.useCallback((function(e){var r=y(e),t=r?e.name?e.name:e.id:e,n=k(H.values,t),i=k(H.touched,t),a={name:t,value:n,onChange:pe,onBlur:ve};if(r){var o=e.type,u=e.value,s=e.as,l=e.multiple,c=e.parse,p=void 0===c?/number|range/.test(o)?P:x:c,d=e.format,f=void 0===d?w:d,v=e.formatOnBlur,h=void 0!==v&&v;"checkbox"===o?void 0===u?a.checked=!!n:(a.checked=!(!Array.isArray(n)||!~n.indexOf(u)),a.value=u):"radio"===o?(a.checked=n===u,a.value=u):"select"===s&&l&&(a.value=a.value||[],a.multiple=!0),"radio"!==o&&"checkbox"!==o&&f&&(!0===h?!0===i&&(a.value=f(a.value)):a.value=f(a.value)),"radio"!==o&&"checkbox"!==o&&(a.onChange=function(e){b(e)?(e.persist&&e.persist(),le(t,p(Oe(e,t)))):le(t,p(e))})}return a}),[Oe,ve,pe,le,H.touched,H.values]),_e=r.useMemo((function(){return!t(_.current,H.values)}),[_.current,H.values]),Ae=r.useMemo((function(){return void 0!==d?_e?H.errors&&0===Object.keys(H.errors).length:!1!==d&&m(d)?d(R):d:H.errors&&0===Object.keys(H.errors).length}),[d,_e,H.errors,R]);return p({},H,{initialValues:_.current,initialErrors:A.current,initialTouched:I.current,initialStatus:C.current,handleBlur:ve,handleChange:pe,handleReset:be,handleSubmit:Se,resetForm:re,setErrors:oe,setFormikState:he,setFieldTouched:de,setFieldValue:le,setFieldError:se,setStatus:me,setSubmitting:ye,setTouched:ae,setValues:ue,submitForm:Ee,validateForm:ee,validateField:te,isValid:Ae,dirty:_e,unregisterField:ie,registerField:ne,getFieldProps:Re,getFieldMeta:Fe,getFieldHelpers:ke,validateOnBlur:u,validateOnChange:a,validateOnMount:c})}function L(e){var t=M(e),n=e.component,i=e.children,a=e.render;return r.useImperativeHandle(e.innerRef,(function(){return t})),r.createElement(A,{value:t},n?r.createElement(n,t):a?a(t):i?m(i)?i(t):T(i)?null:r.Children.only(i):null)}function j(e){var r={};if(e.inner){if(0===e.inner.length)return O(r,e.path,e.message);var t=e.inner,n=Array.isArray(t),i=0;for(t=n?t:t[Symbol.iterator]();;){var a;if(n){if(i>=t.length)break;a=t[i++]}else{if((i=t.next()).done)break;a=i.value}var o=a;k(r,o.path)||(r=O(r,o.path,o.message))}}return r}function N(e,r,t,n){void 0===t&&(t=!1),void 0===n&&(n={});var i=B(e);return r[t?"validateSync":"validate"](i,{abortEarly:!1,context:n})}function B(e){var r=Array.isArray(e)?[]:{};for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t)){var n=String(t);r[n]=!0===Array.isArray(e[n])?e[n].map((function(e){return!0===Array.isArray(e)||i(e)?B(e):""!==e?e:void 0})):i(e[n])?B(e[n]):""!==e[n]?e[n]:void 0}return r}function q(e,r,t){var i=e.slice();return r.forEach((function(r,a){if(void 0===i[a]){var o=!1!==t.clone&&t.isMergeableObject(r);i[a]=o?n(Array.isArray(r)?[]:{},r,t):r}else t.isMergeableObject(r)?i[a]=n(e[a],r,t):-1===e.indexOf(r)&&i.push(r)})),i}function W(e){var r=[];if(e)for(var t=0;t<e.length;t++){var n=e[t];n.selected&&r.push(n.value)}return r}function G(e,r,t){if("boolean"==typeof e)return Boolean(r);var n=[],i=!1,a=-1;if(Array.isArray(e))n=e,i=(a=e.indexOf(t))>=0;else if(!t||"true"==t||"false"==t)return Boolean(r);return r&&t&&!i?n.concat(t):i?n.slice(0,a).concat(n.slice(a+1)):n}var H="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?r.useLayoutEffect:r.useEffect;function Y(e){var t=r.useRef(e);return H((function(){t.current=e})),r.useCallback((function(){for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return t.current.apply(void 0,r)}),[])}var K=r.forwardRef((function(e,t){var n=e.action,i=f(e,["action"]),a=n||"#",o=C();return r.createElement("form",Object.assign({onSubmit:o.handleSubmit,ref:t,onReset:o.handleReset,action:a},i))}));function z(e){var t=function(t){return r.createElement(I,null,(function(n){return n||u(!1),r.createElement(e,Object.assign({},t,{formik:n}))}))},n=e.displayName||e.name||e.constructor&&e.constructor.name||"Component";return t.WrappedComponent=e,t.displayName="FormikConnect("+n+")",l(t,e)}K.displayName="Form";var J=function(e,r,t){var n=$(e),i=n[r];return n.splice(r,1),n.splice(t,0,i),n},Q=function(e,r,t){var n=$(e),i=n[r];return n[r]=n[t],n[t]=i,n},X=function(e,r,t){var n=$(e);return n.splice(r,0,t),n},Z=function(e,r,t){var n=$(e);return n[r]=t,n},$=function(e){if(e){if(Array.isArray(e))return[].concat(e);var r=Object.keys(e).map((function(e){return parseInt(e)})).reduce((function(e,r){return r>e?r:e}),0);return Array.from(p({},e,{length:r+1}))}return[]},ee=function(e){function n(r){var t;return(t=e.call(this,r)||this).updateArrayField=function(e,r,n){var i=t.props,a=i.name;(0,i.formik.setFormikState)((function(t){var i="function"==typeof n?n:e,o="function"==typeof r?r:e,u=O(t.values,a,e(k(t.values,a))),s=n?i(k(t.errors,a)):void 0,l=r?o(k(t.touched,a)):void 0;return h(s)&&(s=void 0),h(l)&&(l=void 0),p({},t,{values:u,errors:n?O(t.errors,a,s):t.errors,touched:r?O(t.touched,a,l):t.touched})}))},t.push=function(e){return t.updateArrayField((function(r){return[].concat($(r),[c(e)])}),!1,!1)},t.handlePush=function(e){return function(){return t.push(e)}},t.swap=function(e,r){return t.updateArrayField((function(t){return Q(t,e,r)}),!0,!0)},t.handleSwap=function(e,r){return function(){return t.swap(e,r)}},t.move=function(e,r){return t.updateArrayField((function(t){return J(t,e,r)}),!0,!0)},t.handleMove=function(e,r){return function(){return t.move(e,r)}},t.insert=function(e,r){return t.updateArrayField((function(t){return X(t,e,r)}),(function(r){return X(r,e,null)}),(function(r){return X(r,e,null)}))},t.handleInsert=function(e,r){return function(){return t.insert(e,r)}},t.replace=function(e,r){return t.updateArrayField((function(t){return Z(t,e,r)}),!1,!1)},t.handleReplace=function(e,r){return function(){return t.replace(e,r)}},t.unshift=function(e){var r=-1;return t.updateArrayField((function(t){var n=t?[e].concat(t):[e];return r<0&&(r=n.length),n}),(function(e){var t=e?[null].concat(e):[null];return r<0&&(r=t.length),t}),(function(e){var t=e?[null].concat(e):[null];return r<0&&(r=t.length),t})),r},t.handleUnshift=function(e){return function(){return t.unshift(e)}},t.handleRemove=function(e){return function(){return t.remove(e)}},t.handlePop=function(){return function(){return t.pop()}},t.remove=t.remove.bind(v(t)),t.pop=t.pop.bind(v(t)),t}d(n,e);var i=n.prototype;return i.componentDidUpdate=function(e){this.props.validateOnChange&&this.props.formik.validateOnChange&&!t(k(e.formik.values,e.name),k(this.props.formik.values,this.props.name))&&this.props.formik.validateForm(this.props.formik.values)},i.remove=function(e){var r;return this.updateArrayField((function(t){var n=t?$(t):[];return r||(r=n[e]),m(n.splice)&&n.splice(e,1),n}),!0,!0),r},i.pop=function(){var e;return this.updateArrayField((function(r){var t=r;return e||(e=t&&t.pop&&t.pop()),t}),!0,!0),e},i.render=function(){var e=this.props,t=e.component,n=e.render,i=e.children,a=e.name,o=p({},{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},{form:f(e.formik,["validate","validationSchema"]),name:a});return t?r.createElement(t,o):n?n(o):i?"function"==typeof i?i(o):T(i)?null:r.Children.only(i):null},n}(r.Component);ee.defaultProps={validateOnChange:!0};var re=z(ee),te=z(function(e){function t(){return e.apply(this,arguments)||this}d(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return k(this.props.formik.errors,this.props.name)!==k(e.formik.errors,this.props.name)||k(this.props.formik.touched,this.props.name)!==k(e.formik.touched,this.props.name)||Object.keys(this.props).length!==Object.keys(e).length},n.render=function(){var e=this.props,t=e.component,n=e.formik,i=e.render,a=e.children,o=e.name,u=f(e,["component","formik","render","children","name"]),s=k(n.touched,o),l=k(n.errors,o);return s&&l?i?m(i)?i(l):null:a?m(a)?a(l):null:t?r.createElement(t,u,l):l:null},t}(r.Component)),ne=z(function(e){function t(r){var t;t=e.call(this,r)||this;var n=r.render,i=r.children,a=r.component,o=r.as;return n&&u(!1),a&&n&&u(!1),o&&i&&m(i)&&u(!1),a&&i&&m(i)&&u(!1),n&&i&&!T(i)&&u(!1),t}d(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e){return this.props.shouldUpdate?this.props.shouldUpdate(e,this.props):e.name!==this.props.name||k(e.formik.values,this.props.name)!==k(this.props.formik.values,this.props.name)||k(e.formik.errors,this.props.name)!==k(this.props.formik.errors,this.props.name)||k(e.formik.touched,this.props.name)!==k(this.props.formik.touched,this.props.name)||Object.keys(this.props).length!==Object.keys(e).length||e.formik.isSubmitting!==this.props.formik.isSubmitting},n.componentDidMount=function(){this.props.formik.registerField(this.props.name,{validate:this.props.validate})},n.componentDidUpdate=function(e){this.props.name!==e.name&&(this.props.formik.unregisterField(e.name),this.props.formik.registerField(this.props.name,{validate:this.props.validate})),this.props.validate!==e.validate&&this.props.formik.registerField(this.props.name,{validate:this.props.validate})},n.componentWillUnmount=function(){this.props.formik.unregisterField(this.props.name)},n.render=function(){var e=this.props,t=e.name,n=e.render,i=e.as,a=e.children,o=e.component,u=e.formik,s=f(e,["validate","name","render","as","children","component","shouldUpdate","formik"]),l=f(u,["validate","validationSchema"]),c=u.getFieldProps(p({name:t},s)),d={field:c,meta:{value:k(u.values,t),error:k(u.errors,t),touched:!!k(u.touched,t),initialValue:k(u.initialValues,t),initialTouched:!!k(u.initialTouched,t),initialError:k(u.initialErrors,t)},form:l};if(n)return n(d);if(m(a))return a(d);if(o){if("string"==typeof o){var v=s.innerRef,h=f(s,["innerRef"]);return r.createElement(o,p({ref:v},c,h),a)}return r.createElement(o,p({field:c,form:u},s),a)}var y=i||"input";if("string"==typeof y){var E=s.innerRef,S=f(s,["innerRef"]);return r.createElement(y,p({ref:E},c,S),a)}return r.createElement(y,p({},c,s),a)},t}(r.Component));exports.ErrorMessage=te,exports.FastField=ne,exports.Field=function(e){var t=e.validate,n=e.name,i=e.render,a=e.children,o=e.as,u=e.component,s=f(e,["validate","name","render","children","as","component"]),l=f(C(),["validate","validationSchema"]),c=l.registerField,d=l.unregisterField;r.useEffect((function(){return c(n,{validate:t}),function(){d(n)}}),[c,d,n,t]);var v=l.getFieldProps(p({name:n},s)),h=l.getFieldMeta(n),y={field:v,form:l};if(i)return i(p({},y,{meta:h}));if(m(a))return a(p({},y,{meta:h}));if(u){if("string"==typeof u){var E=s.innerRef,S=f(s,["innerRef","parse","format","formatOnBlur"]);return r.createElement(u,p({ref:E},v,S),a)}var T=f(s,["parse","format","formatOnBlur"]);return r.createElement(u,p({field:v,form:l},T),a)}var g=o||"input";if("string"==typeof g){var b=s.innerRef,F=f(s,["innerRef","parse","format","formatOnBlur"]);return r.createElement(g,p({ref:b},v,F),a)}var k=f(s,["parse","format","formatOnBlur"]);return r.createElement(g,p({},v,k),a)},exports.FieldArray=re,exports.Form=K,exports.Formik=L,exports.FormikConsumer=I,exports.FormikContext=_,exports.FormikProvider=A,exports.connect=z,exports.getActiveElement=function(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(r){return e.body}},exports.getIn=k,exports.insert=X,exports.isEmptyArray=h,exports.isEmptyChildren=T,exports.isFunction=m,exports.isInputEvent=b,exports.isInteger=E,exports.isNaN=function(e){return e!=e},exports.isObject=y,exports.isPromise=g,exports.isReactNative=F,exports.isString=S,exports.move=J,exports.prepareDataForValidation=B,exports.replace=Z,exports.setIn=O,exports.setNestedObjectValues=R,exports.swap=Q,exports.useField=function(e){var t=C(),n=t.getFieldProps,i=t.getFieldMeta,a=t.getFieldHelpers,o=t.registerField,s=t.unregisterField,l=y(e)?e:{name:e},c=l.name,p=l.validate;return r.useEffect((function(){return c&&o(c,{validate:p}),function(){c&&s(c)}}),[o,s,c,p]),c||u(!1),[n(l),i(c),a(c)]},exports.useFormik=M,exports.useFormikContext=C,exports.validateYupSchema=N,exports.withFormik=function(e){var t=e.mapPropsToValues,n=void 0===t?function(e){var r={};for(var t in e)e.hasOwnProperty(t)&&"function"!=typeof e[t]&&(r[t]=e[t]);return r}:t,i=f(e,["mapPropsToValues"]);return function(e){var t=e.displayName||e.name||e.constructor&&e.constructor.name||"Component",a=function(t){function a(){var n;return(n=t.apply(this,arguments)||this).validate=function(e){return i.validate(e,n.props)},n.validationSchema=function(){return m(i.validationSchema)?i.validationSchema(n.props):i.validationSchema},n.handleSubmit=function(e,r){return i.handleSubmit(e,p({},r,{props:n.props}))},n.renderFormComponent=function(t){return r.createElement(e,Object.assign({},n.props,t))},n}return d(a,t),a.prototype.render=function(){var e=f(this.props,["children"]);return r.createElement(L,Object.assign({},e,i,{validate:i.validate&&this.validate,validationSchema:i.validationSchema&&this.validationSchema,initialValues:n(this.props),initialStatus:i.mapPropsToStatus&&i.mapPropsToStatus(this.props),initialErrors:i.mapPropsToErrors&&i.mapPropsToErrors(this.props),initialTouched:i.mapPropsToTouched&&i.mapPropsToTouched(this.props),onSubmit:this.handleSubmit,children:this.renderFormComponent}))},a}(r.Component);return a.displayName="WithFormik("+t+")",l(a,e)}},exports.yupToFormErrors=j;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),r=e(require("react-fast-compare")),n=e(require("deepmerge")),i=e(require("lodash/isPlainObject")),a=e(require("lodash/clone")),o=e(require("lodash/toPath")),u=e(require("tiny-warning")),l=require("use-context-selector"),s=require("scheduler"),c=e(require("hoist-non-react-statics")),d=e(require("lodash/cloneDeep"));function p(){return(p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function f(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function v(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)t.indexOf(r=a[n])>=0||(i[r]=e[r]);return i}function h(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}var m=function(e){return Array.isArray(e)&&0===e.length},y=function(e){return"function"==typeof e},E=function(e){return null!==e&&"object"==typeof e},S=function(e){return String(Math.floor(Number(e)))===e},g=function(e){return"[object String]"===Object.prototype.toString.call(e)},b=function(e){return e!=e},T=function(e){return 0===t.Children.count(e)},F=function(e){return E(e)&&y(e.then)},x=function(e){return e&&E(e)&&E(e.target)},k="undefined"!=typeof window&&window.navigator&&window.navigator.product&&"ReactNative"===window.navigator.product;function _(e,t,r,n){void 0===n&&(n=0);for(var i=o(t);e&&n<i.length;)e=e[i[n++]];return void 0===e?r:e}function C(e,t,r){for(var n=a(e),i=n,u=0,l=o(t);u<l.length-1;u++){var s=l[u],c=_(e,l.slice(0,u+1));if(c&&(E(c)||Array.isArray(c)))i=i[s]=a(c);else{var d=l[u+1];i=i[s]=S(d)&&Number(d)>=0?[]:{}}}return(0===u?e:i)[l[u]]===r?e:(void 0===r?delete i[l[u]]:i[l[u]]=r,0===u&&void 0===r&&delete n[l[u]],n)}function O(e,t,r,n){void 0===r&&(r=new WeakMap),void 0===n&&(n={});for(var i=0,a=Object.keys(e);i<a.length;i++){var o=a[i],u=e[o];E(u)?r.get(u)||(r.set(u,!0),n[o]=Array.isArray(u)?[]:{},O(u,t,r,n[o])):n[o]=t}return n}function R(e){var t=[];if(e)for(var r=0;r<e.length;r++){var n=e[r];n.selected&&t.push(n.value)}return t}function A(e,t,r){if("boolean"==typeof e)return Boolean(t);var n=[],i=!1,a=-1;if(Array.isArray(e))n=e,i=(a=e.indexOf(r))>=0;else if(!r||"true"==r||"false"==r)return Boolean(t);return t&&r&&!i?n.concat(r):i?n.slice(0,a).concat(n.slice(a+1)):n}var I=function(e,t){return e},P=function(e,t){var r=parseFloat(e);return b(r)?"":r},V=function(e,t){return void 0===e?"":e},w=function(e,t){if(!k&&e.nativeEvent&&void 0!==e.nativeEvent.text)return e.nativeEvent.text;if(k&&e.nativeEvent)return e.nativeEvent.text;var r=e.target?e.target:e.currentTarget,n=r.value,i=r.checked,a=r.options,o=r.multiple;return/checkbox/.test(r.type)?A(t,i,n):o?R(a):n},D=l.createContext(void 0),U=D.Provider;function M(e){var r=e.children,n=l.useContextSelector(D,t.useCallback((function(e){return e}),[]));return t.createElement(t.Fragment,null,r(n))}function L(){var e=l.useContextSelector(D,t.useCallback((function(e){return e}),[]));return e||u(!1),e}function B(e,t){switch(t.type){case"SET_VALUES":return p({},e,{values:t.payload});case"SET_TOUCHED":return p({},e,{touched:t.payload});case"SET_ERRORS":return r(e.errors,t.payload)?e:p({},e,{errors:t.payload});case"SET_LOW_PRIORITY_ERRORS":return r(e.errors,t.payload.errors)||!r(e.values,t.payload.values)?e:p({},e,{errors:t.payload.errors});case"SET_STATUS":return p({},e,{status:t.payload});case"SET_ISSUBMITTING":return p({},e,{isSubmitting:t.payload});case"SET_ISVALIDATING":return p({},e,{isValidating:t.payload});case"SET_FIELD_VALUE":return p({},e,{values:C(e.values,t.payload.field,t.payload.value)});case"SET_FIELD_TOUCHED":return p({},e,{touched:C(e.touched,t.payload.field,t.payload.value)});case"SET_FIELD_ERROR":return p({},e,{errors:C(e.errors,t.payload.field,t.payload.value)});case"RESET_FORM":return p({},e,t.payload);case"SET_FORMIK_STATE":return t.payload(e);case"SUBMIT_ATTEMPT":return p({},e,{touched:O(e.values,!0),isSubmitting:!0,submitCount:e.submitCount+1});case"SUBMIT_FAILURE":case"SUBMIT_SUCCESS":return p({},e,{isSubmitting:!1});default:return e}}var j={},N={};function q(e){var i=e.validateOnChange,a=void 0===i||i,o=e.validateOnBlur,u=void 0===o||o,l=e.validateOnMount,c=void 0!==l&&l,d=e.isInitialValid,f=e.enableReinitialize,h=void 0!==f&&f,m=e.onSubmit,S=v(e,["validateOnChange","validateOnBlur","validateOnMount","isInitialValid","enableReinitialize","onSubmit"]),b=p({validateOnChange:a,validateOnBlur:u,validateOnMount:c,onSubmit:m},S),T=t.useRef(b.initialValues),O=t.useRef(b.initialErrors||j),w=t.useRef(b.initialTouched||N),D=t.useRef(b.initialStatus),U=t.useRef(!1),M=t.useRef({});t.useEffect((function(){return U.current=!0,function(){U.current=!1}}),[]);var L=t.useReducer(B,{values:b.initialValues,errors:b.initialErrors||j,touched:b.initialTouched||N,status:b.initialStatus,isSubmitting:!1,isValidating:!1,submitCount:0}),q=L[0],W=L[1],Y=t.useCallback((function(e,t){return new Promise((function(r,n){var i=b.validate(e,t);null==i?r(j):F(i)?i.then((function(e){r(e||j)}),(function(e){n(e)})):r(i)}))}),[b.validate]),z=t.useCallback((function(e,t){var r=b.validationSchema,n=y(r)?r(t):r,i=t&&n.validateAt?n.validateAt(t,e):H(e,n);return new Promise((function(e,t){i.then((function(){e(j)}),(function(r){"ValidationError"===r.name?e(G(r)):t(r)}))}))}),[b.validationSchema]),Q=t.useCallback((function(e,t){return new Promise((function(r){return r(M.current[e].validate(t))}))}),[]),X=t.useCallback((function(e){var t=Object.keys(M.current).filter((function(e){return y(M.current[e].validate)})),r=t.length>0?t.map((function(t){return Q(t,_(e,t))})):[Promise.resolve("DO_NOT_DELETE_YOU_WILL_BE_FIRED")];return Promise.all(r).then((function(e){return e.reduce((function(e,r,n){return"DO_NOT_DELETE_YOU_WILL_BE_FIRED"===r?e:(r&&(e=C(e,t[n],r)),e)}),{})}))}),[Q]),Z=t.useCallback((function(e){return Promise.all([X(e),b.validationSchema?z(e):{},b.validate?Y(e):{}]).then((function(e){return n.all([e[0],e[1],e[2]],{arrayMerge:K})}))}),[b.validate,b.validationSchema,X,Y,z]),$=J((function(e){return void 0===e&&(e=q.values),t=function(){return Z(e).then((function(t){return U.current&&W({type:"SET_LOW_PRIORITY_ERRORS",payload:{values:e,errors:t}}),t})).catch((function(e){}))},s.unstable_runWithPriority(s.unstable_LowPriority,(function(){return s.unstable_scheduleCallback(s.unstable_LowPriority,t)}));var t})),ee=J((function(e){return void 0===e&&(e=q.values),W({type:"SET_ISVALIDATING",payload:!0}),Z(e).then((function(e){return U.current&&(W({type:"SET_ISVALIDATING",payload:!1}),r(q.errors,e)||W({type:"SET_ERRORS",payload:e})),e}))}));t.useEffect((function(){c&&!0===U.current&&r(T.current,b.initialValues)&&$(T.current)}),[c,$]);var te=t.useCallback((function(e){var t=e&&e.values?e.values:T.current,r=e&&e.errors?e.errors:O.current?O.current:b.initialErrors||{},n=e&&e.touched?e.touched:w.current?w.current:b.initialTouched||{},i=e&&e.status?e.status:D.current?D.current:b.initialStatus;T.current=t,O.current=r,w.current=n,D.current=i;var a=function(){W({type:"RESET_FORM",payload:{isSubmitting:!!e&&!!e.isSubmitting,errors:r,touched:n,status:i,values:t,isValidating:!!e&&!!e.isValidating,submitCount:e&&e.submitCount&&"number"==typeof e.submitCount?e.submitCount:0}})};if(b.onReset){var o=b.onReset(q.values,ge);F(o)?o.then(a):a()}else a()}),[b.initialErrors,b.initialStatus,b.initialTouched]);t.useEffect((function(){!0!==U.current||r(T.current,b.initialValues)||(h&&(T.current=b.initialValues,te()),c&&$(T.current))}),[h,b.initialValues,te,c,$]),t.useEffect((function(){h&&!0===U.current&&!r(O.current,b.initialErrors)&&(O.current=b.initialErrors||j,W({type:"SET_ERRORS",payload:b.initialErrors||j}))}),[h,b.initialErrors]),t.useEffect((function(){h&&!0===U.current&&!r(w.current,b.initialTouched)&&(w.current=b.initialTouched||N,W({type:"SET_TOUCHED",payload:b.initialTouched||N}))}),[h,b.initialTouched]),t.useEffect((function(){h&&!0===U.current&&!r(D.current,b.initialStatus)&&(D.current=b.initialStatus,W({type:"SET_STATUS",payload:b.initialStatus}))}),[h,b.initialStatus,b.initialTouched]);var re=J((function(e){if(M.current[e]&&y(M.current[e].validate)){var t=_(q.values,e),r=M.current[e].validate(t);return F(r)?(W({type:"SET_ISVALIDATING",payload:!0}),r.then((function(e){return e})).then((function(t){W({type:"SET_FIELD_ERROR",payload:{field:e,value:t}}),W({type:"SET_ISVALIDATING",payload:!1})}))):(W({type:"SET_FIELD_ERROR",payload:{field:e,value:r}}),Promise.resolve(r))}return b.validationSchema?(W({type:"SET_ISVALIDATING",payload:!0}),z(q.values,e).then((function(e){return e})).then((function(t){W({type:"SET_FIELD_ERROR",payload:{field:e,value:t[e]}}),W({type:"SET_ISVALIDATING",payload:!1})}))):Promise.resolve()})),ne=t.useCallback((function(e,t){M.current[e]={validate:t.validate}}),[]),ie=t.useCallback((function(e){delete M.current[e]}),[]),ae=J((function(e,t){return W({type:"SET_TOUCHED",payload:e}),(void 0===t?u:t)?$(q.values):Promise.resolve()})),oe=t.useCallback((function(e){W({type:"SET_ERRORS",payload:e})}),[]),ue=J((function(e,t){var r=y(e)?e(q.values):e;return W({type:"SET_VALUES",payload:r}),(void 0===t?a:t)?$(r):Promise.resolve()})),le=t.useCallback((function(e,t){W({type:"SET_FIELD_ERROR",payload:{field:e,value:t}})}),[]),se=J((function(e,t,r){return W({type:"SET_FIELD_VALUE",payload:{field:e,value:t}}),(void 0===r?a:r)?$(C(q.values,e,t)):Promise.resolve()})),ce=t.useCallback((function(e,t){var r,n=t,i=e;if(!g(e)){e.persist&&e.persist();var a=e.target?e.target:e.currentTarget,o=a.type,u=a.value,l=a.checked,s=a.options,c=a.multiple;n=t||a.name||a.id,i=/number|range/.test(o)?(r=parseFloat(u),isNaN(r)?"":r):/checkbox/.test(o)?A(_(q.values,n),l,u):c?R(s):u}n&&se(n,i)}),[se,q.values]),de=J((function(e){if(g(e))return function(t){return ce(t,e)};ce(e)})),pe=J((function(e,t,r){return void 0===t&&(t=!0),W({type:"SET_FIELD_TOUCHED",payload:{field:e,value:t}}),(void 0===r?u:r)?$(q.values):Promise.resolve()})),fe=t.useCallback((function(e,t){e.persist&&e.persist();var r=e.target;pe(t||r.name||r.id,!0)}),[pe]),ve=J((function(e){if(g(e))return function(t){return fe(t,e)};fe(e)})),he=t.useCallback((function(e){y(e)?W({type:"SET_FORMIK_STATE",payload:e}):W({type:"SET_FORMIK_STATE",payload:function(){return e}})}),[]),me=t.useCallback((function(e){W({type:"SET_STATUS",payload:e})}),[]),ye=t.useCallback((function(e){W({type:"SET_ISSUBMITTING",payload:e})}),[]),Ee=J((function(){return W({type:"SUBMIT_ATTEMPT"}),ee().then((function(e){var t=e instanceof Error;if(!t&&0===Object.keys(e).length){var r;try{if(void 0===(r=be()))return}catch(e){throw e}return Promise.resolve(r).then((function(e){return U.current&&W({type:"SUBMIT_SUCCESS"}),e})).catch((function(e){if(U.current)throw W({type:"SUBMIT_FAILURE"}),e}))}if(U.current&&(W({type:"SUBMIT_FAILURE"}),t))throw e}))})),Se=J((function(e){e&&e.preventDefault&&y(e.preventDefault)&&e.preventDefault(),e&&e.stopPropagation&&y(e.stopPropagation)&&e.stopPropagation(),Ee().catch((function(e){console.warn("Warning: An unhandled error was caught from submitForm()",e)}))})),ge={resetForm:te,validateForm:ee,validateField:re,setErrors:oe,setFieldError:le,setFieldTouched:pe,setFieldValue:se,setStatus:me,setSubmitting:ye,setTouched:ae,setValues:ue,setFormikState:he,submitForm:Ee},be=J((function(){return m(q.values,ge)})),Te=J((function(e){e&&e.preventDefault&&y(e.preventDefault)&&e.preventDefault(),e&&e.stopPropagation&&y(e.stopPropagation)&&e.stopPropagation(),te()})),Fe=t.useCallback((function(e){return{value:_(q.values,e),error:_(q.errors,e),touched:!!_(q.touched,e),initialValue:_(T.current,e),initialTouched:!!_(w.current,e),initialError:_(O.current,e)}}),[q.errors,q.touched,q.values]),xe=J((function(e){return{setValue:function(t,r){return se(e,t,r)},setTouched:function(t,r){return pe(e,t,r)},setError:function(t){return le(e,t)}}})),ke=J((function(e,t){if(!k&&e.nativeEvent&&void 0!==e.nativeEvent.text)return e.nativeEvent.text;if(k&&e.nativeEvent)return e.nativeEvent.text;var r=e.target?e.target:e.currentTarget,n=r.value,i=r.checked,a=r.options,o=r.multiple;return/checkbox/.test(r.type)?A(_(q.values,t),i,n):o?R(a):n})),_e=t.useCallback((function(e){var t=E(e),r=t?e.name?e.name:e.id:e,n=_(q.values,r),i=_(q.touched,r),a={name:r,value:n,onChange:de,onBlur:ve};if(t){var o=e.type,u=e.value,l=e.as,s=e.multiple,c=e.parse,d=void 0===c?/number|range/.test(o)?P:I:c,p=e.format,f=void 0===p?V:p,v=e.formatOnBlur,h=void 0!==v&&v;"checkbox"===o?void 0===u?a.checked=!!n:(a.checked=!(!Array.isArray(n)||!~n.indexOf(u)),a.value=u):"radio"===o?(a.checked=n===u,a.value=u):"select"===l&&s&&(a.value=a.value||[],a.multiple=!0),"radio"!==o&&"checkbox"!==o&&f&&(!0===h?!0===i&&(a.value=f(a.value)):a.value=f(a.value)),"radio"!==o&&"checkbox"!==o&&(a.onChange=function(e){x(e)?(e.persist&&e.persist(),se(r,d(ke(e,r)))):se(r,d(e))})}return a}),[ke,ve,de,se,q.touched,q.values]),Ce=t.useMemo((function(){return!r(T.current,q.values)}),[T.current,q.values]),Oe=t.useMemo((function(){return void 0!==d?Ce?q.errors&&0===Object.keys(q.errors).length:!1!==d&&y(d)?d(b):d:q.errors&&0===Object.keys(q.errors).length}),[d,Ce,q.errors,b]);return p({},q,{initialValues:T.current,initialErrors:O.current,initialTouched:w.current,initialStatus:D.current,handleBlur:ve,handleChange:de,handleReset:Te,handleSubmit:Se,resetForm:te,setErrors:oe,setFormikState:he,setFieldTouched:pe,setFieldValue:se,setFieldError:le,setStatus:me,setSubmitting:ye,setTouched:ae,setValues:ue,submitForm:Ee,validateForm:ee,validateField:re,isValid:Oe,dirty:Ce,unregisterField:ie,registerField:ne,getFieldProps:_e,getFieldMeta:Fe,getFieldHelpers:xe,validateOnBlur:u,validateOnChange:a,validateOnMount:c})}function W(e){var r=q(e),n=e.component,i=e.children,a=e.render;return t.useImperativeHandle(e.innerRef,(function(){return r})),t.createElement(U,{value:r},n?t.createElement(n,r):a?a(r):i?y(i)?i(r):T(i)?null:t.Children.only(i):null)}function G(e){var t={};if(e.inner){if(0===e.inner.length)return C(t,e.path,e.message);var r=e.inner,n=Array.isArray(r),i=0;for(r=n?r:r[Symbol.iterator]();;){var a;if(n){if(i>=r.length)break;a=r[i++]}else{if((i=r.next()).done)break;a=i.value}var o=a;_(t,o.path)||(t=C(t,o.path,o.message))}}return t}function H(e,t,r,n){void 0===r&&(r=!1),void 0===n&&(n={});var i=Y(e);return t[r?"validateSync":"validate"](i,{abortEarly:!1,context:n})}function Y(e){var t=Array.isArray(e)?[]:{};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var n=String(r);t[n]=!0===Array.isArray(e[n])?e[n].map((function(e){return!0===Array.isArray(e)||i(e)?Y(e):""!==e?e:void 0})):i(e[n])?Y(e[n]):""!==e[n]?e[n]:void 0}return t}function K(e,t,r){var i=e.slice();return t.forEach((function(t,a){if(void 0===i[a]){var o=!1!==r.clone&&r.isMergeableObject(t);i[a]=o?n(Array.isArray(t)?[]:{},t,r):t}else r.isMergeableObject(t)?i[a]=n(e[a],t,r):-1===e.indexOf(t)&&i.push(t)})),i}var z="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?t.useLayoutEffect:t.useEffect;function J(e){var r=t.useRef(e);return z((function(){r.current=e})),t.useCallback((function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return r.current.apply(void 0,t)}),[])}var Q=t.forwardRef((function(e,r){var n=e.action,i=v(e,["action"]),a=n||"#",o=l.useContextSelector(D,(function(e){return e.handleReset})),u=l.useContextSelector(D,(function(e){return e.handleSubmit}));return t.createElement("form",Object.assign({onSubmit:u,ref:r,onReset:o,action:a},i))}));function X(e){var r=function(r){return t.createElement(M,{children:function(n){return n||u(!1),t.createElement(e,Object.assign({},r,{formik:n}))}})},n=e.displayName||e.name||e.constructor&&e.constructor.name||"Component";return r.WrappedComponent=e,r.displayName="FormikConnect("+n+")",c(r,e)}Q.displayName="Form";var Z=function(e,t,r){var n=re(e),i=n[t];return n.splice(t,1),n.splice(r,0,i),n},$=function(e,t,r){var n=re(e),i=n[t];return n[t]=n[r],n[r]=i,n},ee=function(e,t,r){var n=re(e);return n.splice(t,0,r),n},te=function(e,t,r){var n=re(e);return n[t]=r,n},re=function(e){if(e){if(Array.isArray(e))return[].concat(e);var t=Object.keys(e).map((function(e){return parseInt(e)})).reduce((function(e,t){return t>e?t:e}),0);return Array.from(p({},e,{length:t+1}))}return[]},ne=function(e){function n(t){var r;return(r=e.call(this,t)||this).updateArrayField=function(e,t,n){var i=r.props,a=i.name;(0,i.formik.setFormikState)((function(r){var i="function"==typeof n?n:e,o="function"==typeof t?t:e,u=C(r.values,a,e(_(r.values,a))),l=n?i(_(r.errors,a)):void 0,s=t?o(_(r.touched,a)):void 0;return m(l)&&(l=void 0),m(s)&&(s=void 0),p({},r,{values:u,errors:n?C(r.errors,a,l):r.errors,touched:t?C(r.touched,a,s):r.touched})}))},r.push=function(e){return r.updateArrayField((function(t){return[].concat(re(t),[d(e)])}),!1,!1)},r.handlePush=function(e){return function(){return r.push(e)}},r.swap=function(e,t){return r.updateArrayField((function(r){return $(r,e,t)}),!0,!0)},r.handleSwap=function(e,t){return function(){return r.swap(e,t)}},r.move=function(e,t){return r.updateArrayField((function(r){return Z(r,e,t)}),!0,!0)},r.handleMove=function(e,t){return function(){return r.move(e,t)}},r.insert=function(e,t){return r.updateArrayField((function(r){return ee(r,e,t)}),(function(t){return ee(t,e,null)}),(function(t){return ee(t,e,null)}))},r.handleInsert=function(e,t){return function(){return r.insert(e,t)}},r.replace=function(e,t){return r.updateArrayField((function(r){return te(r,e,t)}),!1,!1)},r.handleReplace=function(e,t){return function(){return r.replace(e,t)}},r.unshift=function(e){var t=-1;return r.updateArrayField((function(r){var n=r?[e].concat(r):[e];return t<0&&(t=n.length),n}),(function(e){var r=e?[null].concat(e):[null];return t<0&&(t=r.length),r}),(function(e){var r=e?[null].concat(e):[null];return t<0&&(t=r.length),r})),t},r.handleUnshift=function(e){return function(){return r.unshift(e)}},r.handleRemove=function(e){return function(){return r.remove(e)}},r.handlePop=function(){return function(){return r.pop()}},r.remove=r.remove.bind(h(r)),r.pop=r.pop.bind(h(r)),r}f(n,e);var i=n.prototype;return i.componentDidUpdate=function(e){this.props.validateOnChange&&this.props.formik.validateOnChange&&!r(_(e.formik.values,e.name),_(this.props.formik.values,this.props.name))&&this.props.formik.validateForm(this.props.formik.values)},i.remove=function(e){var t;return this.updateArrayField((function(r){var n=r?re(r):[];return t||(t=n[e]),y(n.splice)&&n.splice(e,1),n}),!0,!0),t},i.pop=function(){var e;return this.updateArrayField((function(t){var r=t;return e||(e=r&&r.pop&&r.pop()),r}),!0,!0),e},i.render=function(){var e=this.props,r=e.component,n=e.render,i=e.children,a=e.name,o=p({},{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},{form:v(e.formik,["validate","validationSchema"]),name:a});return r?t.createElement(r,o):n?n(o):i?"function"==typeof i?i(o):T(i)?null:t.Children.only(i):null},n}(t.Component);ne.defaultProps={validateOnChange:!0};var ie=X(ne);function ae(e){return l.useContextSelector(D,(function(t){return _(t.values,e)}))}function oe(e){return l.useContextSelector(D,(function(t){return _(t.errors,e)}))}function ue(e){return l.useContextSelector(D,(function(t){return _(t.touched,e)}))}function le(e){var r=E(e)?e:{name:e},n=r.name,i=r.validate,a=l.useContextSelector(D,(function(e){return e.registerField})),o=l.useContextSelector(D,(function(e){return e.unregisterField}));t.useEffect((function(){return n&&a(n,{validate:i}),function(){n&&o(n)}}),[a,o,n,i]);var u,s={value:ae(u=n),touched:ue(u),error:oe(u),initialValue:l.useContextSelector(D,(function(e){return _(e.initialValues.current,u)})),initialTouched:l.useContextSelector(D,(function(e){return!!_(e.initialTouched.current,u)})),initialError:l.useContextSelector(D,(function(e){return _(e.initialErrors.current,u)}))},c=s.value,d=s.touched,p=l.useContextSelector(D,(function(e){return e.setFieldValue})),f=l.useContextSelector(D,(function(e){return e.handleChange})),v=l.useContextSelector(D,(function(e){return e.handleBlur})),h={name:n,value:c,onChange:f,onBlur:v},m=e.type,y=e.value,S=e.as,g=e.multiple,b=e.parse,T=void 0===b?/number|range/.test(null!=m?m:"")?P:I:b,F=e.format,k=void 0===F?V:F,C=e.formatOnBlur,O=void 0!==C&&C;return"checkbox"===m?void 0===y?h.checked=!!c:(h.checked=!(!Array.isArray(c)||!~c.indexOf(y)),h.value=y):"radio"===m?(h.checked=c===y,h.value=y):"select"===S&&g&&(h.value=h.value||[],h.multiple=!0),"radio"!==m&&"checkbox"!==m&&k&&(!0===O?!0===d&&(h.value=k(h.value,n)):h.value=k(h.value,n)),"radio"!==m&&"checkbox"!==m&&(h.onChange=function(e){x(e)?(e.persist&&e.persist(),p(n,T(w(e,c),n))):p(n,T(e,n))}),[h,s]}var se=le,ce=X(function(e){function r(t){var r;r=e.call(this,t)||this;var n=t.render,i=t.children,a=t.component,o=t.as;return n&&u(!1),a&&n&&u(!1),o&&i&&y(i)&&u(!1),a&&i&&y(i)&&u(!1),n&&i&&!T(i)&&u(!1),r}f(r,e);var n=r.prototype;return n.shouldComponentUpdate=function(e){return this.props.shouldUpdate?this.props.shouldUpdate(e,this.props):e.name!==this.props.name||_(e.formik.values,this.props.name)!==_(this.props.formik.values,this.props.name)||_(e.formik.errors,this.props.name)!==_(this.props.formik.errors,this.props.name)||_(e.formik.touched,this.props.name)!==_(this.props.formik.touched,this.props.name)||Object.keys(this.props).length!==Object.keys(e).length||e.formik.isSubmitting!==this.props.formik.isSubmitting},n.componentDidMount=function(){this.props.formik.registerField(this.props.name,{validate:this.props.validate})},n.componentDidUpdate=function(e){this.props.name!==e.name&&(this.props.formik.unregisterField(e.name),this.props.formik.registerField(this.props.name,{validate:this.props.validate})),this.props.validate!==e.validate&&this.props.formik.registerField(this.props.name,{validate:this.props.validate})},n.componentWillUnmount=function(){this.props.formik.unregisterField(this.props.name)},n.render=function(){var e=this.props,r=e.name,n=e.render,i=e.as,a=e.children,o=e.component,u=e.formik,l=v(e,["validate","name","render","as","children","component","shouldUpdate","formik"]),s=v(u,["validate","validationSchema"]),c=u.getFieldProps(p({name:r},l)),d={field:c,meta:{value:_(u.values,r),error:_(u.errors,r),touched:!!_(u.touched,r),initialValue:_(u.initialValues,r),initialTouched:!!_(u.initialTouched,r),initialError:_(u.initialErrors,r)},form:s};if(n)return n(d);if(y(a))return a(d);if(o){if("string"==typeof o){var f=l.innerRef,h=v(l,["innerRef"]);return t.createElement(o,p({ref:f},c,h),a)}return t.createElement(o,p({field:c,form:u},l),a)}var m=i||"input";if("string"==typeof m){var E=l.innerRef,S=v(l,["innerRef"]);return t.createElement(m,p({ref:E},c,S),a)}return t.createElement(m,p({},c,l),a)},r}(t.Component));exports.ErrorMessage=function(e){var r=e.component,n=e.render,i=e.children,a=e.name,o=v(e,["component","render","children","name"]),u=ue(a),l=oe(a);return u&&l?n?y(n)?n(l):null:i?y(i)?i(l):null:r?t.createElement(r,o,l):l:null},exports.FastField=ce,exports.Field=function(e){var r=e.validate,n=e.name,i=e.render,a=e.children,o=e.as,u=e.component,l=v(e,["validate","name","render","children","as","component"]),s=v(L(),["validate","validationSchema"]),c=s.registerField,d=s.unregisterField;t.useEffect((function(){return c(n,{validate:r}),function(){d(n)}}),[c,d,n,r]);var f=s.getFieldProps(p({name:n},l)),h=s.getFieldMeta(n),m={field:f,form:s};if(i)return i(p({},m,{meta:h}));if(y(a))return a(p({},m,{meta:h}));if(u){if("string"==typeof u){var E=l.innerRef,S=v(l,["innerRef","parse","format","formatOnBlur"]);return t.createElement(u,p({ref:E},f,S),a)}var g=v(l,["parse","format","formatOnBlur"]);return t.createElement(u,p({field:f,form:s},g),a)}var b=o||"input";if("string"==typeof b){var T=l.innerRef,F=v(l,["innerRef","parse","format","formatOnBlur"]);return t.createElement(b,p({ref:T},f,F),a)}var x=v(l,["parse","format","formatOnBlur"]);return t.createElement(b,p({},f,x),a)},exports.FieldArray=ie,exports.Form=Q,exports.Formik=W,exports.FormikConsumer=M,exports.FormikContext=D,exports.FormikProvider=U,exports.connect=X,exports.defaultFormatFn=V,exports.defaultParseFn=I,exports.getActiveElement=function(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}},exports.getIn=_,exports.getSelectedValues=R,exports.getValueForCheckbox=A,exports.getValueFromEvent=w,exports.insert=ee,exports.isEmptyArray=m,exports.isEmptyChildren=T,exports.isFunction=y,exports.isInputEvent=x,exports.isInteger=S,exports.isNaN=b,exports.isObject=E,exports.isPromise=F,exports.isReactNative=k,exports.isString=g,exports.move=Z,exports.numberParseFn=P,exports.prepareDataForValidation=Y,exports.replace=te,exports.setIn=C,exports.setNestedObjectValues=O,exports.swap=$,exports.unstable_StrictField=function(e){var r=e.render,n=e.children,i=e.as,a=e.component,o=v(e,["render","children","as","component"]),u=se(o),l=u[0],s=u[1];if(r)return r({field:l,meta:s});if(y(n))return n({field:l,meta:s});var c=o.innerRef,d=v(o,["innerRef","parse","format","formatOnBlur","validate"]);if(a)return t.createElement(a,"string"==typeof a?p({ref:c},l,d):p({field:l,meta:s},d),n);var f=i||"input";return t.createElement(f,p("string"==typeof f?{ref:c}:{},l,d),n)},exports.unstable_useField=le,exports.unstable_useFieldError=oe,exports.unstable_useFieldTouched=ue,exports.unstable_useFieldValue=ae,exports.unstable_useFormikContextSelector=function(e){return l.useContextSelector(D,e)},exports.useField=function(e){var r=L(),n=r.getFieldProps,i=r.getFieldMeta,a=r.getFieldHelpers,o=r.registerField,l=r.unregisterField,s=E(e)?e:{name:e},c=s.name,d=s.validate;return t.useEffect((function(){return c&&o(c,{validate:d}),function(){c&&l(c)}}),[o,l,c,d]),c||u(!1),[n(s),i(c),a(c)]},exports.useFormik=q,exports.useFormikContext=L,exports.validateYupSchema=H,exports.withFormik=function(e){var r=e.mapPropsToValues,n=void 0===r?function(e){var t={};for(var r in e)e.hasOwnProperty(r)&&"function"!=typeof e[r]&&(t[r]=e[r]);return t}:r,i=v(e,["mapPropsToValues"]);return function(e){var r=e.displayName||e.name||e.constructor&&e.constructor.name||"Component",a=function(r){function a(){var n;return(n=r.apply(this,arguments)||this).validate=function(e){return i.validate(e,n.props)},n.validationSchema=function(){return y(i.validationSchema)?i.validationSchema(n.props):i.validationSchema},n.handleSubmit=function(e,t){return i.handleSubmit(e,p({},t,{props:n.props}))},n.renderFormComponent=function(r){return t.createElement(e,Object.assign({},n.props,r))},n}return f(a,r),a.prototype.render=function(){var e=v(this.props,["children"]);return t.createElement(W,Object.assign({},e,i,{validate:i.validate&&this.validate,validationSchema:i.validationSchema&&this.validationSchema,initialValues:n(this.props),initialStatus:i.mapPropsToStatus&&i.mapPropsToStatus(this.props),initialErrors:i.mapPropsToErrors&&i.mapPropsToErrors(this.props),initialTouched:i.mapPropsToTouched&&i.mapPropsToTouched(this.props),onSubmit:this.handleSubmit,children:this.renderFormComponent}))},a}(t.Component);return a.displayName="WithFormik("+r+")",c(a,e)}},exports.yupToFormErrors=G;
 //# sourceMappingURL=formik.cjs.production.min.js.map

dist/FormikContext.d.ts

@@ -5,3 +5,6 @@ import * as React from 'react';
 export declare const FormikProvider: React.Provider<FormikContextType<any>>;
-export declare const FormikConsumer: React.Consumer<FormikContextType<any>>;
+export declare function FormikConsumer<Values = any>({ children, }: {
+    children: (formik: FormikContextType<Values>) => React.ReactNode;
+}): JSX.Element;
 export declare function useFormikContext<Values>(): FormikContextType<Values>;
+export declare function unstable_useFormikContextSelector<Values = any, Slice = any>(selector: (value: FormikContextType<Values>) => Slice): Slice;

dist/index.d.ts

@@ -12,1 +12,2 @@ export * from './Formik';
 export * from './FastField';
+export * from './StrictField';

dist/utils.d.ts

@@ -71,1 +71,10 @@ import * as React from 'react';
 export declare function setNestedObjectValues<T>(object: any, value: any, visited?: any, response?: any): T;
+/** Return multi select values based on an array of options */
+export declare function getSelectedValues(options: any[]): any[];
+/** Return the next value for a checkbox */
+export declare function getValueForCheckbox(currentValue: string | any[], checked: boolean, valueProp: any): boolean | any[];
+export declare const defaultParseFn: (value: unknown, _name: string) => unknown;
+export declare const numberParseFn: (value: any, _name: string) => number | "";
+export declare const defaultFormatFn: (value: unknown, _name: string) => unknown;
+/** Get the value out of a React Synthetic event given some form state. Works cross-platform. */
+export declare const getValueFromEvent: (event: React.SyntheticEvent<any, Event>, valueState: any) => any;

package.json

 {
   "name": "formik",
   "description": "Forms in React, without tears",
-  "version": "3.0.0-next.2",
+  "version": "3.0.0-next.3",
   "license": "Apache-2.0",
@@ -43,3 +43,4 @@ "author": "Jared Palmer <[e-mail]>",
     "tiny-warning": "^1.0.2",
-    "tslib": "^1.10.0"
+    "tslib": "^1.10.0",
+    "use-context-selector": "^1.2.10"
   },
@@ -46,0 +47,0 @@ "devDependencies": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

690744

increased by11.39%

Number of package files

23

increased by4.55%

Lines of code

4917

increased by11.19%

Worsened metrics

Dependency count

10

increased by11.11%

Number of low supply chain risk alerts

33

increased by17.86%

Dependency changes

• + Addeduse-context-selector@^1.2.10

• + Addeduse-context-selector@1.4.4(transitive)