react-hook-form-mui
Version:
<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>
1 lines • 30 kB
JavaScript
;"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 s(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 d(e,r){r=r!=null?r:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(e,Object.getOwnPropertyDescriptors(r))}else{s(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 m(e){return o(e)||t(e)||h(e)||l()}function v(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=="object"||typeof r=="function")try{var l=function(){var t=s.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](),s;!(t=(s=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 ec},CheckboxElement:function(){return Q},FormContainer:function(){return D},FormErrorProvider:function(){return I},MultiSelectElement:function(){return eg},PasswordElement:function(){return eS},PasswordRepeatElement:function(){return eH},RadioButtonGroup:function(){return eB},SelectElement:function(){return et},SliderElement:function(){return e9},SwitchElement:function(){return ez},TextFieldElement:function(){return G},TextareaAutosizeElement:function(){return ri},ToggleButtonGroupElement:function(){return e7},useFormError:function(){return L},useTransform:function(){return N}});module.exports=S(O);var T=w(require("react"));var F=require("@mui/material"),k=require("react-hook-form");var R=require("react"),A=require("react/jsx-runtime"),B=(0,R.createContext)({onError:function(e){return e===null||e===void 0?void 0:e.message}});function I(e){var r=e.onError,o=e.children;return(0,A.jsx)(B.Provider,{value:{onError:r},children:o})}var L=function(){var e;return(e=(0,R.useContext)(B))===null||e===void 0?void 0:e.onError};var M=require("react");function N(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,m(o))):(i=e).onChange.apply(i,m(o))}}}var K=require("react/jsx-runtime"),z=(0,M.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,s=e.control,f=e.component,p=f===void 0?F.TextField:f,m=e.inputRef,v=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,k.useController)({name:l,control:s,disabled:b.disabled,rules:g}),q=C.field,j=C.fieldState,P=j.error,E=N({value:q.value,onChange:q.onChange,transform:{input:typeof(v===null||v===void 0?void 0:v.input)=="function"?v.input:function(e){return e!==null&&e!==void 0?e:""},output:typeof(v===null||v===void 0?void 0:v.output)=="function"?v.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,m);return(0,K.jsx)(p,d(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 G=z;var W=require("react-hook-form"),V=require("react/jsx-runtime");function D(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,V.jsx)(W.FormProvider,d(a({},t),{children:(0,V.jsx)("form",d(a({noValidate:!0},n),{onSubmit:r||(i?t.handleSubmit(i,u):function(){return console.log("submit handler `onSuccess` is missing")}),children:o}))}))):(0,V.jsx)(H,a({onSuccess:i,onError:u,FormProps:n,children:o},l))}function H(e){var r=e.onSuccess,o=e.onError,n=e.FormProps,t=e.children,i=c(e,["onSuccess","onError","FormProps","children"]);var u=(0,W.useForm)(a({},i)),l=u.handleSubmit;return(0,V.jsx)(W.FormProvider,d(a({},u),{children:(0,V.jsx)("form",d(a({onSubmit:l(r||function(){return console.log("submit handler `onSuccess` is missing")},o),noValidate:!0},n),{children:t}))}))}var _=require("react-hook-form"),Z=require("@mui/material");var $=require("react");var U=require("react/jsx-runtime"),J=(0,$.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,s=e.control,f=e.helperText,p=e.labelProps,v=e.inputRef,h=e.transform,b=c(e,["name","rules","required","parseError","label","control","helperText","labelProps","inputRef","transform"]),y=L(),x=u||y,g=a({},t,i&&!t.required&&{required:"This field is required"}),C=(0,_.useController)({name:o,control:s,disabled:b.disabled,rules:g}),q=C.field,j=C.fieldState,P=j.error,E=N({value:q.value,onChange:q.onChange,transform:{input:h===null||h===void 0?void 0:h.input,output:typeof(h===null||h===void 0?void 0:h.output)=="function"?h===null||h===void 0?void 0:h.output:function(e,r){return r}}}),w=E.value,S=E.onChange,O=(0,Z.useForkRef)(q.ref,v),T=P?typeof x=="function"?x(P):P.message:f;return(0,U.jsxs)(Z.FormControl,{required:i,error:!!P,ref:r,children:[(0,U.jsx)(Z.FormGroup,{row:!0,children:(0,U.jsx)(Z.FormControlLabel,d(a({},p),{label:l||"",control:(0,U.jsx)(Z.Checkbox,d(a({},b),{color:b.color||"primary",sx:m(Array.isArray(b.sx)?b.sx:[b.sx]).concat([{color:P?"error.main":void 0}]),value:w,checked:!!w,onChange:function(e,r){S(e,r),typeof b.onChange=="function"&&b.onChange(e,r)},inputRef:O}))}))}),T&&(0,U.jsx)(Z.FormHelperText,{error:!!P,children:T})]})});J.displayName="CheckboxElement";var Q=J;var X=require("react"),Y=require("@mui/material"),ee=require("react-hook-form");function er(e,r){return typeof e=="object"&&e!==null&&Object.prototype.hasOwnProperty.call(e,r)}var eo=require("react/jsx-runtime"),en=(0,X.forwardRef)(function(e,r){var o;var n=e.name,t=e.required,i=e.valueKey,u=i===void 0?"id":i,l=e.labelKey,s=l===void 0?"label":l,f=e.options,p=f===void 0?[]:f,m=e.parseError,h=e.type,b=e.objectOnChange,y=e.rules,x=y===void 0?{}:y,g=e.control,C=e.inputRef,q=e.transform,j=e.onBlur,P=c(e,["name","required","valueKey","labelKey","options","parseError","type","objectOnChange","rules","control","inputRef","transform","onBlur"]),E=L(),w=m||E,S=!!((o=P.SelectProps)===null||o===void 0?void 0:o.native),O=a({},x,t&&!x.required&&{required:"This field is required"}),T=(0,ee.useController)({name:n,rules:O,disabled:P.disabled,control:g}),F=T.field,k=T.fieldState,R=k.error,A=N({value:F.value,onChange:F.onChange,transform:{input:typeof(q===null||q===void 0?void 0:q.input)=="function"?q.input:function(e){var r,o;return(o=(r=e===null||e===void 0?void 0:e[u])!==null&&r!==void 0?r:e)!==null&&o!==void 0?o:""},output:typeof(q===null||q===void 0?void 0:q.output)=="function"?q.output:function(e){var r=e.target.value;return h==="number"&&r&&(r=Number(r)),r}}}),B=A.value,I=A.onChange,M=(0,Y.useForkRef)(F.ref,C);return h==="number"&&(typeof B==="undefined"?"undefined":v(B))<"u"&&(P.InputLabelProps=P.InputLabelProps||{},P.InputLabelProps.shrink=!0),(0,eo.jsxs)(Y.TextField,d(a({},P),{name:n,value:B,onBlur:function(e){F.onBlur(),typeof j=="function"&&j(e)},ref:r,onChange:function(e){if(I(e),typeof P.onChange=="function"){var r=e.target.value;h==="number"&&r&&(r=Number(r)),b&&(r=p.find(function(e){return e[u]===r})),P.onChange(r)}},select:!0,required:t,error:!!R,helperText:R?typeof w=="function"?w(R):R.message:P.helperText,inputRef:M,children:[S&&(0,eo.jsx)("option",{}),p.map(function(e){var r;var o="".concat(n,"_").concat(e[u]),t={value:(r=e===null||e===void 0?void 0:e[u])!==null&&r!==void 0?r:e,disabled:er(e,"disabled")?!!e.disabled:!1,children:e[s]};return S?(0,eo.jsx)("option",a({},t),o):(0,eo.jsx)(Y.MenuItem,a({},t),o)})]}))});en.displayName="SelectElement";var et=en;var ei=require("@mui/material"),eu=require("react-hook-form");var el=require("react");var ea=require("react/jsx-runtime"),es=require("react"),ed=(0,el.forwardRef)(function(e,r){var o=e.helperText,n=e.options,t=e.label,i=e.name,u=e.parseError,l=e.required,s=e.labelKey,f=s===void 0?"label":s,p=e.valueKey,v=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,ei.useTheme)(),O=L(),T=u||O,F=(0,eu.useController)({name:i,rules:l?{required:"This field is required"}:C,disabled:b,control:x,defaultValue:E}),k=F.field,R=F.fieldState,A=R.error,B=R.invalid,I=N({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}}),M=I.value,K=I.onChange,z=function(e){var r=er(e,v)?e[v]:e,o=M.findIndex(function(e){var o=er(e,v)?e[v]:e;return r===o}),n=(o===-1?m(M).concat([e]):M.filter(function(e,r){return o!==r})).map(function(e){return h||!er(e,v)?e:e[v]});K(n),typeof w.onChange=="function"&&w.onChange(n)},G=A?typeof T=="function"?T(A):A.message:o;return(0,ea.jsxs)(ei.FormControl,{error:B,required:l,ref:r,component:"fieldset",children:[t?(0,ea.jsx)(ei.FormLabel,{component:"legend",children:t}):null,(0,ea.jsx)(ei.FormGroup,{row:y,children:n.map(function(e){var r=er(e,v)?e[v]:e,o=er(e,f)?e[f]:e,n=M.some(function(e){return(er(e,v)?e[v]:e)===r});return(0,es.createElement)(ei.FormControlLabel,d(a({},q),{control:(0,ea.jsx)(ei.Checkbox,{sx:{color:A?S.palette.error.main:void 0},color:g,value:r,checked:n,disabled:b,onChange:function(){return z(e)}}),label:o,key:"".concat(r)}))})}),G&&(0,ea.jsx)(ei.FormHelperText,{children:G})]})});ed.displayName="CheckboxButtonGroup";var ec=ed;var ef=w(require("@mui/icons-material/Cancel")),ep=require("react-hook-form"),em=require("@mui/material");var ev=require("react");var eh=require("react/jsx-runtime"),eb=48,ey=8,ex=(0,ev.forwardRef)(function(e,r){var o,n,t,i,u;var l=e.onBlur,s=e.options,f=e.label,p=f===void 0?"":f,m=e.itemKey,v=m===void 0?"id":m,h=e.itemValue,b=h===void 0?"":h,y=e.itemLabel,x=y===void 0?"label":y,g=e.required,C=g===void 0?!1:g,q=e.rules,j=q===void 0?{}:q,P=e.parseError,E=e.name,w=e.menuMaxHeight,S=w===void 0?eb*4.5+ey:w,O=e.menuMaxWidth,T=O===void 0?250:O,F=e.minWidth,k=F===void 0?120:F,R=e.helperText,A=e.showChips,B=e.preserveOrder,I=e.control,M=e.showCheckbox,K=e.formControlProps,z=e.inputRef,G=e.transform,W=e.inputLabelProps,V=c(e,["onBlur","options","label","itemKey","itemValue","itemLabel","required","rules","parseError","name","menuMaxHeight","menuMaxWidth","minWidth","helperText","showChips","preserveOrder","control","showCheckbox","formControlProps","inputRef","transform","inputLabelProps"]),D=L(),H=P||D,_=function(e){var r;var o;return(o=(r=s.find(function(r){var o;return((o=r[b||v])!==null&&o!==void 0?o:r)===e}))===null||r===void 0?void 0:r[x])!==null&&o!==void 0?o:e},Z=a({},j,C&&!j.required&&{required:"This field is required"}),$=(0,ep.useController)({name:E,rules:Z,disabled:V.disabled,control:I}),U=$.field,J=$.fieldState,Q=J.error,X=N({value:U.value,onChange:U.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}}),Y=X.value,ee=X.onChange,eo=(0,em.useForkRef)(U.ref,z),en=Q?typeof H=="function"?H(Q):Q.message:R;var et;return(0,eh.jsxs)(em.FormControl,d(a({},K),{style:a({minWidth:k},K===null||K===void 0?void 0:K.style),variant:V.variant,fullWidth:V.fullWidth,error:!!Q,size:V.size,ref:r,children:[p&&(0,eh.jsx)(em.InputLabel,d(a({},W),{size:V.size==="small"?"small":W===null||W===void 0?void 0:W.size,error:!!Q,htmlFor:V.id||"select-multi-select-".concat(E),required:C,children:p})),(0,eh.jsx)(em.Select,d(a({},V),{id:V.id||"select-multi-select-".concat(E),multiple:!0,label:p||void 0,error:!!Q,value:Y,required:C,onChange:ee,onBlur:function(e){U.onBlur(),typeof l=="function"&&l(e)},MenuProps:d(a({},V.MenuProps),{slotProps:d(a({},(o=V.MenuProps)===null||o===void 0?void 0:o.slotProps),{paper:a({},(et=(t=V.MenuProps)===null||t===void 0?void 0:(n=t.slotProps)===null||n===void 0?void 0:n.paper)!==null&&et!==void 0?et:{style:a({maxHeight:S,width:T},er((u=V.MenuProps)===null||u===void 0?void 0:(i=u.slotProps)===null||i===void 0?void 0:i.paper,"style")&&typeof V.MenuProps.slotProps.paper.style=="object"&&a({},V.MenuProps.slotProps.paper.style))})})}),renderValue:typeof V.renderValue=="function"?V.renderValue:A?function(e){return(0,eh.jsx)("div",{style:{display:"flex",flexWrap:"wrap",gap:"4px"},children:(B?s.filter(function(r){return e.includes(r)}):e||[]).map(function(e){return(0,eh.jsx)(em.Chip,{label:_(e),style:{display:"flex",flexWrap:"wrap"},onDelete:function(){ee((Array.isArray(Y)?Y:[]).filter(function(r){return r!==e}))},deleteIcon:(0,eh.jsx)(ef.default,{onMouseDown:function(e){e.stopPropagation()}})},e)})})}:function(e){return Array.isArray(e)?e.map(_).join(", "):""},inputRef:eo,children:s.map(function(e){var r;var o=(r=e[b||v])!==null&&r!==void 0?r:e,n=Array.isArray(Y)?Y.some(function(e){return e===o}):!1;return(0,eh.jsxs)(em.MenuItem,{value:o,sx:{fontWeight:function(e){return n?e.typography.fontWeightBold:e.typography.fontWeightRegular}},children:[M&&(0,eh.jsx)(em.Checkbox,{checked:n}),(0,eh.jsx)(em.ListItemText,{primary:e[x]||e})]},o)})})),en&&(0,eh.jsx)(em.FormHelperText,{error:!!Q,children:en})]}))});ex.displayName="MultiSelectElement";var eg=ex;var eC=require("react");var eq=require("@mui/material"),ej=w(require("@mui/icons-material/Visibility")),eP=w(require("@mui/icons-material/VisibilityOff")),eE=require("react/jsx-runtime"),ew=(0,eC.forwardRef)(function(e,r){var o=e.iconColor,n=e.renderIcon,t=n===void 0?function(e){return e?(0,eE.jsx)(ej.default,{}):(0,eE.jsx)(eP.default,{})}:n,i=e.InputProps,u=i===void 0?{}:i,l=e.slotProps,s=c(e,["iconColor","renderIcon","InputProps","slotProps"]),f=p((0,eC.useState)(!0),2),m=f[0],h=f[1],b=(0,eE.jsx)(eq.InputAdornment,{position:"end",children:(0,eE.jsx)(eq.IconButton,{"aria-label":m?"Hide password":"Show password",onMouseDown:function(e){return e.preventDefault()},onClick:function(){return h(!m)},tabIndex:-1,color:o!==null&&o!==void 0?o:"default",children:t(m)})});return(0,eE.jsx)(G,a(d(a({},s),{ref:r,type:m?"password":"text"}),(typeof l==="undefined"?"undefined":v(l))>"u"?{InputProps:a({endAdornment:b},u)}:{slotProps:d(a({},l),{input:a({endAdornment:b},u,l===null||l===void 0?void 0:l.input)})}))});ew.displayName="PasswordElement";var eS=ew;var eO=require("react"),eT=require("react-hook-form"),eF=require("@mui/material");var ek=require("react/jsx-runtime"),eR=require("react"),eA=(0,eO.forwardRef)(function(e,r){var o=e.helperText,n=e.options,t=e.label,i=e.name,u=e.parseError,l=e.labelKey,s=l===void 0?"label":l,f=e.valueKey,p=f===void 0?"id":f,m=e.disabledKey,v=m===void 0?"disabled":m,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,T=c(e,["helperText","options","label","name","parseError","labelKey","valueKey","disabledKey","required","emptyOptionLabel","returnObject","row","control","type","labelProps","disabled","formLabelProps","radioProps","transform","rules"]),F=(0,eF.useTheme)(),k=L(),R=u||k,A=a({},O,h&&!O.required&&{required:"This field is required"}),B=(0,eT.useController)({name:i,rules:A,disabled:j,control:g}),I=B.field,M=B.fieldState,K=M.error,z=N({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}}}),G=z.value,W=z.onChange,V=K?typeof R=="function"?R(K):K.message:o,D=function(e,r){var o=y?n.find(function(e){return e[p]===r}):r;W(e,o),typeof T.onChange=="function"&&T.onChange(o)};return(0,ek.jsxs)(eF.FormControl,{error:!!K,ref:r,children:[t&&(0,ek.jsx)(eF.FormLabel,d(a({},P),{required:h,error:!!K,children:t})),(0,ek.jsxs)(eF.RadioGroup,{onChange:D,name:i,row:x,value:G,children:[b&&(0,ek.jsx)(eF.FormControlLabel,d(a({},q),{control:(0,ek.jsx)(eF.Radio,d(a({},E),{sx:{color:K?F.palette.error.main:void 0},checked:!G})),label:b,value:""})),n.map(function(e){var r=e[p],o=e[v]||!1;r===void 0&&console.error("RadioButtonGroup: valueKey ".concat(p," does not exist on option"),e);var n=y?G===null||G===void 0?void 0:G[p]:G;C==="number"&&(n=Number(n));var t=n===r;return(0,eR.createElement)(eF.FormControlLabel,d(a({},q),{control:(0,ek.jsx)(eF.Radio,d(a({},E),{sx:{color:K?F.palette.error.main:void 0},disabled:j||o,checked:t})),value:r,label:e[s],key:r}))})]}),V&&(0,ek.jsx)(eF.FormHelperText,{children:V})]})});eA.displayName="RadioButtonGroup";var eB=eA;var eI=require("react-hook-form"),eL=require("@mui/material"),eM=require("react");var eN=require("react/jsx-runtime"),eK=(0,eM.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,eI.useController)({name:o,control:n,disabled:u.disabled}),s=l.field,f=N({value:s.value,onChange:s.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,m=f.onChange,v=(0,eL.useForkRef)(s.ref,t===null||t===void 0?void 0:t.ref);return(0,eN.jsx)(eL.FormControlLabel,a({ref:r,control:(0,eN.jsx)(eL.Switch,d(a({},t),{name:s.name,value:p,onChange:function(e,r){m(e,r),typeof(t===null||t===void 0?void 0:t.onChange)=="function"&&t.onChange(e,r)},onBlur:function(e){s.onBlur(),typeof(t===null||t===void 0?void 0:t.onBlur)=="function"&&(t===null||t===void 0?void 0:t.onBlur(e))},ref:v,checked:!!p}))},u))});eK.displayName="SwitchElement";var ez=eK;var eG=require("react-hook-form"),eW=require("react"),eV=require("react/jsx-runtime"),eD=(0,eW.forwardRef)(function(e,r){var o=e.passwordFieldName,n=e.customInvalidFieldMessage,t=e.control,i=c(e,["passwordFieldName","customInvalidFieldMessage","control"]),u=(0,eG.useWatch)({name:o,control:t});return(0,eV.jsx)(eS,d(a({control:t},i),{ref:r,rules:{validate:function(e){return e===u||(n!==null&&n!==void 0?n:"Password should match")}}}))});eD.displayName="PasswordRepeatElement";var eH=eD;var e_=require("react-hook-form"),eZ=require("@mui/material");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,s=e.showCheckbox,c=e.rules,f=e.loadingIndicator,p=e.required,m=e.multiple,v=e.label,h=e.parseError,b=e.transform,y=e.matchId,x=L(),g=h||x,C=a({},c,p&&{required:(c===null||c===void 0?void 0:c.required)||"This field is required"}),q=(0,e_.useController)({name:t,control:i,disabled:n===null||n===void 0?void 0:n.disabled,rules:C}),j=q.field,P=q.fieldState,E=P.error,w=function(e){return typeof(n===null||n===void 0?void 0:n.getOptionLabel)=="function"?n.getOptionLabel(e):er(e,"label")?"".concat(e===null||e===void 0?void 0:e.label):"".concat(e)},S=function(e,r){if(typeof(n===null||n===void 0?void 0:n.isOptionEqualToValue)=="function")return n.isOptionEqualToValue(e,r);var o=er(e,"id")?e.id:e,t=er(r,"id")?r.id:r;return o===t},O=function(e){return u.find(function(r){return y&&er(r,"id")?r.id===e:S(r,e)})},T=N({value:j.value,onChange:j.onChange,transform:{input:typeof(b===null||b===void 0?void 0:b.input)=="function"?b.input:function(e){var r;return m?(Array.isArray(e)?e:[]).map(O):(r=O(e))!==null&&r!==void 0?r:null},output:typeof(b===null||b===void 0?void 0:b.output)=="function"?b.output:function(e,r){if(m){var o=Array.isArray(r)?r:[];return y?o.map(function(e){return er(e,"id")?e.id:e}):o}return y&&er(r,"id")?r.id:r}}}),F=T.value,k=T.onChange,R=(0,eZ.useForkRef)(j.ref,o===null||o===void 0?void 0:o.inputRef),A=f||(0,eU.jsx)(eZ.CircularProgress,{color:"inherit",size:20});var B;return(0,eU.jsx)(eZ.Autocomplete,d(a({},n),{value:F,loading:l,multiple:m,options:u,disableCloseOnSelect:typeof(n===null||n===void 0?void 0:n.disableCloseOnSelect)=="boolean"?n.disableCloseOnSelect:!!m,isOptionEqualToValue:S,getOptionLabel:w,onChange:function(e,r,o,t){k(e,r,o,t),(n===null||n===void 0?void 0:n.onChange)&&n.onChange(e,r,o,t)},ref:r,renderOption:(B=n===null||n===void 0?void 0:n.renderOption)!==null&&B!==void 0?B:s?function(e,r,o){var n=o.selected;return(0,eJ.createElement)("li",d(a({},e),{key:e.key}),(0,eU.jsx)(eZ.Checkbox,{sx:{marginRight:1},checked:n}),w(r))}:void 0,onBlur:function(e){j.onBlur(),typeof(n===null||n===void 0?void 0:n.onBlur)=="function"&&n.onBlur(e)},renderInput:function(e){return(0,eU.jsx)(eZ.TextField,d(a({name:t,required:(c===null||c===void 0?void 0:c.required)?!0:p,label:v},o,e),{error:!!E,InputLabelProps:a({},e.InputLabelProps,o===null||o===void 0?void 0:o.InputLabelProps),InputProps:a(d(a({},e.InputProps),{endAdornment:(0,eU.jsxs)(eU.Fragment,{children:[l?A:null,e.InputProps.endAdornment]})}),o===null||o===void 0?void 0:o.InputProps),inputProps:a({},e.inputProps,o===null||o===void 0?void 0:o.inputProps),helperText:E?typeof g=="function"?g(E):E.message:o===null||o===void 0?void 0:o.helperText,inputRef:R}))}}))});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,s=e.required,f=e.formControlProps,p=e.transform,m=c(e,["name","control","label","rules","parseError","required","formControlProps","transform"]),v=L(),h=l||v,b=a({},u,s&&!u.required&&{required:"This field is required"}),y=(0,eY.useController)({name:o,control:n,disabled:m.disabled,rules:b}),x=y.field,g=y.fieldState,C=g.error,q=g.invalid,j=N({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,d(a({error:q,required:s,fullWidth:!0},f),{ref:r,children:[t&&(0,e2.jsx)(e0.FormLabel,{component:"legend",error:q,children:t}),(0,e2.jsx)(e0.Slider,d(a({},m),{value:P,onChange:E,valueLabelDisplay:m.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,s=l===void 0?[]:l,f=e.onBlur,p=e.parseError,m=e.helperText,v=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,T=N({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}}}),F=T.value,k=T.onChange,R=O?typeof q=="function"?q(O):O.message:m;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,d(a({},v),{error:!!O,required:P,sx:a({mb:1},v===null||v===void 0?void 0:v.sx),children:n})),(0,e5.jsx)(e4.ToggleButtonGroup,d(a({},g),{exclusive:y,value:F,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:s.map(function(e){var r=e.label,o=e.id,n=c(e,["label","id"]);return(0,e6.createElement)(e4.ToggleButton,d(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=e.rules,n=o===void 0?{}:o,t=e.parseError,i=e.required,u=e.name,l=e.control,s=e.rows,f=e.resizeStyle,p=f===void 0?"none":f,m=e.maxRows,v=e.minRows,h=e.inputRef,b=e.inputProps,y=e.transform,x=e.onBlur,g=c(e,["rules","parseError","required","name","control","rows","resizeStyle","maxRows","minRows","inputRef","inputProps","transform","onBlur"]),C=L(),q=t||C,j=a({},n,i&&!n.required&&{required:"This field is required"}),P=(0,rr.useController)({name:u,control:l,rules:j,disabled:g.disabled}),E=P.field,w=P.fieldState,S=w.error,O=N({value:E.value,onChange:E.onChange,transform:{input:typeof(y===null||y===void 0?void 0:y.input)=="function"?y.input:function(e){return e!==null&&e!==void 0?e:""},output:typeof(y===null||y===void 0?void 0:y.output)=="function"?y.output:function(e){return e.target.value}}}),T=O.value,F=O.onChange,k=(0,re.useForkRef)(E.ref,h);return(0,rn.jsx)(re.TextField,d(a({},g),{name:u,value:T,onChange:function(e){F(e),typeof g.onChange=="function"&&g.onChange(e)},onBlur:function(e){E.onBlur(),typeof x=="function"&&x(e)},required:i,error:!!S,helperText:S?typeof q=="function"?q(S):S.message:g.helperText,inputRef:k,multiline:!0,ref:r,slotProps:{input:{inputComponent:re.TextareaAutosize,inputProps:a({minRows:v||s,maxRows:m||s,style:{resize:p}},b||{})}}}))});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