react-hook-form-mui/dist/index.js

<div align="center"> <a href="https://react-hook-form-material-ui.vercel.app/" rel="noopener" target="_blank"> <img src="./rhf-mui.png" alt="Material-UI and react-hook-form combined" /> </a> </div>

"use strict";"use client";function e(e,r){if(r==null||r>e.length)r=e.length;for(var o=0,n=new Array(r);o<r;o++)n[o]=e[o];return n}function r(e){if(Array.isArray(e))return e}function o(r){if(Array.isArray(r))return e(r)}function n(e,r,o){if(r in e){Object.defineProperty(e,r,{value:o,enumerable:true,configurable:true,writable:true})}else{e[r]=o}return e}function t(e){if(typeof Symbol!=="undefined"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function i(e,r){var o=e==null?null:typeof Symbol!=="undefined"&&e[Symbol.iterator]||e["@@iterator"];if(o==null)return;var n=[];var t=true;var i=false;var u,l;try{for(o=o.call(e);!(t=(u=o.next()).done);t=true){n.push(u.value);if(r&&n.length===r)break}}catch(e){i=true;l=e}finally{try{if(!t&&o["return"]!=null)o["return"]()}finally{if(i)throw l}}return n}function u(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function l(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function a(e){for(var r=1;r<arguments.length;r++){var o=arguments[r]!=null?arguments[r]:{};var t=Object.keys(o);if(typeof Object.getOwnPropertySymbols==="function"){t=t.concat(Object.getOwnPropertySymbols(o).filter(function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable}))}t.forEach(function(r){n(e,r,o[r])})}return e}function d(e,r){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);if(r){n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})}o.push.apply(o,n)}return o}function s(e,r){r=r!=null?r:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(e,Object.getOwnPropertyDescriptors(r))}else{d(Object(r)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,o))})}return e}function c(e,r){if(e==null)return{};var o=f(e,r);var n,t;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t<i.length;t++){n=i[t];if(r.indexOf(n)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,n))continue;o[n]=e[n]}}return o}function f(e,r){if(e==null)return{};var o={};var n=Object.keys(e);var t,i;for(i=0;i<n.length;i++){t=n[i];if(r.indexOf(t)>=0)continue;o[t]=e[t]}return o}function p(e,o){return r(e)||i(e,o)||h(e,o)||u()}function v(e){return o(e)||t(e)||h(e)||l()}function m(e){"@swc/helpers - typeof";return e&&typeof Symbol!=="undefined"&&e.constructor===Symbol?"symbol":typeof e}function h(r,o){if(!r)return;if(typeof r==="string")return e(r,o);var n=Object.prototype.toString.call(r).slice(8,-1);if(n==="Object"&&r.constructor)n=r.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(r,o)}var b=Object.create;var y=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var C=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var j=function(e,r){for(var o in r)y(e,o,{get:r[o],enumerable:!0})},P=function(e,r,o,n){var t=true,i=false,u=undefined;if(r&&(typeof r==="undefined"?"undefined":m(r))=="object"||typeof r=="function")try{var l=function(){var t=d.value;!q.call(e,t)&&t!==o&&y(e,t,{get:function(){return r[t]},enumerable:!(n=x(r,t))||n.enumerable})};for(var a=g(r)[Symbol.iterator](),d;!(t=(d=a.next()).done);t=true)l()}catch(e){i=true;u=e}finally{try{if(!t&&a.return!=null){a.return()}}finally{if(i){throw u}}}return e},E=function(e,r,o){return P(e,r,"default"),o&&P(o,r,"default")},w=function(e,r,o){return o=e!=null?b(C(e)):{},P(r||!e||!e.__esModule?y(o,"default",{value:e,enumerable:!0}):o,e)},S=function(e){return P(y({},"__esModule",{value:!0}),e)};var O={};j(O,{AutocompleteElement:function(){return eX},CheckboxButtonGroup:function(){return es},CheckboxElement:function(){return J},FormContainer:function(){return V},FormErrorProvider:function(){return B},MultiSelectElement:function(){return ex},PasswordElement:function(){return ew},PasswordRepeatElement:function(){return eD},RadioButtonGroup:function(){return eA},SelectElement:function(){return en},SliderElement:function(){return e9},SwitchElement:function(){return ez},TextFieldElement:function(){return W},TextareaAutosizeElement:function(){return ri},ToggleButtonGroupElement:function(){return e7},useFormError:function(){return L},useTransform:function(){return M}});module.exports=S(O);var F=require("@mui/material"),T=require("react-hook-form");var k=require("react"),R=require("react/jsx-runtime"),A=(0,k.createContext)({onError:function(e){return e===null||e===void 0?void 0:e.message}});function B(e){var r=e.onError,o=e.children;return(0,R.jsx)(A.Provider,{value:{onError:r},children:o})}var L=function(){var e;return(e=(0,k.useContext)(A))===null||e===void 0?void 0:e.onError};var I=require("react");function M(e){var r;return{value:typeof((r=e.transform)===null||r===void 0?void 0:r.input)=="function"?e.transform.input(e.value):e.value,onChange:function(){for(var r=arguments.length,o=new Array(r),n=0;n<r;n++){o[n]=arguments[n]}var t,i;var u;typeof((u=e.transform)===null||u===void 0?void 0:u.output)=="function"?e.onChange((t=e.transform).output.apply(t,v(o))):(i=e).onChange.apply(i,v(o))}}}var N=require("react/jsx-runtime"),z=(0,I.forwardRef)(function(e,r){var o=e.rules,n=o===void 0?{}:o,t=e.parseError,i=e.type,u=e.required,l=e.name,d=e.control,f=e.component,p=f===void 0?F.TextField:f,v=e.inputRef,m=e.transform,h=e.onBlur,b=c(e,["rules","parseError","type","required","name","control","component","inputRef","transform","onBlur"]),y=L(),x=t||y,g=a({},n,u&&!n.required&&{required:"This field is required"},i==="email"&&!n.pattern&&{pattern:{value:/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:"Please enter a valid email address"}}),C=(0,T.useController)({name:l,control:d,disabled:b.disabled,rules:g}),q=C.field,j=C.fieldState,P=j.error,E=M({value:q.value,onChange:q.onChange,transform:{input:typeof(m===null||m===void 0?void 0:m.input)=="function"?m.input:function(e){return e!==null&&e!==void 0?e:""},output:typeof(m===null||m===void 0?void 0:m.output)=="function"?m.output:function(e){var r=e.target.value;return i!=="number"?r:r===""?null:r==null?r:Number(r)}}}),w=E.value,S=E.onChange,O=(0,F.useForkRef)(q.ref,v);return(0,N.jsx)(p,s(a({},b),{name:q.name,value:w,onChange:function(e){S(e),typeof b.onChange=="function"&&b.onChange(e)},onBlur:function(e){q.onBlur(),typeof h=="function"&&h(e)},required:u,type:i,error:!!P,helperText:P?typeof x=="function"?x(P):P.message:b.helperText,ref:r,inputRef:O}))});z.displayName="TextFieldElement";var W=z;var K=require("react-hook-form"),G=require("react/jsx-runtime");function V(e){var r=e.handleSubmit,o=e.children,n=e.FormProps,t=e.formContext,i=e.onSuccess,u=e.onError,l=c(e,["handleSubmit","children","FormProps","formContext","onSuccess","onError"]);return t?(typeof i=="function"&&typeof r=="function"&&console.warn("Property `onSuccess` will be ignored because handleSubmit is provided"),(0,G.jsx)(K.FormProvider,s(a({},t),{children:(0,G.jsx)("form",s(a({noValidate:!0},n),{onSubmit:r||(i?t.handleSubmit(i,u):function(){return console.log("submit handler `onSuccess` is missing")}),children:o}))}))):(0,G.jsx)(D,a({onSuccess:i,onError:u,FormProps:n,children:o},l))}function D(e){var r=e.onSuccess,o=e.onError,n=e.FormProps,t=e.children,i=c(e,["onSuccess","onError","FormProps","children"]);var u=(0,K.useForm)(a({},i)),l=u.handleSubmit;return(0,G.jsx)(K.FormProvider,s(a({},u),{children:(0,G.jsx)("form",s(a({onSubmit:l(r||function(){return console.log("submit handler `onSuccess` is missing")},o),noValidate:!0},n),{children:t}))}))}var H=require("react-hook-form"),_=require("@mui/material");var Z=require("react");var $=require("react/jsx-runtime"),U=(0,Z.forwardRef)(function(e,r){var o=e.name,n=e.rules,t=n===void 0?{}:n,i=e.required,u=e.parseError,l=e.label,d=e.control,f=e.helperText,p=e.labelProps,h=e.inputRef,b=e.slotProps,y=e.transform,x=c(e,["name","rules","required","parseError","label","control","helperText","labelProps","inputRef","slotProps","transform"]),g=L(),C=u||g,q=a({},t,i&&!t.required&&{required:"This field is required"}),j=(0,H.useController)({name:o,control:d,disabled:x.disabled,rules:q}),P=j.field,E=j.fieldState,w=E.error,S=M({value:P.value,onChange:P.onChange,transform:{input:y===null||y===void 0?void 0:y.input,output:typeof(y===null||y===void 0?void 0:y.output)=="function"?y===null||y===void 0?void 0:y.output:function(e,r){return r}}}),O=S.value,F=S.onChange,T=(b===null||b===void 0?void 0:b.input)&&m(b.input)=="object"&&"ref"in b.input?b.input.ref:void 0,k=(0,_.useForkRef)(P.ref,(0,_.useForkRef)(h,T)),R=w?typeof C=="function"?C(w):w.message:f;return(0,$.jsxs)(_.FormControl,{required:i,error:!!w,ref:r,children:[(0,$.jsx)(_.FormGroup,{row:!0,children:(0,$.jsx)(_.FormControlLabel,s(a({},p),{label:l||"",control:(0,$.jsx)(_.Checkbox,s(a({},x),{color:x.color||"primary",sx:v(Array.isArray(x.sx)?x.sx:[x.sx]).concat([{color:w?"error.main":void 0}]),value:O,checked:!!O,onChange:function(e,r){F(e,r),typeof x.onChange=="function"&&x.onChange(e,r)},slotProps:s(a({},b),{input:s(a({},b===null||b===void 0?void 0:b.input),{ref:k})})}))}))}),R&&(0,$.jsx)(_.FormHelperText,{error:!!w,children:R})]})});U.displayName="CheckboxElement";var J=U;var Q=require("react"),X=require("@mui/material"),Y=require("react-hook-form");function ee(e,r){return(typeof e==="undefined"?"undefined":m(e))=="object"&&e!==null&&Object.prototype.hasOwnProperty.call(e,r)}var er=require("react/jsx-runtime"),eo=(0,Q.forwardRef)(function(e,r){var o=e.name,n=e.required,t=e.valueKey,i=t===void 0?"id":t,u=e.labelKey,l=u===void 0?"label":u,d=e.options,f=d===void 0?[]:d,p=e.parseError,v=e.type,h=e.objectOnChange,b=e.rules,y=b===void 0?{}:b,x=e.control,g=e.inputRef,C=e.transform,q=e.onBlur,j=e.slotProps,P=c(e,["name","required","valueKey","labelKey","options","parseError","type","objectOnChange","rules","control","inputRef","transform","onBlur","slotProps"]),E=L(),w=p||E,S=j===null||j===void 0?void 0:j.select,O=!!(S&&(typeof S==="undefined"?"undefined":m(S))=="object"&&"native"in S&&S.native),F=a({},y,n&&!y.required&&{required:"This field is required"}),T=(0,Y.useController)({name:o,rules:F,disabled:P.disabled,control:x}),k=T.field,R=T.fieldState,A=R.error,B=M({value:k.value,onChange:k.onChange,transform:{input:typeof(C===null||C===void 0?void 0:C.input)=="function"?C.input:function(e){var r,o;return(o=(r=e===null||e===void 0?void 0:e[i])!==null&&r!==void 0?r:e)!==null&&o!==void 0?o:""},output:typeof(C===null||C===void 0?void 0:C.output)=="function"?C.output:function(e){var r=e.target.value;return v==="number"&&r&&(r=Number(r)),r}}}),I=B.value,N=B.onChange,z=(0,X.useForkRef)(k.ref,g),W=a({},j,v==="number"&&(typeof I==="undefined"?"undefined":m(I))<"u"?{inputLabel:a({shrink:!0},j===null||j===void 0?void 0:j.inputLabel)}:{});return(0,er.jsxs)(X.TextField,s(a({},P),{slotProps:W,name:o,value:I,onBlur:function(e){k.onBlur(),typeof q=="function"&&q(e)},ref:r,onChange:function(e){if(N(e),typeof P.onChange=="function"){var r=e.target.value;v==="number"&&r&&(r=Number(r)),h&&(r=f.find(function(e){return e[i]===r})),P.onChange(r)}},select:!0,required:n,error:!!A,helperText:A?typeof w=="function"?w(A):A.message:P.helperText,inputRef:z,children:[O&&(0,er.jsx)("option",{}),f.map(function(e){var r;var n="".concat(o,"_").concat(e[i]),t={value:(r=e===null||e===void 0?void 0:e[i])!==null&&r!==void 0?r:e,disabled:ee(e,"disabled")?!!e.disabled:!1,children:e[l]};return O?(0,er.jsx)("option",a({},t),n):(0,er.jsx)(X.MenuItem,a({},t),n)})]}))});eo.displayName="SelectElement";var en=eo;var et=require("@mui/material"),ei=require("react-hook-form");var eu=require("react");var el=require("react/jsx-runtime"),ea=require("react"),ed=(0,eu.forwardRef)(function(e,r){var o=e.helperText,n=e.options,t=e.label,i=e.name,u=e.parseError,l=e.required,d=e.labelKey,f=d===void 0?"label":d,p=e.valueKey,m=p===void 0?"id":p,h=e.returnObject,b=e.disabled,y=e.row,x=e.control,g=e.checkboxColor,C=e.rules,q=e.labelProps,j=e.transform,P=e.defaultValue,E=P===void 0?[]:P,w=c(e,["helperText","options","label","name","parseError","required","labelKey","valueKey","returnObject","disabled","row","control","checkboxColor","rules","labelProps","transform","defaultValue"]),S=(0,et.useTheme)(),O=L(),F=u||O,T=(0,ei.useController)({name:i,rules:l?{required:"This field is required"}:C,disabled:b,control:x,defaultValue:E}),k=T.field,R=T.fieldState,A=R.error,B=R.invalid,I=M({value:k.value,onChange:k.onChange,transform:{input:typeof(j===null||j===void 0?void 0:j.input)=="function"?j.input:function(e){return Array.isArray(e)?e:[]},output:j===null||j===void 0?void 0:j.output}}),N=I.value,z=I.onChange,W=function(e){var r=ee(e,m)?e[m]:e,o=N.findIndex(function(e){var o=ee(e,m)?e[m]:e;return r===o}),n=(o===-1?v(N).concat([e]):N.filter(function(e,r){return o!==r})).map(function(e){return h||!ee(e,m)?e:e[m]});z(n),typeof w.onChange=="function"&&w.onChange(n)},K=A?typeof F=="function"?F(A):A.message:o;return(0,el.jsxs)(et.FormControl,{error:B,required:l,ref:r,component:"fieldset",children:[t?(0,el.jsx)(et.FormLabel,{component:"legend",children:t}):null,(0,el.jsx)(et.FormGroup,{row:y,children:n.map(function(e){var r=ee(e,m)?e[m]:e,o=ee(e,f)?e[f]:e,n=N.some(function(e){return(ee(e,m)?e[m]:e)===r});return(0,ea.createElement)(et.FormControlLabel,s(a({},q),{control:(0,el.jsx)(et.Checkbox,{sx:{color:A?S.palette.error.main:void 0},color:g,value:r,checked:n,disabled:b,onChange:function(){return W(e)}}),label:o,key:"".concat(r)}))})}),K&&(0,el.jsx)(et.FormHelperText,{children:K})]})});ed.displayName="CheckboxButtonGroup";var es=ed;var ec=w(require("@mui/icons-material/Cancel")),ef=require("react-hook-form"),ep=require("@mui/material");var ev=require("react");var em=require("react/jsx-runtime"),eh=48,eb=8,ey=(0,ev.forwardRef)(function(e,r){var o,n,t,i,u;var l=e.onBlur,d=e.options,f=e.label,p=f===void 0?"":f,v=e.itemKey,h=v===void 0?"id":v,b=e.itemValue,y=b===void 0?"":b,x=e.itemLabel,g=x===void 0?"label":x,C=e.required,q=C===void 0?!1:C,j=e.rules,P=j===void 0?{}:j,E=e.parseError,w=e.name,S=e.menuMaxHeight,O=S===void 0?eh*4.5+eb:S,F=e.menuMaxWidth,T=F===void 0?250:F,k=e.minWidth,R=k===void 0?120:k,A=e.helperText,B=e.showChips,I=e.preserveOrder,N=e.control,z=e.showCheckbox,W=e.formControlProps,K=e.inputRef,G=e.transform,V=e.inputLabelProps,D=c(e,["onBlur","options","label","itemKey","itemValue","itemLabel","required","rules","parseError","name","menuMaxHeight","menuMaxWidth","minWidth","helperText","showChips","preserveOrder","control","showCheckbox","formControlProps","inputRef","transform","inputLabelProps"]),H=L(),_=E||H,Z=function(e){var r;var o;return(o=(r=d.find(function(r){var o;return((o=r[y||h])!==null&&o!==void 0?o:r)===e}))===null||r===void 0?void 0:r[g])!==null&&o!==void 0?o:e},$=a({},P,q&&!P.required&&{required:"This field is required"}),U=(0,ef.useController)({name:w,rules:$,disabled:D.disabled,control:N}),J=U.field,Q=U.fieldState,X=Q.error,Y=M({value:J.value,onChange:J.onChange,transform:{input:typeof(G===null||G===void 0?void 0:G.input)=="function"?G.input:function(e){return Array.isArray(e)?e:[]},output:G===null||G===void 0?void 0:G.output}}),er=Y.value,eo=Y.onChange,en=(0,ep.useForkRef)(J.ref,K),et=X?typeof _=="function"?_(X):X.message:A;var ei;return(0,em.jsxs)(ep.FormControl,s(a({},W),{style:a({minWidth:R},W===null||W===void 0?void 0:W.style),variant:D.variant,fullWidth:D.fullWidth,error:!!X,size:D.size,ref:r,children:[p&&(0,em.jsx)(ep.InputLabel,s(a({},V),{size:D.size==="small"?"small":V===null||V===void 0?void 0:V.size,error:!!X,htmlFor:D.id||"select-multi-select-".concat(w),required:q,children:p})),(0,em.jsx)(ep.Select,s(a({},D),{id:D.id||"select-multi-select-".concat(w),multiple:!0,label:p||void 0,error:!!X,value:er,required:q,onChange:eo,onBlur:function(e){J.onBlur(),typeof l=="function"&&l(e)},MenuProps:s(a({},D.MenuProps),{slotProps:s(a({},(o=D.MenuProps)===null||o===void 0?void 0:o.slotProps),{paper:a({},(ei=(t=D.MenuProps)===null||t===void 0?void 0:(n=t.slotProps)===null||n===void 0?void 0:n.paper)!==null&&ei!==void 0?ei:{style:a({maxHeight:O,width:T},ee((u=D.MenuProps)===null||u===void 0?void 0:(i=u.slotProps)===null||i===void 0?void 0:i.paper,"style")&&m(D.MenuProps.slotProps.paper.style)=="object"&&a({},D.MenuProps.slotProps.paper.style))})})}),renderValue:typeof D.renderValue=="function"?D.renderValue:B?function(e){return(0,em.jsx)("div",{style:{display:"flex",flexWrap:"wrap",gap:"4px"},children:(I?d.filter(function(r){return e.includes(r)}):e||[]).map(function(e){return(0,em.jsx)(ep.Chip,{label:Z(e),style:{display:"flex",flexWrap:"wrap"},onDelete:function(){eo((Array.isArray(er)?er:[]).filter(function(r){return r!==e}))},deleteIcon:(0,em.jsx)(ec.default,{onMouseDown:function(e){e.stopPropagation()}})},e)})})}:function(e){return Array.isArray(e)?e.map(Z).join(", "):""},inputRef:en,children:d.map(function(e){var r;var o=(r=e[y||h])!==null&&r!==void 0?r:e,n=Array.isArray(er)?er.some(function(e){return e===o}):!1;return(0,em.jsxs)(ep.MenuItem,{value:o,sx:{fontWeight:function(e){return n?e.typography.fontWeightBold:e.typography.fontWeightRegular}},children:[z&&(0,em.jsx)(ep.Checkbox,{checked:n}),(0,em.jsx)(ep.ListItemText,{primary:e[g]||e})]},o)})})),et&&(0,em.jsx)(ep.FormHelperText,{error:!!X,children:et})]}))});ey.displayName="MultiSelectElement";var ex=ey;var eg=require("react");var eC=require("@mui/material"),eq=w(require("@mui/icons-material/Visibility")),ej=w(require("@mui/icons-material/VisibilityOff")),eP=require("react/jsx-runtime"),eE=(0,eg.forwardRef)(function(e,r){var o=e.iconColor,n=e.renderIcon,t=n===void 0?function(e){return e?(0,eP.jsx)(eq.default,{}):(0,eP.jsx)(ej.default,{})}:n,i=e.slotProps,u=c(e,["iconColor","renderIcon","slotProps"]),l=p((0,eg.useState)(!0),2),d=l[0],f=l[1],v=(0,eP.jsx)(eC.InputAdornment,{position:"end",children:(0,eP.jsx)(eC.IconButton,{"aria-label":d?"Hide password":"Show password",onMouseDown:function(e){return e.preventDefault()},onClick:function(){return f(!d)},tabIndex:-1,color:o!==null&&o!==void 0?o:"default",children:t(d)})}),h=i===null||i===void 0?void 0:i.input,b=h&&(typeof h==="undefined"?"undefined":m(h))=="object"&&!("call"in h)?h:void 0;return(0,eP.jsx)(W,s(a({},u),{ref:r,type:d?"password":"text",slotProps:s(a({},i),{input:s(a({},b),{endAdornment:(0,eP.jsxs)(eP.Fragment,{children:[v,b===null||b===void 0?void 0:b.endAdornment]})})})}))});eE.displayName="PasswordElement";var ew=eE;var eS=require("react"),eO=require("react-hook-form"),eF=require("@mui/material");var eT=require("react/jsx-runtime"),ek=require("react"),eR=(0,eS.forwardRef)(function(e,r){var o=e.helperText,n=e.options,t=e.label,i=e.name,u=e.parseError,l=e.labelKey,d=l===void 0?"label":l,f=e.valueKey,p=f===void 0?"id":f,v=e.disabledKey,m=v===void 0?"disabled":v,h=e.required,b=e.emptyOptionLabel,y=e.returnObject,x=e.row,g=e.control,C=e.type,q=e.labelProps,j=e.disabled,P=e.formLabelProps,E=e.radioProps,w=e.transform,S=e.rules,O=S===void 0?{}:S,F=c(e,["helperText","options","label","name","parseError","labelKey","valueKey","disabledKey","required","emptyOptionLabel","returnObject","row","control","type","labelProps","disabled","formLabelProps","radioProps","transform","rules"]),T=(0,eF.useTheme)(),k=L(),R=u||k,A=a({},O,h&&!O.required&&{required:"This field is required"}),B=(0,eO.useController)({name:i,rules:A,disabled:j,control:g}),I=B.field,N=B.fieldState,z=N.error,W=M({value:I.value,onChange:I.onChange,transform:{input:typeof(w===null||w===void 0?void 0:w.input)=="function"?w.input:function(e){return e||""},output:typeof(w===null||w===void 0?void 0:w.output)=="function"?w===null||w===void 0?void 0:w.output:function(e,r){return r&&C==="number"?Number(r):r}}}),K=W.value,G=W.onChange,V=z?typeof R=="function"?R(z):z.message:o,D=function(e,r){var o=y?n.find(function(e){return e[p]===r}):r;G(e,o),typeof F.onChange=="function"&&F.onChange(o)};return(0,eT.jsxs)(eF.FormControl,{error:!!z,ref:r,children:[t&&(0,eT.jsx)(eF.FormLabel,s(a({},P),{required:h,error:!!z,children:t})),(0,eT.jsxs)(eF.RadioGroup,{onChange:D,name:i,row:x,value:K,children:[b&&(0,eT.jsx)(eF.FormControlLabel,s(a({},q),{control:(0,eT.jsx)(eF.Radio,s(a({},E),{sx:{color:z?T.palette.error.main:void 0},checked:!K})),label:b,value:""})),n.map(function(e){var r=e[p],o=e[m]||!1;r===void 0&&console.error("RadioButtonGroup: valueKey ".concat(p," does not exist on option"),e);var n=y?K===null||K===void 0?void 0:K[p]:K;C==="number"&&(n=Number(n));var t=n===r;return(0,ek.createElement)(eF.FormControlLabel,s(a({},q),{control:(0,eT.jsx)(eF.Radio,s(a({},E),{sx:{color:z?T.palette.error.main:void 0},disabled:j||o,checked:t})),value:r,label:e[d],key:r}))})]}),V&&(0,eT.jsx)(eF.FormHelperText,{children:V})]})});eR.displayName="RadioButtonGroup";var eA=eR;var eB=require("react-hook-form"),eL=require("@mui/material"),eI=require("react");var eM=require("react/jsx-runtime"),eN=(0,eI.forwardRef)(function(e,r){var o=e.name,n=e.control,t=e.switchProps,i=e.transform,u=c(e,["name","control","switchProps","transform"]),l=(0,eB.useController)({name:o,control:n,disabled:u.disabled}),d=l.field,f=M({value:d.value,onChange:d.onChange,transform:{input:i===null||i===void 0?void 0:i.input,output:typeof(i===null||i===void 0?void 0:i.output)=="function"?i.output:function(e,r){return r}}}),p=f.value,v=f.onChange,m=(0,eL.useForkRef)(d.ref,t===null||t===void 0?void 0:t.ref);return(0,eM.jsx)(eL.FormControlLabel,a({ref:r,control:(0,eM.jsx)(eL.Switch,s(a({},t),{name:d.name,value:p,onChange:function(e,r){v(e,r),typeof(t===null||t===void 0?void 0:t.onChange)=="function"&&t.onChange(e,r)},onBlur:function(e){d.onBlur(),typeof(t===null||t===void 0?void 0:t.onBlur)=="function"&&(t===null||t===void 0?void 0:t.onBlur(e))},ref:m,checked:!!p}))},u))});eN.displayName="SwitchElement";var ez=eN;var eW=require("react-hook-form"),eK=require("react"),eG=require("react/jsx-runtime"),eV=(0,eK.forwardRef)(function(e,r){var o=e.passwordFieldName,n=e.customInvalidFieldMessage,t=e.control,i=c(e,["passwordFieldName","customInvalidFieldMessage","control"]),u=(0,eW.useWatch)({name:o,control:t});return(0,eG.jsx)(ew,s(a({control:t},i),{ref:r,rules:{validate:function(e){return e===u||(n!==null&&n!==void 0?n:"Password should match")}}}))});eV.displayName="PasswordRepeatElement";var eD=eV;var eH=require("react-hook-form"),e_=require("@mui/material"),eZ=require("@mui/material/utils");var e$=require("react");var eU=require("react/jsx-runtime"),eJ=require("react"),eQ=(0,e$.forwardRef)(function(e,r){var o=e.textFieldProps,n=e.autocompleteProps,t=e.name,i=e.control,u=e.options,l=e.loading,d=e.showCheckbox,c=e.rules,f=e.loadingIndicator,p=e.required,v=e.multiple,h=e.label,b=e.parseError,y=e.transform,x=e.matchId,g=L(),C=b||g,q=a({},c,p&&{required:(c===null||c===void 0?void 0:c.required)||"This field is required"}),j=(0,eH.useController)({name:t,control:i,disabled:n===null||n===void 0?void 0:n.disabled,rules:q}),P=j.field,E=j.fieldState,w=E.error,S=function(e){return typeof(n===null||n===void 0?void 0:n.getOptionLabel)=="function"?n.getOptionLabel(e):typeof e=="string"?e:ee(e,"label")?"".concat(e===null||e===void 0?void 0:e.label):"".concat(e)},O=function(e,r){if(typeof(n===null||n===void 0?void 0:n.isOptionEqualToValue)=="function")return n.isOptionEqualToValue(e,r);var o=ee(e,"id")?e.id:e;if(typeof r=="string"||typeof r=="number")return o===r;var t=ee(r,"id")?r.id:r;return o===t},F=function(e){return u.find(function(r){return x&&ee(r,"id")?r.id===e:O(r,e)})},T=M({value:P.value,onChange:P.onChange,transform:{input:typeof(y===null||y===void 0?void 0:y.input)=="function"?y.input:function(e){var r;return v?(Array.isArray(e)?e:[]).map(function(e){var r;return(r=F(e))!==null&&r!==void 0?r:(n===null||n===void 0?void 0:n.freeSolo)?e:void 0}):(r=F(e))!==null&&r!==void 0?r:(n===null||n===void 0?void 0:n.freeSolo)?e:null},output:typeof(y===null||y===void 0?void 0:y.output)=="function"?y.output:function(e,r){if(v){var o=Array.isArray(r)?r:[];return x?o.map(function(e){return ee(e,"id")?e.id:e}):o}return x&&ee(r,"id")?r.id:r}}}),k=T.value,R=T.onChange,A=(0,e_.useForkRef)(P.ref,o===null||o===void 0?void 0:o.inputRef),B=f||(0,eU.jsx)(e_.CircularProgress,{color:"inherit",size:20});var I;return(0,eU.jsx)(e_.Autocomplete,s(a({},n),{value:k,loading:l,multiple:v,options:u,disableCloseOnSelect:typeof(n===null||n===void 0?void 0:n.disableCloseOnSelect)=="boolean"?n.disableCloseOnSelect:!!v,isOptionEqualToValue:O,getOptionLabel:S,onChange:function(e,r,o,t){R(e,r,o,t),(n===null||n===void 0?void 0:n.onChange)&&n.onChange(e,r,o,t)},ref:r,renderOption:(I=n===null||n===void 0?void 0:n.renderOption)!==null&&I!==void 0?I:d?function(e,r,o){var n=o.selected;return(0,eJ.createElement)("li",s(a({},e),{key:e.key}),(0,eU.jsx)(e_.Checkbox,{sx:{marginRight:1},checked:n}),S(r))}:void 0,onBlur:function(e){P.onBlur(),typeof(n===null||n===void 0?void 0:n.onBlur)=="function"&&n.onBlur(e)},renderInput:function(e){var r,n,i;var u=e.slotProps.htmlInput,d=o===null||o===void 0?void 0:(r=o.slotProps)===null||r===void 0?void 0:r.htmlInput,f=u&&(typeof u==="undefined"?"undefined":m(u))=="object"&&"ref"in u?u.ref:void 0,v=d&&(typeof d==="undefined"?"undefined":m(d))=="object"&&"ref"in d?d.ref:void 0,b=function(e){(0,eZ.setRef)(A,e),(0,eZ.setRef)(f,e),(0,eZ.setRef)(v,e)};return(0,eU.jsx)(e_.TextField,s(a({},o),{name:t,required:(c===null||c===void 0?void 0:c.required)?!0:p,label:h,id:e.id,disabled:e.disabled,fullWidth:e.fullWidth,size:e.size,error:!!w,helperText:w?typeof C=="function"?C(w):w.message:o===null||o===void 0?void 0:o.helperText,slotProps:s(a({},o===null||o===void 0?void 0:o.slotProps),{inputLabel:a({},e.slotProps.inputLabel,o===null||o===void 0?void 0:(n=o.slotProps)===null||n===void 0?void 0:n.inputLabel),input:s(a({},e.slotProps.input,o===null||o===void 0?void 0:(i=o.slotProps)===null||i===void 0?void 0:i.input),{endAdornment:(0,eU.jsxs)(eU.Fragment,{children:[l?B:null,e.slotProps.input.endAdornment]})}),htmlInput:s(a({},e.slotProps.htmlInput,(typeof d==="undefined"?"undefined":m(d))=="object"&&d!==null?d:{}),{ref:b})})}))}}))});eQ.displayName="AutocompleteElement";var eX=eQ;var eY=require("react-hook-form"),e0=require("@mui/material");var e1=require("react");var e2=require("react/jsx-runtime"),e3=(0,e1.forwardRef)(function(e,r){var o=e.name,n=e.control,t=e.label,i=e.rules,u=i===void 0?{}:i,l=e.parseError,d=e.required,f=e.formControlProps,p=e.transform,v=c(e,["name","control","label","rules","parseError","required","formControlProps","transform"]),m=L(),h=l||m,b=a({},u,d&&!u.required&&{required:"This field is required"}),y=(0,eY.useController)({name:o,control:n,disabled:v.disabled,rules:b}),x=y.field,g=y.fieldState,C=g.error,q=g.invalid,j=M({value:x.value,onChange:x.onChange,transform:p}),P=j.value,E=j.onChange,w=C?typeof h=="function"?h(C):C.message:null;return(0,e2.jsxs)(e0.FormControl,s(a({error:q,required:d,fullWidth:!0},f),{ref:r,children:[t&&(0,e2.jsx)(e0.FormLabel,{component:"legend",error:q,children:t}),(0,e2.jsx)(e0.Slider,s(a({},v),{value:P,onChange:E,valueLabelDisplay:v.valueLabelDisplay||"auto"})),w&&(0,e2.jsx)(e0.FormHelperText,{error:q,children:w})]}))});e3.displayName="SliderElement";var e9=e3;var e8=require("react-hook-form"),e4=require("@mui/material");var e5=require("react/jsx-runtime"),e6=require("react");function e7(e){var r=e.name,o=e.control,n=e.label,t=e.rules,i=t===void 0?{}:t,u=e.required,l=e.options,d=l===void 0?[]:l,f=e.onBlur,p=e.parseError,v=e.helperText,m=e.formLabelProps,h=e.enforceAtLeastOneSelected,b=h===void 0?!1:h,y=e.exclusive,x=e.transform,g=c(e,["name","control","label","rules","required","options","onBlur","parseError","helperText","formLabelProps","enforceAtLeastOneSelected","exclusive","transform"]),C=L(),q=p||C,j=a({},i,u&&!i.required&&{required:"This field is required"}),P=u||!!(i===null||i===void 0?void 0:i.required),E=(0,e8.useController)({name:r,control:o,rules:j,disabled:g.disabled}),w=E.field,S=E.fieldState,O=S.error,F=M({value:w.value,onChange:w.onChange,transform:{input:x===null||x===void 0?void 0:x.input,output:typeof(x===null||x===void 0?void 0:x.output)=="function"?x.output:function(e,r){return r}}}),T=F.value,k=F.onChange,R=O?typeof q=="function"?q(O):O.message:v;return(0,e5.jsxs)(e4.FormControl,{error:!!O,required:P,fullWidth:g===null||g===void 0?void 0:g.fullWidth,children:[n&&(0,e5.jsx)(e4.FormLabel,s(a({},m),{error:!!O,required:P,sx:a({mb:1},m===null||m===void 0?void 0:m.sx),children:n})),(0,e5.jsx)(e4.ToggleButtonGroup,s(a({},g),{exclusive:y,value:T,onBlur:function(e){w.onBlur(),typeof f=="function"&&f(e)},onChange:function(e,r){b&&(y&&r===null||!y&&(r===null||r===void 0?void 0:r.length)===0)||(k(e,r),typeof g.onChange=="function"&&g.onChange(e,r))},children:d.map(function(e){var r=e.label,o=e.id,n=c(e,["label","id"]);return(0,e6.createElement)(e4.ToggleButton,s(a({value:o},n),{key:o}),r)})})),R&&(0,e5.jsx)(e4.FormHelperText,{children:R})]})}var re=require("@mui/material"),rr=require("react-hook-form"),ro=require("react");var rn=require("react/jsx-runtime"),rt=(0,ro.forwardRef)(function(e,r){var o,n;var t=e.rules,i=t===void 0?{}:t,u=e.parseError,l=e.required,d=e.name,f=e.control,p=e.rows,v=e.resizeStyle,m=v===void 0?"none":v,h=e.maxRows,b=e.minRows,y=e.inputRef,x=e.inputProps,g=x===void 0?{}:x,C=e.transform,q=e.onBlur,j=c(e,["rules","parseError","required","name","control","rows","resizeStyle","maxRows","minRows","inputRef","inputProps","transform","onBlur"]),P=L(),E=u||P,w=a({},i,l&&!i.required&&{required:"This field is required"}),S=(0,rr.useController)({name:d,control:f,rules:w,disabled:j.disabled}),O=S.field,F=S.fieldState,T=F.error,k=M({value:O.value,onChange:O.onChange,transform:{input:typeof(C===null||C===void 0?void 0:C.input)=="function"?C.input:function(e){return e!==null&&e!==void 0?e:""},output:typeof(C===null||C===void 0?void 0:C.output)=="function"?C.output:function(e){return e.target.value}}}),R=k.value,A=k.onChange,B=(0,re.useForkRef)(O.ref,y);return(0,rn.jsx)(re.TextField,s(a({},j),{name:d,value:R,onChange:function(e){A(e),typeof j.onChange=="function"&&j.onChange(e)},onBlur:function(e){O.onBlur(),typeof q=="function"&&q(e)},required:l,error:!!T,helperText:T?typeof E=="function"?E(T):T.message:j.helperText,inputRef:B,multiline:!0,ref:r,slotProps:s(a({},j.slotProps),{input:s(a({},(o=j.slotProps)===null||o===void 0?void 0:o.input),{inputComponent:re.TextareaAutosize}),htmlInput:a({minRows:b||p,maxRows:h||p,style:{resize:m}},g||{},(n=j.slotProps)===null||n===void 0?void 0:n.htmlInput)})}))});rt.displayName="TextareaAutosizeElement";var ri=rt;E(O,require("react-hook-form"),module.exports);0&&(module.exports=a({AutocompleteElement:AutocompleteElement,CheckboxButtonGroup:CheckboxButtonGroup,CheckboxElement:CheckboxElement,FormContainer:FormContainer,FormErrorProvider:FormErrorProvider,MultiSelectElement:MultiSelectElement,PasswordElement:PasswordElement,PasswordRepeatElement:PasswordRepeatElement,RadioButtonGroup:RadioButtonGroup,SelectElement:SelectElement,SliderElement:SliderElement,SwitchElement:SwitchElement,TextFieldElement:TextFieldElement,TextareaAutosizeElement:TextareaAutosizeElement,ToggleButtonGroupElement:ToggleButtonGroupElement,useFormError:useFormError,useTransform:useTransform},require("react-hook-form")));//# sourceMappingURL=index.js.map