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 14.5 kB
"use strict";"use client";function e(e,r){if(r==null||r>e.length)r=e.length;for(var t=0,i=new Array(r);t<r;t++)i[t]=e[t];return i}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 i(e){if(typeof Symbol!=="undefined"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function n(){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 i=arguments[r]!=null?arguments[r]:{};var n=Object.keys(i);if(typeof Object.getOwnPropertySymbols==="function"){n=n.concat(Object.getOwnPropertySymbols(i).filter(function(e){return Object.getOwnPropertyDescriptor(i,e).enumerable}))}n.forEach(function(r){t(e,r,i[r])})}return e}function o(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);if(r){i=i.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})}t.push.apply(t,i)}return t}function l(e,r){r=r!=null?r:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(e,Object.getOwnPropertyDescriptors(r))}else{o(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 i,n;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++){i=a[n];if(r.indexOf(i)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,i))continue;t[i]=e[i]}}return t}function s(e,r){if(e==null)return{};var t={};var i=Object.keys(e);var n,a;for(a=0;a<i.length;a++){n=i[a];if(r.indexOf(n)>=0)continue;t[n]=e[n]}return t}function d(e){return r(e)||i(e)||f(e)||n()}function f(r,t){if(!r)return;if(typeof r==="string")return e(r,t);var i=Object.prototype.toString.call(r).slice(8,-1);if(i==="Object"&&r.constructor)i=r.constructor.name;if(i==="Map"||i==="Set")return Array.from(i);if(i==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return e(r,t)}var m=Object.create;var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var D=function(e,r){for(var t in r)p(e,t,{get:r[t],enumerable:!0})},y=function(e,r,t,i){var n=true,a=false,o=undefined;if(r&&typeof r=="object"||typeof r=="function")try{var l=function(){var n=s.value;!h.call(e,n)&&n!==t&&p(e,n,{get:function(){return r[n]},enumerable:!(i=c(r,n))||i.enumerable})};for(var u=v(r)[Symbol.iterator](),s;!(n=(s=u.next()).done);n=true)l()}catch(e){a=true;o=e}finally{try{if(!n&&u.return!=null){u.return()}}finally{if(a){throw o}}}return e};var P=function(e,r,t){return t=e!=null?m(b(e)):{},y(r||!e||!e.__esModule?p(t,"default",{value:e,enumerable:!0}):t,e)},g=function(e){return y(p({},"__esModule",{value:!0}),e)};var x={};D(x,{DatePickerElement:function(){return V},DateTimePickerElement:function(){return et},MobileDatePickerElement:function(){return H},TimePickerElement:function(){return ef}});module.exports=g(x);var T=P(require("react"));var O=require("react-hook-form"),w=require("@mui/material");var q=require("react"),C=require("react/jsx-runtime"),k=(0,q.createContext)({onError:function(e){return e===null||e===void 0?void 0:e.message}});var j=function(){var e;return(e=(0,q.useContext)(k))===null||e===void 0?void 0:e.onError};var E=require("react"),S=require("@mui/x-date-pickers"),M=require("@mui/x-date-pickers/internals");var R={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 F(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),i=0;i<r;i++){t[i]=arguments[i]}var n,a;var o;typeof((o=e.transform)===null||o===void 0?void 0:o.output)=="function"?e.onChange((n=e.transform).output.apply(n,d(t))):(a=e).onChange.apply(a,d(t))}}}function z(e,r){return r==null||!e.utils.isValid(r)?null:e.utils.getTimezone(r)}function A(e,r){return typeof r=="string"?r===""?null:e.utils.date(r):r}var I=require("react/jsx-runtime"),Y=(0,E.forwardRef)(function(e,r){var t=e.parseError,i=e.name,n=e.required,o=e.rules,s=o===void 0?{}:o,f=e.inputProps,m=e.control,p=e.textReadOnly,c=e.slotProps,v=e.overwriteErrorMessages,b=e.inputRef,h=e.transform,D=u(e,["parseError","name","required","rules","inputProps","control","textReadOnly","slotProps","overwriteErrorMessages","inputRef","transform"]),y=(0,M.useLocalizationContext)(),P=j(),g=t||P,x=a({},R,v),T=l(a({},s,n&&!s.required&&{required:"This field is required"}),{validate:a({internal:function(e){var r=A(y,e);if(!r)return!0;var t,i;var n=(0,S.validateDate)({props:{shouldDisableDate:D.shouldDisableDate,shouldDisableMonth:D.shouldDisableMonth,shouldDisableYear:D.shouldDisableYear,disablePast:!!D.disablePast,disableFuture:!!D.disableFuture,minDate:D.minDate,maxDate:D.maxDate},timezone:(i=(t=D.timezone)!==null&&t!==void 0?t:z(y,r))!==null&&i!==void 0?i:"default",value:r,adapter:y});return n==null||x[n]}},s.validate)}),q=(0,O.useController)({name:i,control:m,rules:T,disabled:D.disabled,defaultValue:null}),C=q.field,k=q.fieldState,E=k.error,Y=F({value:C.value,onChange:C.onChange,transform:{input:typeof(h===null||h===void 0?void 0:h.input)=="function"?h.input:function(e){return A(y,e)},output:typeof(h===null||h===void 0?void 0:h.output)=="function"?h.output:function(e){return e}}}),V=Y.value,B=Y.onChange,N=(0,w.useForkRef)(C.ref,b),L=E?typeof g=="function"?g(E):E.message:null;return(0,I.jsx)(S.DatePicker,l(a({},D,C),{value:V,ref:r,inputRef:N,onClose:function(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++){r[t]=arguments[t]}var i;C.onBlur(),D.onClose&&(i=D).onClose.apply(i,d(r))},onChange:function(e,r){B(e,r),typeof D.onChange=="function"&&D.onChange(e,r)},slotProps:l(a({},c),{textField:l(a({},f),{required:n,onBlur:function(e){C.onBlur(),typeof(f===null||f===void 0?void 0:f.onBlur)=="function"&&f.onBlur(e)},error:!!L,helperText:L||(f===null||f===void 0?void 0:f.helperText)||D.helperText,inputProps:a({readOnly:!!p},f===null||f===void 0?void 0:f.inputProps)})})}))});Y.displayName="DatePickerElement";var V=Y;var B=require("@mui/x-date-pickers"),N=require("react-hook-form"),L=require("@mui/material");var _=require("react");var U=require("@mui/x-date-pickers/internals");var $=require("react/jsx-runtime"),G=(0,_.forwardRef)(function(e,r){var t=e.parseError,i=e.name,n=e.required,o=e.rules,s=o===void 0?{}:o,f=e.inputProps,m=e.control,p=e.slotProps,c=e.overwriteErrorMessages,v=e.inputRef,b=e.transform,h=u(e,["parseError","name","required","rules","inputProps","control","slotProps","overwriteErrorMessages","inputRef","transform"]),D=(0,U.useLocalizationContext)(),y=j(),P=t||y,g=a({},R,c),x=l(a({},s,n&&!s.required&&{required:"This field is required"}),{validate:a({internal:function(e){var r=A(D,e);if(!r)return!0;var t,i;var n=(0,B.validateDate)({props:{shouldDisableDate:h.shouldDisableDate,shouldDisableMonth:h.shouldDisableMonth,shouldDisableYear:h.shouldDisableYear,disablePast:!!h.disablePast,disableFuture:!!h.disableFuture,minDate:h.minDate,maxDate:h.maxDate},timezone:(i=(t=h.timezone)!==null&&t!==void 0?t:z(D,r))!==null&&i!==void 0?i:"default",value:r,adapter:D});return n==null||g[n]}},s.validate)}),T=(0,N.useController)({name:i,control:m,rules:x,disabled:h.disabled,defaultValue:null}),O=T.field,w=T.fieldState,q=w.error,C=F({value:O.value,onChange:O.onChange,transform:{input:typeof(b===null||b===void 0?void 0:b.input)=="function"?b.input:function(e){return A(D,e)},output:typeof(b===null||b===void 0?void 0:b.output)=="function"?b.output:function(e){return e}}}),k=C.value,E=C.onChange,S=(0,L.useForkRef)(O.ref,v);return(0,$.jsx)(B.MobileDatePicker,l(a({},h,O),{value:k,ref:r,inputRef:S,onClose:function(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++){r[t]=arguments[t]}var i;O.onBlur(),h.onClose&&(i=h).onClose.apply(i,d(r))},onChange:function(e,r){E(e,r),typeof h.onChange=="function"&&h.onChange(e,r)},slotProps:l(a({},p),{textField:l(a({},f),{required:n,error:!!q,helperText:q?typeof P=="function"?P(q):q.message:(f===null||f===void 0?void 0:f.helperText)||h.helperText})})}))});G.displayName="MobileDatePickerElement";var H=G;var J=require("@mui/x-date-pickers"),K=require("@mui/x-date-pickers/internals"),Q=require("react-hook-form"),W=require("@mui/material");var X=require("react");var Z={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 ee=require("react/jsx-runtime"),er=(0,X.forwardRef)(function(e,r){var t=e.parseError,i=e.name,n=e.required,o=e.rules,s=o===void 0?{}:o,f=e.inputProps,m=e.control,p=e.textReadOnly,c=e.slotProps,v=e.overwriteErrorMessages,b=e.inputRef,h=e.transform,D=u(e,["parseError","name","required","rules","inputProps","control","textReadOnly","slotProps","overwriteErrorMessages","inputRef","transform"]),y=(0,K.useLocalizationContext)(),P=j(),g=t||P,x=a({},Z,v),T=l(a({},s,n&&!s.required&&{required:"This field is required"}),{validate:a({internal:function(e){var r=A(y,e);if(!r)return!0;var t,i;var n=(0,J.validateDateTime)({props:{shouldDisableDate:D.shouldDisableDate,shouldDisableMonth:D.shouldDisableMonth,shouldDisableYear:D.shouldDisableYear,disablePast:!!D.disablePast,disableFuture:!!D.disableFuture,minDate:D.minDate,maxDate:D.maxDate,disableIgnoringDatePartForTimeValidation:D.disableIgnoringDatePartForTimeValidation,maxTime:D.maxTime,minTime:D.minTime,minutesStep:D.minutesStep,shouldDisableTime:D.shouldDisableTime},timezone:(i=(t=D.timezone)!==null&&t!==void 0?t:z(y,r))!==null&&i!==void 0?i:"default",value:r,adapter:y});return n==null||x[n]}},s.validate)}),O=(0,Q.useController)({name:i,rules:T,control:m,disabled:D.disabled,defaultValue:null}),w=O.field,q=O.fieldState,C=q.error,k=F({value:w.value,onChange:w.onChange,transform:{input:typeof(h===null||h===void 0?void 0:h.input)=="function"?h.input:function(e){return A(y,e)},output:typeof(h===null||h===void 0?void 0:h.output)=="function"?h.output:function(e){return e}}}),E=k.value,S=k.onChange,M=(0,W.useForkRef)(w.ref,b);return(0,ee.jsx)(J.DateTimePicker,l(a({},D,w),{value:E,ref:r,inputRef:M,onClose:function(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++){r[t]=arguments[t]}var i;w.onBlur(),D.onClose&&(i=D).onClose.apply(i,d(r))},onChange:function(e,r){S(e,r),typeof D.onChange=="function"&&D.onChange(e,r)},slotProps:l(a({},c),{textField:l(a({},f),{required:n,error:!!C,helperText:C?typeof g=="function"?g(C):C.message:(f===null||f===void 0?void 0:f.helperText)||D.helperText,inputProps:a({readOnly:p},f===null||f===void 0?void 0:f.inputProps)})})}))});er.displayName="DateTimePickerElement";var et=er;var ei=require("@mui/x-date-pickers"),en=require("react-hook-form"),ea=require("@mui/material");var eo=require("react"),el=require("@mui/x-date-pickers/internals");var eu={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 es=require("react/jsx-runtime"),ed=(0,eo.forwardRef)(function(e,r){var t=e.parseError,i=e.name,n=e.required,o=e.rules,s=o===void 0?{}:o,f=e.inputProps,m=e.control,p=e.textReadOnly,c=e.slotProps,v=e.overwriteErrorMessages,b=e.inputRef,h=e.transform,D=u(e,["parseError","name","required","rules","inputProps","control","textReadOnly","slotProps","overwriteErrorMessages","inputRef","transform"]),y=(0,el.useLocalizationContext)(),P=j(),g=t||P,x=a({},eu,v),T=l(a({},s,n&&!s.required&&{required:"This field is required"}),{validate:a({internal:function(e){var r=A(y,e);if(!r)return!0;var t,i;var n=(0,ei.validateTime)({props:{minTime:D.minTime,maxTime:D.maxTime,minutesStep:D.minutesStep,shouldDisableTime:D.shouldDisableTime,disableIgnoringDatePartForTimeValidation:D.disableIgnoringDatePartForTimeValidation,disablePast:!!D.disablePast,disableFuture:!!D.disableFuture},timezone:(i=(t=D.timezone)!==null&&t!==void 0?t:z(y,r))!==null&&i!==void 0?i:"default",value:e,adapter:y});return n==null||x[n]}},s.validate)}),O=(0,en.useController)({name:i,control:m,rules:T,disabled:D.disabled,defaultValue:null}),w=O.field,q=O.fieldState,C=q.error,k=F({value:w.value,onChange:w.onChange,transform:{input:typeof(h===null||h===void 0?void 0:h.input)=="function"?h.input:function(e){return A(y,e)},output:typeof(h===null||h===void 0?void 0:h.output)=="function"?h.output:function(e){return e}}}),E=k.value,S=k.onChange,M=(0,ea.useForkRef)(w.ref,b);return(0,es.jsx)(ei.TimePicker,l(a({},D,w),{value:E,ref:r,inputRef:M,onClose:function(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++){r[t]=arguments[t]}var i;w.onBlur(),D.onClose&&(i=D).onClose.apply(i,d(r))},onChange:function(e,r){S(e,r),typeof D.onChange=="function"&&D.onChange(e,r)},slotProps:l(a({},c),{textField:l(a({},f),{required:n,error:!!C,helperText:C?typeof g=="function"?g(C):C.message:(f===null||f===void 0?void 0:f.helperText)||D.helperText,inputProps:a({readOnly:p},f===null||f===void 0?void 0:f.inputProps)})})}))});ed.displayName="TimePickerElement";var ef=ed;0&&(module.exports={DatePickerElement:DatePickerElement,DateTimePickerElement:DateTimePickerElement,MobileDatePickerElement:MobileDatePickerElement,TimePickerElement:TimePickerElement});//# sourceMappingURL=date-pickers.js.map