UNPKG

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 15.3 kB
"use strict";"use client";function e(e,r){if(r==null||r>e.length)r=e.length;for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function r(r){if(Array.isArray(r))return e(r)}function t(e,r,t){if(r in e){Object.defineProperty(e,r,{value:t,enumerable:true,configurable:true,writable:true})}else{e[r]=t}return e}function n(e){if(typeof Symbol!=="undefined"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function i(){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 o(e){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};var i=Object.keys(n);if(typeof Object.getOwnPropertySymbols==="function"){i=i.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))}i.forEach(function(r){t(e,r,n[r])})}return e}function l(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);if(r){n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})}t.push.apply(t,n)}return t}function a(e,r){r=r!=null?r:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(e,Object.getOwnPropertyDescriptors(r))}else{l(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function u(e,r){if(e==null)return{};var t=s(e,r);var n,i;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++){n=o[i];if(r.indexOf(n)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,n))continue;t[n]=e[n]}}return t}function s(e,r){if(e==null)return{};var t={};var n=Object.keys(e);var i,o;for(o=0;o<n.length;o++){i=n[o];if(r.indexOf(i)>=0)continue;t[i]=e[i]}return t}function d(e){return r(e)||n(e)||p(e)||i()}function f(e){"@swc/helpers - typeof";return e&&typeof Symbol!=="undefined"&&e.constructor===Symbol?"symbol":typeof e}function p(r,t){if(!r)return;if(typeof r==="string")return e(r,t);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,t)}var v=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var b=function(e,r){for(var t in r)v(e,t,{get:r[t],enumerable:!0})},y=function(e,r,t,n){var i=true,o=false,l=undefined;if(r&&(typeof r==="undefined"?"undefined":f(r))=="object"||typeof r=="function")try{var a=function(){var i=s.value;!h.call(e,i)&&i!==t&&v(e,i,{get:function(){return r[i]},enumerable:!(n=c(r,i))||n.enumerable})};for(var u=m(r)[Symbol.iterator](),s;!(i=(s=u.next()).done);i=true)a()}catch(e){o=true;l=e}finally{try{if(!i&&u.return!=null){u.return()}}finally{if(o){throw l}}}return e};var P=function(e){return y(v({},"__esModule",{value:!0}),e)};var g={};b(g,{DatePickerElement:function(){return I},DateTimePickerElement:function(){return Z},MobileDatePickerElement:function(){return $},TimePickerElement:function(){return eu}});module.exports=P(g);var x=require("react"),D=require("react-hook-form"),w=require("@mui/material");var T=require("react"),k=require("react/jsx-runtime"),q=(0,T.createContext)({onError:function(e){return e===null||e===void 0?void 0:e.message}});var O=function(){var e;return(e=(0,T.useContext)(q))===null||e===void 0?void 0:e.onError};var C=require("@mui/x-date-pickers"),j=require("@mui/x-date-pickers/hooks");var E={disableFuture:"Date must be in the past",maxDate:"Date is later than the maximum allowed date",disablePast:"Past date is not allowed",invalidDate:"Date is invalid",minDate:"Date is earlier than the minimum allowed date",shouldDisableDate:"Date is not allowed",shouldDisableMonth:"Month is not allowed",shouldDisableYear:"Year is not allowed"};function S(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,t=new Array(r),n=0;n<r;n++){t[n]=arguments[n]}var i,o;var l;typeof((l=e.transform)===null||l===void 0?void 0:l.output)=="function"?e.onChange((i=e.transform).output.apply(i,d(t))):(o=e).onChange.apply(o,d(t))}}}function R(e,r){return r==null||!e.isValid(r)?null:e.getTimezone(r)}function F(e,r){return typeof r=="string"?r===""?null:e.date(r):r}var M=require("react/jsx-runtime"),A=(0,x.forwardRef)(function(e,r){var t;var n=e.parseError,i=e.name,l=e.required,s=e.rules,p=s===void 0?{}:s,v=e.inputProps,c=e.control,m=e.textReadOnly,h=e.slotProps,b=e.overwriteErrorMessages,y=e.inputRef,P=e.transform,g=u(e,["parseError","name","required","rules","inputProps","control","textReadOnly","slotProps","overwriteErrorMessages","inputRef","transform"]),x=(0,j.usePickerAdapter)(),T=(0,C.extractValidationProps)(g),k=O(),q=n||k,A=o({},E,b),I=a(o({},p,l&&!p.required&&{required:"This field is required"}),{validate:o({internal:function(e){var r=F(x,e);if(!r)return!0;var t,n;var i=(0,C.validateDate)({props:o({disableFuture:!1,disablePast:!1},T),timezone:(n=(t=g.timezone)!==null&&t!==void 0?t:R(x,r))!==null&&n!==void 0?n:"default",value:r,adapter:x});return i==null||A[i]}},p.validate)}),B=(0,D.useController)({name:i,control:c,rules:I,disabled:g.disabled,defaultValue:null}),V=B.field,z=B.fieldState,N=z.error,Y=S({value:V.value,onChange:V.onChange,transform:{input:typeof(P===null||P===void 0?void 0:P.input)=="function"?P.input:function(e){return F(x,e)},output:typeof(P===null||P===void 0?void 0:P.output)=="function"?P.output:function(e){return e}}}),_=Y.value,U=Y.onChange,$=(0,w.useForkRef)(V.ref,y),G=N?typeof q=="function"?q(N):N.message:null,H=v===null||v===void 0?void 0:(t=v.slotProps)===null||t===void 0?void 0:t.htmlInput,J=H&&(typeof H==="undefined"?"undefined":f(H))=="object"&&"ref"in H?H.ref:void 0,K=(0,w.useForkRef)($,J);var L;return(0,M.jsx)(C.DatePicker,a(o({},g,V),{value:_,ref:r,onClose:function(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++){r[t]=arguments[t]}var n;V.onBlur(),g.onClose&&(n=g).onClose.apply(n,d(r))},onChange:function(e,r){U(e,r),typeof g.onChange=="function"&&g.onChange(e,r)},slotProps:a(o({},h),{textField:a(o({},v),{required:l,onBlur:function(e){V.onBlur(),typeof(v===null||v===void 0?void 0:v.onBlur)=="function"&&v.onBlur(e)},error:!!G,helperText:G||((L=v===null||v===void 0?void 0:v.helperText)!==null&&L!==void 0?L:g.helperText),slotProps:a(o({},v===null||v===void 0?void 0:v.slotProps),{htmlInput:a(o({},(typeof H==="undefined"?"undefined":f(H))=="object"&&H!==null?H:{}),{readOnly:!!m,ref:K})})})})}))});A.displayName="DatePickerElement";var I=A;var B=require("react"),V=require("react-hook-form"),z=require("@mui/material"),N=require("@mui/x-date-pickers"),Y=require("@mui/x-date-pickers/hooks");var _=require("react/jsx-runtime"),U=(0,B.forwardRef)(function(e,r){var t;var n;var i=e.parseError,l=e.name,s=e.required,p=e.rules,v=p===void 0?{}:p,c=e.inputProps,m=e.control,h=e.slotProps,b=e.overwriteErrorMessages,y=e.inputRef,P=e.transform,g=u(e,["parseError","name","required","rules","inputProps","control","slotProps","overwriteErrorMessages","inputRef","transform"]),x=(0,Y.usePickerAdapter)(),D=(0,N.extractValidationProps)(g),w=O(),T=i||w,k=o({},E,b),q=a(o({},v,s&&!v.required&&{required:"This field is required"}),{validate:o({internal:function(e){var r=F(x,e);if(!r)return!0;var t,n;var i=(0,N.validateDate)({props:o({disableFuture:!1,disablePast:!1},D),timezone:(n=(t=g.timezone)!==null&&t!==void 0?t:R(x,r))!==null&&n!==void 0?n:"default",value:r,adapter:x});return i==null||k[i]}},v.validate)}),C=(0,V.useController)({name:l,control:m,rules:q,disabled:g.disabled,defaultValue:null}),j=C.field,M=C.fieldState,A=M.error,I=S({value:j.value,onChange:j.onChange,transform:{input:typeof(P===null||P===void 0?void 0:P.input)=="function"?P.input:function(e){return F(x,e)},output:typeof(P===null||P===void 0?void 0:P.output)=="function"?P.output:function(e){return e}}}),B=I.value,U=I.onChange,$=(0,z.useForkRef)(j.ref,y),G=c===null||c===void 0?void 0:(t=c.slotProps)===null||t===void 0?void 0:t.htmlInput,H=G&&(typeof G==="undefined"?"undefined":f(G))=="object"&&"ref"in G?G.ref:void 0,J=(0,z.useForkRef)($,H),K=a(o({},c),{required:s,error:!!A,helperText:A?typeof T=="function"?T(A):A.message:(n=c===null||c===void 0?void 0:c.helperText)!==null&&n!==void 0?n:g.helperText,onBlur:function(e){var r;j.onBlur(),c===null||c===void 0?void 0:(r=c.onBlur)===null||r===void 0?void 0:r.call(c,e)},slotProps:a(o({},c===null||c===void 0?void 0:c.slotProps),{htmlInput:a(o({},(typeof G==="undefined"?"undefined":f(G))=="object"&&G!==null?G:{}),{ref:J})})});return(0,_.jsx)(N.MobileDatePicker,a(o({},g,j),{value:B,ref:r,onClose:function(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++){r[t]=arguments[t]}var n;j.onBlur(),g.onClose&&(n=g).onClose.apply(n,d(r))},onChange:function(e,r){U(e,r),typeof g.onChange=="function"&&g.onChange(e,r)},slotProps:a(o({},h),{textField:K})}))});U.displayName="MobileDatePickerElement";var $=U;var G=require("react"),H=require("react-hook-form"),J=require("@mui/x-date-pickers"),K=require("@mui/x-date-pickers/hooks"),L=require("@mui/material");var Q={disableFuture:"Date must be in the past",maxDate:"Date is later than the maximum allowed date",disablePast:"Past date is not allowed",invalidDate:"Date is invalid",minDate:"Date is earlier than the minimum allowed date",shouldDisableDate:"Date is not allowed",shouldDisableMonth:"Month is not allowed",shouldDisableYear:"Year is not allowed",minTime:"Time is earlier than the minimum allowed",maxTime:"Time is later than the maximum allowed","shouldDisableTime-hours":"Specified hour is disabled","shouldDisableTime-minutes":"Specified minute is disabled","shouldDisableTime-seconds":"Specified second is disabled",minutesStep:"Invalid minutes step"};var W=require("react/jsx-runtime"),X=(0,G.forwardRef)(function(e,r){var t;var n;var i=e.parseError,l=e.name,s=e.required,p=e.rules,v=p===void 0?{}:p,c=e.inputProps,m=e.control,h=e.textReadOnly,b=e.slotProps,y=e.overwriteErrorMessages,P=e.inputRef,g=e.transform,x=u(e,["parseError","name","required","rules","inputProps","control","textReadOnly","slotProps","overwriteErrorMessages","inputRef","transform"]),D=(0,K.usePickerAdapter)(),w=(0,J.extractValidationProps)(x),T=O(),k=i||T,q=o({},Q,y),C=a(o({},v,s&&!v.required&&{required:"This field is required"}),{validate:o({internal:function(e){var r=F(D,e);if(!r)return!0;var t,n;var i=(0,J.validateDateTime)({props:o({disableFuture:!1,disablePast:!1},w),timezone:(n=(t=x.timezone)!==null&&t!==void 0?t:R(D,r))!==null&&n!==void 0?n:"default",value:r,adapter:D});return i==null||q[i]}},v.validate)}),j=(0,H.useController)({name:l,rules:C,control:m,disabled:x.disabled,defaultValue:null}),E=j.field,M=j.fieldState,A=M.error,I=S({value:E.value,onChange:E.onChange,transform:{input:typeof(g===null||g===void 0?void 0:g.input)=="function"?g.input:function(e){return F(D,e)},output:typeof(g===null||g===void 0?void 0:g.output)=="function"?g.output:function(e){return e}}}),B=I.value,V=I.onChange,z=(0,L.useForkRef)(E.ref,P),N=c===null||c===void 0?void 0:(t=c.slotProps)===null||t===void 0?void 0:t.htmlInput,Y=N&&(typeof N==="undefined"?"undefined":f(N))=="object"&&"ref"in N?N.ref:void 0,_=(0,L.useForkRef)(z,Y),U=a(o({},c),{required:s,error:!!A,helperText:A?typeof k=="function"?k(A):A.message:(n=c===null||c===void 0?void 0:c.helperText)!==null&&n!==void 0?n:x.helperText,onBlur:function(e){var r;E.onBlur(),c===null||c===void 0?void 0:(r=c.onBlur)===null||r===void 0?void 0:r.call(c,e)},slotProps:a(o({},c===null||c===void 0?void 0:c.slotProps),{htmlInput:a(o({},(typeof N==="undefined"?"undefined":f(N))=="object"&&N!==null?N:{}),{readOnly:h,ref:_})})});return(0,W.jsx)(J.DateTimePicker,a(o({},x,E),{value:B,ref:r,onClose:function(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++){r[t]=arguments[t]}var n;E.onBlur(),x.onClose&&(n=x).onClose.apply(n,d(r))},onChange:function(e,r){V(e,r),typeof x.onChange=="function"&&x.onChange(e,r)},slotProps:a(o({},b),{textField:U})}))});X.displayName="DateTimePickerElement";var Z=X;var ee=require("react"),er=require("react-hook-form"),et=require("@mui/material"),en=require("@mui/x-date-pickers"),ei=require("@mui/x-date-pickers/hooks");var eo={invalidDate:"Time is invalid",minTime:"Time is earlier than the minimum allowed",maxTime:"Time is later than the maximum allowed",disableFuture:"Future time is disabled",disablePast:"Past time is disabled","shouldDisableTime-hours":"Specified hour is disabled","shouldDisableTime-minutes":"Specified minute is disabled","shouldDisableTime-seconds":"Specified second is disabled",minutesStep:"Invalid minutes step"};var el=require("react/jsx-runtime"),ea=(0,ee.forwardRef)(function(e,r){var t;var n;var i=e.parseError,l=e.name,s=e.required,p=e.rules,v=p===void 0?{}:p,c=e.inputProps,m=e.control,h=e.textReadOnly,b=e.slotProps,y=e.overwriteErrorMessages,P=e.inputRef,g=e.transform,x=u(e,["parseError","name","required","rules","inputProps","control","textReadOnly","slotProps","overwriteErrorMessages","inputRef","transform"]),D=(0,ei.usePickerAdapter)(),w=(0,en.extractValidationProps)(x),T=O(),k=i||T,q=o({},eo,y),C=a(o({},v,s&&!v.required&&{required:"This field is required"}),{validate:o({internal:function(e){var r=F(D,e);if(!r)return!0;var t,n;var i=(0,en.validateTime)({props:o({disableFuture:!1,disablePast:!1,minTime:x.minTime,maxTime:x.maxTime,minutesStep:x.minutesStep,shouldDisableTime:x.shouldDisableTime,disableIgnoringDatePartForTimeValidation:x.disableIgnoringDatePartForTimeValidation},w),timezone:(n=(t=x.timezone)!==null&&t!==void 0?t:R(D,r))!==null&&n!==void 0?n:"default",value:e,adapter:D});return i==null||q[i]}},v.validate)}),j=(0,er.useController)({name:l,control:m,rules:C,disabled:x.disabled,defaultValue:null}),E=j.field,M=j.fieldState,A=M.error,I=S({value:E.value,onChange:E.onChange,transform:{input:typeof(g===null||g===void 0?void 0:g.input)=="function"?g.input:function(e){return F(D,e)},output:typeof(g===null||g===void 0?void 0:g.output)=="function"?g.output:function(e){return e}}}),B=I.value,V=I.onChange,z=(0,et.useForkRef)(E.ref,P),N=c===null||c===void 0?void 0:(t=c.slotProps)===null||t===void 0?void 0:t.htmlInput,Y=N&&(typeof N==="undefined"?"undefined":f(N))=="object"&&"ref"in N?N.ref:void 0,_=(0,et.useForkRef)(z,Y),U=a(o({},c),{required:s,error:!!A,helperText:A?typeof k=="function"?k(A):A.message:(n=c===null||c===void 0?void 0:c.helperText)!==null&&n!==void 0?n:x.helperText,slotProps:a(o({},c===null||c===void 0?void 0:c.slotProps),{htmlInput:a(o({},(typeof N==="undefined"?"undefined":f(N))=="object"&&N!==null?N:{}),{readOnly:h,ref:_})})});return(0,el.jsx)(en.TimePicker,a(o({},x,E),{value:B,ref:r,onClose:function(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++){r[t]=arguments[t]}var n;E.onBlur(),x.onClose&&(n=x).onClose.apply(n,d(r))},onChange:function(e,r){V(e,r),typeof x.onChange=="function"&&x.onChange(e,r)},slotProps:a(o({},b),{textField:U})}))});ea.displayName="TimePickerElement";var eu=ea;0&&(module.exports={DatePickerElement:DatePickerElement,DateTimePickerElement:DateTimePickerElement,MobileDatePickerElement:MobileDatePickerElement,TimePickerElement:TimePickerElement});//# sourceMappingURL=date-pickers.js.map