react-hook-form
Version:
Performant, flexible and extensible forms library for React Hooks
3 lines (2 loc) • 30.4 kB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ReactHookForm={},e.React)}(this,(function(e,t){"use strict";var r=e=>"checkbox"===e.type,s=e=>e instanceof Date,a=e=>null==e;const i=e=>"object"==typeof e;var n=e=>!a(e)&&!Array.isArray(e)&&i(e)&&!s(e),o=e=>n(e)&&e.target?r(e.target)?e.target.checked:e.target.value:e,l=(e,t)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(t)),u="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function d(e){let t;const r=Array.isArray(e),s="undefined"!=typeof FileList&&e instanceof FileList;if(e instanceof Date)t=new Date(e);else if(e instanceof Set)t=new Set(e);else{if(u&&(e instanceof Blob||s)||!r&&!n(e))return e;if(t=r?[]:{},r||(e=>{const t=e.constructor&&e.constructor.prototype;return n(t)&&t.hasOwnProperty("isPrototypeOf")})(e))for(const r in e)e.hasOwnProperty(r)&&(t[r]=d(e[r]));else t=e}return t}var c=e=>Array.isArray(e)?e.filter(Boolean):[],f=e=>void 0===e,m=(e,t,r)=>{if(!t||!n(e))return r;const s=c(t.split(/[,[\].]+?/)).reduce(((e,t)=>a(e)?e:e[t]),e);return f(s)||s===e?f(e[t])?r:e[t]:s},y=e=>"boolean"==typeof e,g=e=>/^\w*$/.test(e),b=e=>c(e.replace(/["|']|\]/g,"").split(/\.|\[/)),_=(e,t,r)=>{let s=-1;const a=g(t)?[t]:b(t),i=a.length,o=i-1;for(;++s<i;){const t=a[s];let i=r;if(s!==o){const r=e[t];i=n(r)||Array.isArray(r)?r:isNaN(+a[s+1])?{}:[]}if("__proto__"===t||"constructor"===t||"prototype"===t)return;e[t]=i,e=e[t]}};const h="blur",v="focusout",p="change",V="onBlur",F="onChange",A="onSubmit",x="onTouched",S="all",w="max",k="min",D="maxLength",C="minLength",E="pattern",O="required",j="validate",M=t.createContext(null),T=()=>t.useContext(M);var N=(e,t,r,s=!0)=>{const a={defaultValues:t._defaultValues};for(const i in e)Object.defineProperty(a,i,{get:()=>{const a=i;return t._proxyFormState[a]!==S&&(t._proxyFormState[a]=!s||S),r&&(r[a]=!0),e[a]}});return a},B=e=>a(e)||!i(e);function L(e,t){if(B(e)||B(t))return e===t;if(s(e)&&s(t))return e.getTime()===t.getTime();const r=Object.keys(e),a=Object.keys(t);if(r.length!==a.length)return!1;for(const i of r){const r=e[i];if(!a.includes(i))return!1;if("ref"!==i){const e=t[i];if(s(r)&&s(e)||n(r)&&n(e)||Array.isArray(r)&&Array.isArray(e)?!L(r,e):r!==e)return!1}}return!0}const R=(e,r)=>{const s=t.useRef(r);L(r,s.current)||(s.current=r),t.useEffect(e,s.current)};function U(e){const r=T(),{control:s=r.control,disabled:a,name:i,exact:n}=e||{},[o,l]=t.useState(s._formState),u=t.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return R((()=>s._subscribe({name:i,formState:u.current,exact:n,callback:e=>{!a&&l({...s._formState,...e})}})),[i,a,n]),t.useEffect((()=>{u.current.isValid&&s._setValid(!0)}),[s]),t.useMemo((()=>N(o,s,u.current,!1)),[o,s])}var P=e=>"string"==typeof e,q=(e,t,r,s,a)=>P(e)?(s&&t.watch.add(e),m(r,e,a)):Array.isArray(e)?e.map((e=>(s&&t.watch.add(e),m(r,e)))):(s&&(t.watchAll=!0),r);function W(e){const r=T(),{control:s=r.control,name:a,defaultValue:i,disabled:n,exact:o}=e||{},[l,u]=t.useState(s._getWatch(a,i));return R((()=>s._subscribe({name:a,formState:{values:!0},exact:o,callback:e=>!n&&u(q(a,s._names,e.values||s._formValues,!1,i))})),[a,i,n,o]),t.useEffect((()=>s._removeUnmounted())),l}function $(e){const r=T(),{name:s,disabled:a,control:i=r.control,shouldUnregister:n}=e,u=l(i._names.array,s),c=W({control:i,name:s,defaultValue:m(i._formValues,s,m(i._defaultValues,s,e.defaultValue)),exact:!0}),g=U({control:i,name:s,exact:!0}),b=t.useRef(e),v=t.useRef(i.register(s,{...e.rules,value:c,...y(e.disabled)?{disabled:e.disabled}:{}})),V=t.useMemo((()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!m(g.errors,s)},isDirty:{enumerable:!0,get:()=>!!m(g.dirtyFields,s)},isTouched:{enumerable:!0,get:()=>!!m(g.touchedFields,s)},isValidating:{enumerable:!0,get:()=>!!m(g.validatingFields,s)},error:{enumerable:!0,get:()=>m(g.errors,s)}})),[g,s]),F=t.useCallback((e=>v.current.onChange({target:{value:o(e),name:s},type:p})),[s]),A=t.useCallback((()=>v.current.onBlur({target:{value:m(i._formValues,s),name:s},type:h})),[s,i._formValues]),x=t.useCallback((e=>{const t=m(i._fields,s);t&&e&&(t._f.ref={focus:()=>e.focus(),select:()=>e.select(),setCustomValidity:t=>e.setCustomValidity(t),reportValidity:()=>e.reportValidity()})}),[i._fields,s]),S=t.useMemo((()=>({name:s,value:c,...y(a)||g.disabled?{disabled:g.disabled||a}:{},onChange:F,onBlur:A,ref:x})),[s,a,g.disabled,F,A,x,c]);return t.useEffect((()=>{const e=i._options.shouldUnregister||n;i.register(s,{...b.current.rules,...y(b.current.disabled)?{disabled:b.current.disabled}:{}});const t=(e,t)=>{const r=m(i._fields,e);r&&r._f&&(r._f.mount=t)};if(t(s,!0),e){const e=d(m(i._options.defaultValues,s));_(i._defaultValues,s,e),f(m(i._formValues,s))&&_(i._formValues,s,e)}return!u&&i.register(s),()=>{(u?e&&!i._state.action:e)?i.unregister(s):t(s,!1)}}),[s,i,u,n]),t.useEffect((()=>{i._setDisabledField({disabled:a,name:s})}),[a,s,i]),t.useMemo((()=>({field:S,formState:g,fieldState:V})),[S,g,V])}const I=e=>{const t={};for(const r of Object.keys(e))if(i(e[r])&&null!==e[r]){const s=I(e[r]);for(const e of Object.keys(s))t[`${r}.${e}`]=s[e]}else t[r]=e[r];return t},H="post";var J=(e,t,r,s,a)=>t?{...r[e],types:{...r[e]&&r[e].types?r[e].types:{},[s]:a||!0}}:{},z=e=>Array.isArray(e)?e:[e],G=()=>{let e=[];return{get observers(){return e},next:t=>{for(const r of e)r.next&&r.next(t)},subscribe:t=>(e.push(t),{unsubscribe:()=>{e=e.filter((e=>e!==t))}}),unsubscribe:()=>{e=[]}}},K=e=>n(e)&&!Object.keys(e).length,Q=e=>"file"===e.type,X=e=>"function"==typeof e,Y=e=>{if(!u)return!1;const t=e?e.ownerDocument:0;return e instanceof(t&&t.defaultView?t.defaultView.HTMLElement:HTMLElement)},Z=e=>"select-multiple"===e.type,ee=e=>"radio"===e.type,te=e=>Y(e)&&e.isConnected;function re(e,t){const r=Array.isArray(t)?t:g(t)?[t]:b(t),s=1===r.length?e:function(e,t){const r=t.slice(0,-1).length;let s=0;for(;s<r;)e=f(e)?s++:e[t[s++]];return e}(e,r),a=r.length-1,i=r[a];return s&&delete s[i],0!==a&&(n(s)&&K(s)||Array.isArray(s)&&function(e){for(const t in e)if(e.hasOwnProperty(t)&&!f(e[t]))return!1;return!0}(s))&&re(e,r.slice(0,-1)),e}var se=e=>{for(const t in e)if(X(e[t]))return!0;return!1};function ae(e,t={}){const r=Array.isArray(e);if(n(e)||r)for(const r in e)Array.isArray(e[r])||n(e[r])&&!se(e[r])?(t[r]=Array.isArray(e[r])?[]:{},ae(e[r],t[r])):a(e[r])||(t[r]=!0);return t}function ie(e,t,r){const s=Array.isArray(e);if(n(e)||s)for(const s in e)Array.isArray(e[s])||n(e[s])&&!se(e[s])?f(t)||B(r[s])?r[s]=Array.isArray(e[s])?ae(e[s],[]):{...ae(e[s])}:ie(e[s],a(t)?{}:t[s],r[s]):r[s]=!L(e[s],t[s]);return r}var ne=(e,t)=>ie(e,t,ae(t));const oe={value:!1,isValid:!1},le={value:!0,isValid:!0};var ue=e=>{if(Array.isArray(e)){if(e.length>1){const t=e.filter((e=>e&&e.checked&&!e.disabled)).map((e=>e.value));return{value:t,isValid:!!t.length}}return e[0].checked&&!e[0].disabled?e[0].attributes&&!f(e[0].attributes.value)?f(e[0].value)||""===e[0].value?le:{value:e[0].value,isValid:!0}:le:oe}return oe},de=(e,{valueAsNumber:t,valueAsDate:r,setValueAs:s})=>f(e)?e:t?""===e?NaN:e?+e:e:r&&P(e)?new Date(e):s?s(e):e;const ce={isValid:!1,value:null};var fe=e=>Array.isArray(e)?e.reduce(((e,t)=>t&&t.checked&&!t.disabled?{isValid:!0,value:t.value}:e),ce):ce;function me(e){const t=e.ref;return Q(t)?t.files:ee(t)?fe(e.refs).value:Z(t)?[...t.selectedOptions].map((({value:e})=>e)):r(t)?ue(e.refs).value:de(f(t.value)?e.ref.value:t.value,e)}var ye=e=>e instanceof RegExp,ge=e=>f(e)?e:ye(e)?e.source:n(e)?ye(e.value)?e.value.source:e.value:e,be=e=>({isOnSubmit:!e||e===A,isOnBlur:e===V,isOnChange:e===F,isOnAll:e===S,isOnTouch:e===x});const _e="AsyncFunction";var he=(e,t,r)=>!r&&(t.watchAll||t.watch.has(e)||[...t.watch].some((t=>e.startsWith(t)&&/^\.\w+/.test(e.slice(t.length)))));const ve=(e,t,r,s)=>{for(const a of r||Object.keys(e)){const r=m(e,a);if(r){const{_f:e,...i}=r;if(e){if(e.refs&&e.refs[0]&&t(e.refs[0],a)&&!s)return!0;if(e.ref&&t(e.ref,e.name)&&!s)return!0;if(ve(i,t))break}else if(n(i)&&ve(i,t))break}}};function pe(e,t,r){const s=m(e,r);if(s||g(r))return{error:s,name:r};const a=r.split(".");for(;a.length;){const s=a.join("."),i=m(t,s),n=m(e,s);if(i&&!Array.isArray(i)&&r!==s)return{name:r};if(n&&n.type)return{name:s,error:n};a.pop()}return{name:r}}var Ve=(e,t,r)=>{const s=z(m(e,r));return _(s,"root",t[r]),_(e,r,s),e},Fe=e=>P(e);function Ae(e,t,r="validate"){if(Fe(e)||Array.isArray(e)&&e.every(Fe)||y(e)&&!e)return{type:r,message:Fe(e)?e:"",ref:t}}var xe=e=>n(e)&&!ye(e)?e:{value:e,message:""},Se=async(e,t,s,i,o,l)=>{const{ref:u,refs:d,required:c,maxLength:g,minLength:b,min:_,max:h,pattern:v,validate:p,name:V,valueAsNumber:F,mount:A}=e._f,x=m(s,V);if(!A||t.has(V))return{};const S=d?d[0]:u,M=e=>{o&&S.reportValidity&&(S.setCustomValidity(y(e)?"":e||""),S.reportValidity())},T={},N=ee(u),B=r(u),L=N||B,R=(F||Q(u))&&f(u.value)&&f(x)||Y(u)&&""===u.value||""===x||Array.isArray(x)&&!x.length,U=J.bind(null,V,i,T),q=(e,t,r,s=D,a=C)=>{const i=e?t:r;T[V]={type:e?s:a,message:i,ref:u,...U(e?s:a,i)}};if(l?!Array.isArray(x)||!x.length:c&&(!L&&(R||a(x))||y(x)&&!x||B&&!ue(d).isValid||N&&!fe(d).isValid)){const{value:e,message:t}=Fe(c)?{value:!!c,message:c}:xe(c);if(e&&(T[V]={type:O,message:t,ref:S,...U(O,t)},!i))return M(t),T}if(!(R||a(_)&&a(h))){let e,t;const r=xe(h),s=xe(_);if(a(x)||isNaN(x)){const a=u.valueAsDate||new Date(x),i=e=>new Date((new Date).toDateString()+" "+e),n="time"==u.type,o="week"==u.type;P(r.value)&&x&&(e=n?i(x)>i(r.value):o?x>r.value:a>new Date(r.value)),P(s.value)&&x&&(t=n?i(x)<i(s.value):o?x<s.value:a<new Date(s.value))}else{const i=u.valueAsNumber||(x?+x:x);a(r.value)||(e=i>r.value),a(s.value)||(t=i<s.value)}if((e||t)&&(q(!!e,r.message,s.message,w,k),!i))return M(T[V].message),T}if((g||b)&&!R&&(P(x)||l&&Array.isArray(x))){const e=xe(g),t=xe(b),r=!a(e.value)&&x.length>+e.value,s=!a(t.value)&&x.length<+t.value;if((r||s)&&(q(r,e.message,t.message),!i))return M(T[V].message),T}if(v&&!R&&P(x)){const{value:e,message:t}=xe(v);if(ye(e)&&!x.match(e)&&(T[V]={type:E,message:t,ref:u,...U(E,t)},!i))return M(t),T}if(p)if(X(p)){const e=Ae(await p(x,s),S);if(e&&(T[V]={...e,...U(j,e.message)},!i))return M(e.message),T}else if(n(p)){let e={};for(const t in p){if(!K(e)&&!i)break;const r=Ae(await p[t](x,s),S,t);r&&(e={...r,...U(t,r.message)},M(r.message),i&&(T[V]=e))}if(!K(e)&&(T[V]={ref:S,...e},!i))return T}return M(!0),T};const we={mode:A,reValidateMode:F,shouldFocusError:!0};function ke(e={}){let t={...we,...e},i={submitCount:0,isDirty:!1,isReady:!1,isLoading:X(t.defaultValues),isValidating:!1,isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,touchedFields:{},dirtyFields:{},validatingFields:{},errors:t.errors||{},disabled:t.disabled||!1};const g={};let b,p=(n(t.defaultValues)||n(t.values))&&d(t.values||t.defaultValues)||{},V=t.shouldUnregister?{}:d(p),F={action:!1,mount:!1,watch:!1},A={mount:new Set,disabled:new Set,unMount:new Set,array:new Set,watch:new Set},x=0;const w={isDirty:!1,dirtyFields:!1,validatingFields:!1,touchedFields:!1,isValidating:!1,isValid:!1,errors:!1};let k={...w};const D={array:G(),state:G()},C=be(t.mode),E=be(t.reValidateMode),O=t.criteriaMode===S,j=async e=>{if(!t.disabled&&(w.isValid||k.isValid||e)){const e=t.resolver?K((await R()).errors):await U(g,!0);e!==i.isValid&&D.state.next({isValid:e})}},M=(e,r)=>{!t.disabled&&(w.isValidating||w.validatingFields||k.isValidating||k.validatingFields)&&((e||Array.from(A.mount)).forEach((e=>{e&&(r?_(i.validatingFields,e,r):re(i.validatingFields,e))})),D.state.next({validatingFields:i.validatingFields,isValidating:!K(i.validatingFields)}))},T=(e,t,r,s)=>{const a=m(g,e);if(a){const i=m(V,e,f(r)?m(p,e):r);f(i)||s&&s.defaultChecked||t?_(V,e,t?i:me(a._f)):I(e,i),F.mount&&j()}},N=(e,r,s,a,n)=>{let o=!1,l=!1;const u={name:e};if(!t.disabled){if(!s||a){(w.isDirty||k.isDirty)&&(l=i.isDirty,i.isDirty=u.isDirty=W(),o=l!==u.isDirty);const t=L(m(p,e),r);l=!!m(i.dirtyFields,e),t?re(i.dirtyFields,e):_(i.dirtyFields,e,!0),u.dirtyFields=i.dirtyFields,o=o||(w.dirtyFields||k.dirtyFields)&&l!==!t}if(s){const t=m(i.touchedFields,e);t||(_(i.touchedFields,e,s),u.touchedFields=i.touchedFields,o=o||(w.touchedFields||k.touchedFields)&&t!==s)}o&&n&&D.state.next(u)}return o?u:{}},B=(e,r,s,a)=>{const n=m(i.errors,e),o=(w.isValid||k.isValid)&&y(r)&&i.isValid!==r;var l;if(t.delayError&&s?(l=()=>((e,t)=>{_(i.errors,e,t),D.state.next({errors:i.errors})})(e,s),b=e=>{clearTimeout(x),x=setTimeout(l,e)},b(t.delayError)):(clearTimeout(x),b=null,s?_(i.errors,e,s):re(i.errors,e)),(s?!L(n,s):n)||!K(a)||o){const t={...a,...o&&y(r)?{isValid:r}:{},errors:i.errors,name:e};i={...i,...t},D.state.next(t)}},R=async e=>{M(e,!0);const r=await t.resolver(V,t.context,((e,t,r,s)=>{const a={};for(const r of e){const e=m(t,r);e&&_(a,r,e._f)}return{criteriaMode:r,names:[...e],fields:a,shouldUseNativeValidation:s}})(e||A.mount,g,t.criteriaMode,t.shouldUseNativeValidation));return M(e),r},U=async(e,r,s={valid:!0})=>{for(const o in e){const l=e[o];if(l){const{_f:e,...u}=l;if(e){const u=A.array.has(e.name),d=l._f&&(!!(a=l._f)&&!!a.validate&&!!(X(a.validate)&&a.validate.constructor.name===_e||n(a.validate)&&Object.values(a.validate).find((e=>e.constructor.name===_e))));d&&w.validatingFields&&M([o],!0);const c=await Se(l,A.disabled,V,O,t.shouldUseNativeValidation&&!r,u);if(d&&w.validatingFields&&M([o]),c[e.name]&&(s.valid=!1,r))break;!r&&(m(c,e.name)?u?Ve(i.errors,c,e.name):_(i.errors,e.name,c[e.name]):re(i.errors,e.name))}!K(u)&&await U(u,r,s)}}var a;return s.valid},W=(e,r)=>!t.disabled&&(e&&r&&_(V,e,r),!L(oe(),p)),$=(e,t,r)=>q(e,A,{...F.mount?V:f(t)?p:P(e)?{[e]:t}:t},r,t),I=(e,t,s={})=>{const i=m(g,e);let n=t;if(i){const s=i._f;s&&(!s.disabled&&_(V,e,de(t,s)),n=Y(s.ref)&&a(t)?"":t,Z(s.ref)?[...s.ref.options].forEach((e=>e.selected=n.includes(e.value))):s.refs?r(s.ref)?s.refs.length>1?s.refs.forEach((e=>(!e.defaultChecked||!e.disabled)&&(e.checked=Array.isArray(n)?!!n.find((t=>t===e.value)):n===e.value))):s.refs[0]&&(s.refs[0].checked=!!n):s.refs.forEach((e=>e.checked=e.value===n)):Q(s.ref)?s.ref.value="":(s.ref.value=n,s.ref.type||D.state.next({name:e,values:d(V)})))}(s.shouldDirty||s.shouldTouch)&&N(e,n,s.shouldTouch,s.shouldDirty,!0),s.shouldValidate&&ie(e)},H=(e,t,r)=>{for(const a in t){const i=t[a],o=`${e}.${a}`,l=m(g,o);(A.array.has(e)||n(i)||l&&!l._f)&&!s(i)?H(o,i,r):I(o,i,r)}},J=(e,t,r={})=>{const s=m(g,e),n=A.array.has(e),o=d(t);_(V,e,o),n?(D.array.next({name:e,values:d(V)}),(w.isDirty||w.dirtyFields||k.isDirty||k.dirtyFields)&&r.shouldDirty&&D.state.next({name:e,dirtyFields:ne(p,V),isDirty:W(e,o)})):!s||s._f||a(o)?I(e,o,r):H(e,o,r),he(e,A)&&D.state.next({...i}),D.state.next({name:F.mount?e:void 0,values:d(V)})},se=async e=>{F.mount=!0;const r=e.target;let a=r.name,n=!0;const l=m(g,a),u=e=>{n=Number.isNaN(e)||s(e)&&isNaN(e.getTime())||L(e,m(V,a,e))};if(l){let s,f;const y=r.type?me(l._f):o(e),p=e.type===h||e.type===v,F=!((c=l._f).mount&&(c.required||c.min||c.max||c.maxLength||c.minLength||c.pattern||c.validate)||t.resolver||m(i.errors,a)||l._f.deps)||((e,t,r,s,a)=>!a.isOnAll&&(!r&&a.isOnTouch?!(t||e):(r?s.isOnBlur:a.isOnBlur)?!e:!(r?s.isOnChange:a.isOnChange)||e))(p,m(i.touchedFields,a),i.isSubmitted,E,C),x=he(a,A,p);_(V,a,y),p?(l._f.onBlur&&l._f.onBlur(e),b&&b(0)):l._f.onChange&&l._f.onChange(e);const S=N(a,y,p),T=!K(S)||x;if(!p&&D.state.next({name:a,type:e.type,values:d(V)}),F)return(w.isValid||k.isValid)&&("onBlur"===t.mode?p&&j():p||j()),T&&D.state.next({name:a,...x?{}:S});if(!p&&x&&D.state.next({...i}),t.resolver){const{errors:e}=await R([a]);if(u(y),n){const t=pe(i.errors,g,a),r=pe(e,g,t.name||a);s=r.error,a=r.name,f=K(e)}}else M([a],!0),s=(await Se(l,A.disabled,V,O,t.shouldUseNativeValidation))[a],M([a]),u(y),n&&(s?f=!1:(w.isValid||k.isValid)&&(f=await U(g,!0)));n&&(l._f.deps&&ie(l._f.deps),B(a,f,s,S))}var c},ae=(e,t)=>{if(m(i.errors,t)&&e.focus)return e.focus(),1},ie=async(e,r={})=>{let s,a;const n=z(e);if(t.resolver){const t=await(async e=>{const{errors:t}=await R(e);if(e)for(const r of e){const e=m(t,r);e?_(i.errors,r,e):re(i.errors,r)}else i.errors=t;return t})(f(e)?e:n);s=K(t),a=e?!n.some((e=>m(t,e))):s}else e?(a=(await Promise.all(n.map((async e=>{const t=m(g,e);return await U(t&&t._f?{[e]:t}:t)})))).every(Boolean),(a||i.isValid)&&j()):a=s=await U(g);return D.state.next({...!P(e)||(w.isValid||k.isValid)&&s!==i.isValid?{}:{name:e},...t.resolver||!e?{isValid:s}:{},errors:i.errors}),r.shouldFocus&&!a&&ve(g,ae,e?n:A.mount),a},oe=e=>{const t={...F.mount?V:p};return f(e)?t:P(e)?m(t,e):e.map((e=>m(t,e)))},le=(e,t)=>({invalid:!!m((t||i).errors,e),isDirty:!!m((t||i).dirtyFields,e),error:m((t||i).errors,e),isValidating:!!m(i.validatingFields,e),isTouched:!!m((t||i).touchedFields,e)}),ue=(e,t,r)=>{const s=(m(g,e,{_f:{}})._f||{}).ref,a=m(i.errors,e)||{},{ref:n,message:o,type:l,...u}=a;_(i.errors,e,{...u,...t,ref:s}),D.state.next({name:e,errors:i.errors,isValid:!1}),r&&r.shouldFocus&&s&&s.focus&&s.focus()},ce=e=>D.state.subscribe({next:t=>{var r,s,a;r=e.name,s=t.name,a=e.exact,r&&s&&r!==s&&!z(r).some((e=>e&&(a?e===s:e.startsWith(s)||s.startsWith(e))))||!((e,t,r,s)=>{r(e);const{name:a,...i}=e;return K(i)||Object.keys(i).length>=Object.keys(t).length||Object.keys(i).find((e=>t[e]===(!s||S)))})(t,e.formState||w,Ce,e.reRenderRoot)||e.callback({values:{...V},...i,...t})}}).unsubscribe,fe=(e,r={})=>{for(const s of e?z(e):A.mount)A.mount.delete(s),A.array.delete(s),r.keepValue||(re(g,s),re(V,s)),!r.keepError&&re(i.errors,s),!r.keepDirty&&re(i.dirtyFields,s),!r.keepTouched&&re(i.touchedFields,s),!r.keepIsValidating&&re(i.validatingFields,s),!t.shouldUnregister&&!r.keepDefaultValue&&re(p,s);D.state.next({values:d(V)}),D.state.next({...i,...r.keepDirty?{isDirty:W()}:{}}),!r.keepIsValid&&j()},ye=({disabled:e,name:t})=>{(y(e)&&F.mount||e||A.disabled.has(t))&&(e?A.disabled.add(t):A.disabled.delete(t))},Fe=(e,s={})=>{let a=m(g,e);const i=y(s.disabled)||y(t.disabled);return _(g,e,{...a||{},_f:{...a&&a._f?a._f:{ref:{name:e}},name:e,mount:!0,...s}}),A.mount.add(e),a?ye({disabled:y(s.disabled)?s.disabled:t.disabled,name:e}):T(e,!0,s.value),{...i?{disabled:s.disabled||t.disabled}:{},...t.progressive?{required:!!s.required,min:ge(s.min),max:ge(s.max),minLength:ge(s.minLength),maxLength:ge(s.maxLength),pattern:ge(s.pattern)}:{},name:e,onChange:se,onBlur:se,ref:i=>{if(i){Fe(e,s),a=m(g,e);const t=f(i.value)&&i.querySelectorAll&&i.querySelectorAll("input,select,textarea")[0]||i,n=(e=>ee(e)||r(e))(t),o=a._f.refs||[];if(n?o.find((e=>e===t)):t===a._f.ref)return;_(g,e,{_f:{...a._f,...n?{refs:[...o.filter(te),t,...Array.isArray(m(p,e))?[{}]:[]],ref:{type:t.type,name:e}}:{ref:t}}}),T(e,!1,void 0,t)}else a=m(g,e,{}),a._f&&(a._f.mount=!1),(t.shouldUnregister||s.shouldUnregister)&&(!l(A.array,e)||!F.action)&&A.unMount.add(e)}}},Ae=()=>t.shouldFocusError&&ve(g,ae,A.mount),xe=(e,r)=>async s=>{let a;s&&(s.preventDefault&&s.preventDefault(),s.persist&&s.persist());let n=d(V);if(D.state.next({isSubmitting:!0}),t.resolver){const{errors:e,values:t}=await R();i.errors=e,n=t}else await U(g);if(A.disabled.size)for(const e of A.disabled)_(n,e,void 0);if(re(i.errors,"root"),K(i.errors)){D.state.next({errors:{}});try{await e(n,s)}catch(e){a=e}}else r&&await r({...i.errors},s),Ae(),setTimeout(Ae);if(D.state.next({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:K(i.errors)&&!a,submitCount:i.submitCount+1,errors:i.errors}),a)throw a},ke=(e,r={})=>{const s=e?d(e):p,a=d(s),n=K(e),o=n?p:a;if(r.keepDefaultValues||(p=s),!r.keepValues){if(r.keepDirtyValues){const e=new Set([...A.mount,...Object.keys(ne(p,V))]);for(const t of Array.from(e))m(i.dirtyFields,t)?_(o,t,m(V,t)):J(t,m(o,t))}else{if(u&&f(e))for(const e of A.mount){const t=m(g,e);if(t&&t._f){const e=Array.isArray(t._f.refs)?t._f.refs[0]:t._f.ref;if(Y(e)){const t=e.closest("form");if(t){t.reset();break}}}}for(const e of A.mount)J(e,m(o,e))}V=d(o),D.array.next({values:{...o}}),D.state.next({values:{...o}})}A={mount:r.keepDirtyValues?A.mount:new Set,unMount:new Set,array:new Set,disabled:new Set,watch:new Set,watchAll:!1,focus:""},F.mount=!w.isValid||!!r.keepIsValid||!!r.keepDirtyValues,F.watch=!!t.shouldUnregister,D.state.next({submitCount:r.keepSubmitCount?i.submitCount:0,isDirty:!n&&(r.keepDirty?i.isDirty:!(!r.keepDefaultValues||L(e,p))),isSubmitted:!!r.keepIsSubmitted&&i.isSubmitted,dirtyFields:n?{}:r.keepDirtyValues?r.keepDefaultValues&&V?ne(p,V):i.dirtyFields:r.keepDefaultValues&&e?ne(p,e):r.keepDirty?i.dirtyFields:{},touchedFields:r.keepTouched?i.touchedFields:{},errors:r.keepErrors?i.errors:{},isSubmitSuccessful:!!r.keepIsSubmitSuccessful&&i.isSubmitSuccessful,isSubmitting:!1})},De=(e,t)=>ke(X(e)?e(V):e,t),Ce=e=>{i={...i,...e}},Ee={control:{register:Fe,unregister:fe,getFieldState:le,handleSubmit:xe,setError:ue,_subscribe:ce,_runSchema:R,_getWatch:$,_getDirty:W,_setValid:j,_setFieldArray:(e,r=[],s,a,n=!0,o=!0)=>{if(a&&s&&!t.disabled){if(F.action=!0,o&&Array.isArray(m(g,e))){const t=s(m(g,e),a.argA,a.argB);n&&_(g,e,t)}if(o&&Array.isArray(m(i.errors,e))){const t=s(m(i.errors,e),a.argA,a.argB);n&&_(i.errors,e,t),((e,t)=>{!c(m(e,t)).length&&re(e,t)})(i.errors,e)}if((w.touchedFields||k.touchedFields)&&o&&Array.isArray(m(i.touchedFields,e))){const t=s(m(i.touchedFields,e),a.argA,a.argB);n&&_(i.touchedFields,e,t)}(w.dirtyFields||k.dirtyFields)&&(i.dirtyFields=ne(p,V)),D.state.next({name:e,isDirty:W(e,r),dirtyFields:i.dirtyFields,errors:i.errors,isValid:i.isValid})}else _(V,e,r)},_setDisabledField:ye,_setErrors:e=>{i.errors=e,D.state.next({errors:i.errors,isValid:!1})},_getFieldArray:e=>c(m(F.mount?V:p,e,t.shouldUnregister?m(p,e,[]):[])),_reset:ke,_resetDefaultValues:()=>X(t.defaultValues)&&t.defaultValues().then((e=>{De(e,t.resetOptions),D.state.next({isLoading:!1})})),_removeUnmounted:()=>{for(const e of A.unMount){const t=m(g,e);t&&(t._f.refs?t._f.refs.every((e=>!te(e))):!te(t._f.ref))&&fe(e)}A.unMount=new Set},_disableForm:e=>{y(e)&&(D.state.next({disabled:e}),ve(g,((t,r)=>{const s=m(g,r);s&&(t.disabled=s._f.disabled||e,Array.isArray(s._f.refs)&&s._f.refs.forEach((t=>{t.disabled=s._f.disabled||e})))}),0,!1))},_subjects:D,_proxyFormState:w,get _fields(){return g},get _formValues(){return V},get _state(){return F},set _state(e){F=e},get _defaultValues(){return p},get _names(){return A},set _names(e){A=e},get _formState(){return i},get _options(){return t},set _options(e){t={...t,...e}}},subscribe:e=>(F.mount=!0,k={...k,...e.formState},ce({...e,formState:k})),trigger:ie,register:Fe,handleSubmit:xe,watch:(e,t)=>X(e)?D.state.subscribe({next:r=>e($(void 0,t),r)}):$(e,t,!0),setValue:J,getValues:oe,reset:De,resetField:(e,t={})=>{m(g,e)&&(f(t.defaultValue)?J(e,d(m(p,e))):(J(e,t.defaultValue),_(p,e,d(t.defaultValue))),t.keepTouched||re(i.touchedFields,e),t.keepDirty||(re(i.dirtyFields,e),i.isDirty=t.defaultValue?W(e,d(m(p,e))):W()),t.keepError||(re(i.errors,e),w.isValid&&j()),D.state.next({...i}))},clearErrors:e=>{e&&z(e).forEach((e=>re(i.errors,e))),D.state.next({errors:e?i.errors:{}})},unregister:fe,setError:ue,setFocus:(e,t={})=>{const r=m(g,e),s=r&&r._f;if(s){const e=s.refs?s.refs[0]:s.ref;e.focus&&(e.focus(),t.shouldSelect&&X(e.select)&&e.select())}},getFieldState:le};return{...Ee,formControl:Ee}}var De=()=>{const e="undefined"==typeof performance?Date.now():1e3*performance.now();return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(t=>{const r=(16*Math.random()+e)%16|0;return("x"==t?r:3&r|8).toString(16)}))},Ce=(e,t,r={})=>r.shouldFocus||f(r.shouldFocus)?r.focusName||`${e}.${f(r.focusIndex)?t:r.focusIndex}.`:"",Ee=(e,t)=>[...e,...z(t)],Oe=e=>Array.isArray(e)?e.map((()=>{})):void 0;function je(e,t,r){return[...e.slice(0,t),...z(r),...e.slice(t)]}var Me=(e,t,r)=>Array.isArray(e)?(f(e[r])&&(e[r]=void 0),e.splice(r,0,e.splice(t,1)[0]),e):[],Te=(e,t)=>[...z(t),...z(e)];var Ne=(e,t)=>f(t)?[]:function(e,t){let r=0;const s=[...e];for(const e of t)s.splice(e-r,1),r++;return c(s).length?s:[]}(e,z(t).sort(((e,t)=>e-t))),Be=(e,t,r)=>{[e[t],e[r]]=[e[r],e[t]]},Le=(e,t,r)=>(e[t]=r,e);const Re="undefined"!=typeof window?t.useLayoutEffect:t.useEffect;e.Controller=e=>e.render($(e)),e.Form=function(e){const r=T(),[s,a]=t.useState(!1),{control:i=r.control,onSubmit:n,children:o,action:l,method:u=H,headers:d,encType:c,onError:f,render:m,onSuccess:y,validateStatus:g,...b}=e,_=async t=>{let r=!1,s="";await i.handleSubmit((async e=>{const a=new FormData;let o="";try{o=JSON.stringify(e)}catch(e){}const m=I(i._formValues);for(const e in m)a.append(e,m[e]);if(n&&await n({data:e,event:t,method:u,formData:a,formDataJson:o}),l)try{const e=[d&&d["Content-Type"],c].some((e=>e&&e.includes("json"))),t=await fetch(String(l),{method:u,headers:{...d,...c?{"Content-Type":c}:{}},body:e?o:a});t&&(g?!g(t.status):t.status<200||t.status>=300)?(r=!0,f&&f({response:t}),s=String(t.status)):y&&y({response:t})}catch(e){r=!0,f&&f({error:e})}}))(t),r&&e.control&&(e.control._subjects.state.next({isSubmitSuccessful:!1}),e.control.setError("root.server",{type:s}))};return t.useEffect((()=>{a(!0)}),[]),m?t.createElement(t.Fragment,null,m({submit:_})):t.createElement("form",{noValidate:s,action:l,method:u,encType:c,onSubmit:_,...b},o)},e.FormProvider=e=>{const{children:r,...s}=e;return t.createElement(M.Provider,{value:s},r)},e.appendErrors=J,e.createFormControl=ke,e.get=m,e.set=_,e.useController=$,e.useFieldArray=function(e){const r=T(),{control:s=r.control,name:a,keyName:i="id",shouldUnregister:n,rules:o}=e,[l,u]=t.useState(s._getFieldArray(a)),c=t.useRef(s._getFieldArray(a).map(De)),f=t.useRef(l),y=t.useRef(a),g=t.useRef(!1);y.current=a,f.current=l,s._names.array.add(a),o&&s.register(a,o),t.useEffect((()=>s._subjects.array.subscribe({next:({values:e,name:t})=>{if(t===y.current||!t){const t=m(e,y.current);Array.isArray(t)&&(u(t),c.current=t.map(De))}}}).unsubscribe),[s]);const b=t.useCallback((e=>{g.current=!0,s._setFieldArray(a,e)}),[s,a]);return t.useEffect((()=>{if(s._state.action=!1,he(a,s._names)&&s._subjects.state.next({...s._formState}),g.current&&(!be(s._options.mode).isOnSubmit||s._formState.isSubmitted)&&!be(s._options.reValidateMode).isOnSubmit)if(s._options.resolver)s._runSchema([a]).then((e=>{const t=m(e.errors,a),r=m(s._formState.errors,a);(r?!t&&r.type||t&&(r.type!==t.type||r.message!==t.message):t&&t.type)&&(t?_(s._formState.errors,a,t):re(s._formState.errors,a),s._subjects.state.next({errors:s._formState.errors}))}));else{const e=m(s._fields,a);!e||!e._f||be(s._options.reValidateMode).isOnSubmit&&be(s._options.mode).isOnSubmit||Se(e,s._names.disabled,s._formValues,s._options.criteriaMode===S,s._options.shouldUseNativeValidation,!0).then((e=>!K(e)&&s._subjects.state.next({errors:Ve(s._formState.errors,e,a)})))}s._subjects.state.next({name:a,values:d(s._formValues)}),s._names.focus&&ve(s._fields,((e,t)=>{if(s._names.focus&&t.startsWith(s._names.focus)&&e.focus)return e.focus(),1})),s._names.focus="",s._setValid(),g.current=!1}),[l,a,s]),t.useEffect((()=>(!m(s._formValues,a)&&s._setFieldArray(a),()=>{s._options.shouldUnregister||n?s.unregister(a):((e,t)=>{const r=m(s._fields,e);r&&r._f&&(r._f.mount=t)})(a,!1)})),[a,s,i,n]),{swap:t.useCallback(((e,t)=>{const r=s._getFieldArray(a);Be(r,e,t),Be(c.current,e,t),b(r),u(r),s._setFieldArray(a,r,Be,{argA:e,argB:t},!1)}),[b,a,s]),move:t.useCallback(((e,t)=>{const r=s._getFieldArray(a);Me(r,e,t),Me(c.current,e,t),b(r),u(r),s._setFieldArray(a,r,Me,{argA:e,argB:t},!1)}),[b,a,s]),prepend:t.useCallback(((e,t)=>{const r=z(d(e)),i=Te(s._getFieldArray(a),r);s._names.focus=Ce(a,0,t),c.current=Te(c.current,r.map(De)),b(i),u(i),s._setFieldArray(a,i,Te,{argA:Oe(e)})}),[b,a,s]),append:t.useCallback(((e,t)=>{const r=z(d(e)),i=Ee(s._getFieldArray(a),r);s._names.focus=Ce(a,i.length-1,t),c.current=Ee(c.current,r.map(De)),b(i),u(i),s._setFieldArray(a,i,Ee,{argA:Oe(e)})}),[b,a,s]),remove:t.useCallback((e=>{const t=Ne(s._getFieldArray(a),e);c.current=Ne(c.current,e),b(t),u(t),!Array.isArray(m(s._fields,a))&&_(s._fields,a,void 0),s._setFieldArray(a,t,Ne,{argA:e})}),[b,a,s]),insert:t.useCallback(((e,t,r)=>{const i=z(d(t)),n=je(s._getFieldArray(a),e,i);s._names.focus=Ce(a,e,r),c.current=je(c.current,e,i.map(De)),b(n),u(n),s._setFieldArray(a,n,je,{argA:e,argB:Oe(t)})}),[b,a,s]),update:t.useCallback(((e,t)=>{const r=d(t),i=Le(s._getFieldArray(a),e,r);c.current=[...i].map(((t,r)=>t&&r!==e?c.current[r]:De())),b(i),u([...i]),s._setFieldArray(a,i,Le,{argA:e,argB:r},!0,!1)}),[b,a,s]),replace:t.useCallback((e=>{const t=z(d(e));c.current=t.map(De),b([...t]),u([...t]),s._setFieldArray(a,[...t],(e=>e),{},!0,!1)}),[b,a,s]),fields:t.useMemo((()=>l.map(((e,t)=>({...e,[i]:c.current[t]||De()})))),[l,i])}},e.useForm=function(e={}){const r=t.useRef(void 0),s=t.useRef(void 0),[a,i]=t.useState({isDirty:!1,isValidating:!1,isLoading:X(e.defaultValues),isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,submitCount:0,dirtyFields:{},touchedFields:{},validatingFields:{},errors:e.errors||{},disabled:e.disabled||!1,isReady:!1,defaultValues:X(e.defaultValues)?void 0:e.defaultValues});r.current||(r.current={...e.formControl?e.formControl:ke(e),formState:a},e.formControl&&e.defaultValues&&!X(e.defaultValues)&&e.formControl.reset(e.defaultValues,e.resetOptions));const n=r.current.control;return n._options=e,Re((()=>{const e=n._subscribe({formState:n._proxyFormState,callback:()=>i({...n._formState}),reRenderRoot:!0});return i((e=>({...e,isReady:!0}))),e}),[n]),t.useEffect((()=>n._disableForm(e.disabled)),[n,e.disabled]),t.useEffect((()=>{e.mode&&(n._options.mode=e.mode),e.reValidateMode&&(n._options.reValidateMode=e.reValidateMode),e.errors&&!K(e.errors)&&n._setErrors(e.errors)}),[n,e.errors,e.mode,e.reValidateMode]),t.useEffect((()=>{e.shouldUnregister&&n._subjects.state.next({values:n._getWatch()})}),[n,e.shouldUnregister]),t.useEffect((()=>{if(n._proxyFormState.isDirty){const e=n._getDirty();e!==a.isDirty&&n._subjects.state.next({isDirty:e})}}),[n,a.isDirty]),t.useEffect((()=>{e.values&&!L(e.values,s.current)?(n._reset(e.values,n._options.resetOptions),s.current=e.values,i((e=>({...e})))):n._resetDefaultValues()}),[n,e.values]),t.useEffect((()=>{n._state.mount||(n._setValid(),n._state.mount=!0),n._state.watch&&(n._state.watch=!1,n._subjects.state.next({...n._formState})),n._removeUnmounted()})),r.current.formState=N(a,n),r.current},e.useFormContext=T,e.useFormState=U,e.useWatch=W}));
//# sourceMappingURL=index.umd.js.map