UNPKG

react-hook-form

Version:

Performant, flexible and extensible forms library for React Hooks

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