UNPKG

react-hook-form

Version:

Performant, flexible and extensible forms library for React Hooks

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