UNPKG

react-hook-form

Version:

Performant, flexible and extensible forms library for React Hooks

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