UNPKG

mui-rff

Version:

Set of modern wrapper components to facilitate using Material UI with React Final Form

3 lines (2 loc) 19.9 kB
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material/Autocomplete"),r=require("react-final-form"),t=require("react"),n=require("@mui/material"),o=require("@mui/material/TextField"),a=require("@mui/x-date-pickers");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(e),i=l(t),c=l(o);function s(){s=function(){return e};var e={},r=Object.prototype,t=r.hasOwnProperty,n=Object.defineProperty||function(e,r,t){e[r]=t.value},o="function"==typeof Symbol?Symbol:{},a=o.iterator||"@@iterator",l=o.asyncIterator||"@@asyncIterator",u=o.toStringTag||"@@toStringTag";function i(e,r,t){return Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}),e[r]}try{i({},"")}catch(e){i=function(e,r,t){return e[r]=t}}function c(e,r,t,o){var a=Object.create((r&&r.prototype instanceof f?r:f).prototype),l=new T(o||[]);return n(a,"_invoke",{value:P(e,t,l)}),a}function d(e,r,t){try{return{type:"normal",arg:e.call(r,t)}}catch(e){return{type:"throw",arg:e}}}e.wrap=c;var p={};function f(){}function m(){}function h(){}var v={};i(v,a,(function(){return this}));var y=Object.getPrototypeOf,b=y&&y(y(L([])));b&&b!==r&&t.call(b,a)&&(v=b);var E=h.prototype=f.prototype=Object.create(v);function g(e){["next","throw","return"].forEach((function(r){i(e,r,(function(e){return this._invoke(r,e)}))}))}function x(e,r){function o(n,a,l,u){var i=d(e[n],e,a);if("throw"!==i.type){var c=i.arg,s=c.value;return s&&"object"==typeof s&&t.call(s,"__await")?r.resolve(s.__await).then((function(e){o("next",e,l,u)}),(function(e){o("throw",e,l,u)})):r.resolve(s).then((function(e){c.value=e,l(c)}),(function(e){return o("throw",e,l,u)}))}u(i.arg)}var a;n(this,"_invoke",{value:function(e,t){function n(){return new r((function(r,n){o(e,t,r,n)}))}return a=a?a.then(n,n):n()}})}function P(e,r,t){var n="suspendedStart";return function(o,a){if("executing"===n)throw new Error("Generator is already running");if("completed"===n){if("throw"===o)throw a;return{value:void 0,done:!0}}for(t.method=o,t.arg=a;;){var l=t.delegate;if(l){var u=w(l,t);if(u){if(u===p)continue;return u}}if("next"===t.method)t.sent=t._sent=t.arg;else if("throw"===t.method){if("suspendedStart"===n)throw n="completed",t.arg;t.dispatchException(t.arg)}else"return"===t.method&&t.abrupt("return",t.arg);n="executing";var i=d(e,r,t);if("normal"===i.type){if(n=t.done?"completed":"suspendedYield",i.arg===p)continue;return{value:i.arg,done:t.done}}"throw"===i.type&&(n="completed",t.method="throw",t.arg=i.arg)}}}function w(e,r){var t=r.method,n=e.iterator[t];if(void 0===n)return r.delegate=null,"throw"===t&&e.iterator.return&&(r.method="return",r.arg=void 0,w(e,r),"throw"===r.method)||"return"!==t&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+t+"' method")),p;var o=d(n,e.iterator,r.arg);if("throw"===o.type)return r.method="throw",r.arg=o.arg,r.delegate=null,p;var a=o.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=void 0),r.delegate=null,p):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,p)}function F(e){var r={tryLoc:e[0]};1 in e&&(r.catchLoc=e[1]),2 in e&&(r.finallyLoc=e[2],r.afterLoc=e[3]),this.tryEntries.push(r)}function C(e){var r=e.completion||{};r.type="normal",delete r.arg,e.completion=r}function T(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(F,this),this.reset(!0)}function L(e){if(e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var n=-1,o=function r(){for(;++n<e.length;)if(t.call(e,n))return r.value=e[n],r.done=!1,r;return r.value=void 0,r.done=!0,r};return o.next=o}}return{next:q}}function q(){return{value:void 0,done:!0}}return m.prototype=h,n(E,"constructor",{value:h,configurable:!0}),n(h,"constructor",{value:m,configurable:!0}),m.displayName=i(h,u,"GeneratorFunction"),e.isGeneratorFunction=function(e){var r="function"==typeof e&&e.constructor;return!!r&&(r===m||"GeneratorFunction"===(r.displayName||r.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,h):(e.__proto__=h,i(e,u,"GeneratorFunction")),e.prototype=Object.create(E),e},e.awrap=function(e){return{__await:e}},g(x.prototype),i(x.prototype,l,(function(){return this})),e.AsyncIterator=x,e.async=function(r,t,n,o,a){void 0===a&&(a=Promise);var l=new x(c(r,t,n,o),a);return e.isGeneratorFunction(t)?l:l.next().then((function(e){return e.done?e.value:l.next()}))},g(E),i(E,u,"Generator"),i(E,a,(function(){return this})),i(E,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var r=Object(e),t=[];for(var n in r)t.push(n);return t.reverse(),function e(){for(;t.length;){var n=t.pop();if(n in r)return e.value=n,e.done=!1,e}return e.done=!0,e}},e.values=L,T.prototype={constructor:T,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(C),!e)for(var r in this)"t"===r.charAt(0)&&t.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=void 0)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var r=this;function n(t,n){return l.type="throw",l.arg=e,r.next=t,n&&(r.method="next",r.arg=void 0),!!n}for(var o=this.tryEntries.length-1;o>=0;--o){var a=this.tryEntries[o],l=a.completion;if("root"===a.tryLoc)return n("end");if(a.tryLoc<=this.prev){var u=t.call(a,"catchLoc"),i=t.call(a,"finallyLoc");if(u&&i){if(this.prev<a.catchLoc)return n(a.catchLoc,!0);if(this.prev<a.finallyLoc)return n(a.finallyLoc)}else if(u){if(this.prev<a.catchLoc)return n(a.catchLoc,!0)}else{if(!i)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return n(a.finallyLoc)}}}},abrupt:function(e,r){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&t.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var a=o;break}}a&&("break"===e||"continue"===e)&&a.tryLoc<=r&&r<=a.finallyLoc&&(a=null);var l=a?a.completion:{};return l.type=e,l.arg=r,a?(this.method="next",this.next=a.finallyLoc,p):this.complete(l)},complete:function(e,r){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&r&&(this.next=r),p},finish:function(e){for(var r=this.tryEntries.length-1;r>=0;--r){var t=this.tryEntries[r];if(t.finallyLoc===e)return this.complete(t.completion,t.afterLoc),C(t),p}},catch:function(e){for(var r=this.tryEntries.length-1;r>=0;--r){var t=this.tryEntries[r];if(t.tryLoc===e){var n=t.completion;if("throw"===n.type){var o=n.arg;C(t)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,r,t){return this.delegate={iterator:L(e),resultName:r,nextLoc:t},"next"===this.method&&(this.arg=void 0),p}},e}function d(e,r,t,n,o,a,l){try{var u=e[a](l),i=u.value}catch(e){return void t(e)}u.done?r(i):Promise.resolve(i).then(n,o)}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},p.apply(this,arguments)}function f(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r.indexOf(t=a[n])>=0||(o[t]=e[t]);return o}function m(e){var r=e.meta,t=e.formHelperTextProps,o=e.helperText;return e.showError?i.default.createElement(n.FormHelperText,p({},t),r.error||r.submitError):o?i.default.createElement(n.FormHelperText,p({},t),o):i.default.createElement(i.default.Fragment,null)}var h={subscription:{error:!0,submitError:!0,dirtySinceLastSubmit:!0,touched:!0,modified:!0}},v=function(e){return r.useField(e,h)},y=function(e){var r=e.meta;return!(!(r.submitError&&!r.dirtySinceLastSubmit||r.error)||!r.touched&&!r.modified)},b=["name","fieldProps"],E=["input","meta","options","label","required","multiple","textFieldProps","getOptionValue","showError","placeholder","onChange"],g=["helperText"],x=["variant","onFocus","onBlur"];function P(e){var r,t=e.input,n=t.name,o=t.value,a=t.onChange,l=t.onFocus,s=t.onBlur,d=e.meta,m=e.options,h=e.label,v=e.required,b=e.multiple,P=e.textFieldProps,w=e.getOptionValue,F=e.showError,C=void 0===F?y:F,T=e.placeholder,L=e.onChange,q=f(e,E),k=q.helperText,O=f(q,g),S=P||{},j=S.variant,A=S.onFocus,I=S.onBlur,G=f(S,x);w?o&&m.forEach((function(e){var t=w(e);b?(r||(r=[]),o.forEach((function(n){n===t&&r.push(e)}))):o===t&&(r=e)})):r=o;var _=d.error,B=d.submitError,H=C({meta:d});return i.default.createElement(u.default,p({multiple:b,onChange:function(e,r,t,n){var o,l=(o=r,w?b?o?o.map(w):null:o?w(o):null:o);a(l),L&&L(e,r,t,n)},options:m,value:r||(b?[]:null),renderInput:function(e){var r,t,o,a,u;return i.default.createElement(c.default,p({label:h,required:v,helperText:H?_||B:k,error:H,name:n,placeholder:T,variant:j,onFocus:function(e){null==A||A(e),l(e)},onBlur:function(e){null==I||I(e),s(e)}},e,G,{InputProps:p({},e.InputProps,G.InputProps,(null==(r=G.InputProps)?void 0:r.startAdornment)&&{startAdornment:i.default.createElement(i.default.Fragment,null,G.InputProps.startAdornment,null==(t=e.InputProps)?void 0:t.startAdornment)},(null==(o=G.InputProps)?void 0:o.endAdornment)&&{endAdornment:i.default.createElement(i.default.Fragment,null,null==(a=e.InputProps)?void 0:a.endAdornment,null==(u=G.InputProps)?void 0:u.endAdornment)}),fullWidth:!0}))}},O))}var w=["required","label","data","name","helperText","fieldProps","formControlProps","formGroupProps","formLabelProps","formControlLabelProps","formHelperTextProps","showError"],F=["name","value","onChange","checked"],C=["name","data","label","required","helperText","fieldProps","formControlProps","formGroupProps","formLabelProps","formControlLabelProps","formHelperTextProps","showError"],T=["name","value","onChange","checked"],L=["name","data","label","required","helperText","formLabelProps","formControlLabelProps","fieldProps","formControlProps","radioGroupProps","formHelperTextProps","showError"],q=["name","value","onChange","checked"],k=["name","label","data","children","required","multiple","helperText","fieldProps","inputLabelProps","formControlProps","formHelperTextProps","menuItemProps","showError"],O=["name","value","onChange"],S=["name","fieldProps"],j=["name","onChange","value"],A=["input","meta","showError"],I=["helperText","textFieldProps","required"];function G(e){var r=e.input,t=r.name,n=r.onChange,o=r.value,l=f(r,j),u=e.meta,c=e.showError,s=void 0===c?y:c,d=f(e,A),m=u.error,h=u.submitError,v=s({meta:u}),b=d.helperText,E=d.textFieldProps,g=d.required,x=f(d,I);return i.default.createElement(a.DatePicker,p({onChange:n,value:""===o?null:o},x,{slotProps:{textField:p({},E,{helperText:v?m||h:b,inputProps:{onBlur:function(e){l.onBlur(e)},onFocus:function(e){l.onFocus(e)}},error:v,fullWidth:!0,name:t,onChange:n,value:o,required:g})}}))}var _=["name","fieldProps"],B=["name","onChange","value"],H=["input","meta","showError"],N=["helperText","textFieldProps","required"];function W(e){var r=e.input,t=r.name,n=r.onChange,o=r.value,l=f(r,B),u=e.meta,c=e.showError,s=void 0===c?y:c,d=f(e,H),m=u.error,h=u.submitError,v=s({meta:u}),b=d.helperText,E=d.textFieldProps,g=d.required,x=f(d,N);return i.default.createElement(a.DateTimePicker,p({onChange:n,value:""===o?null:o},x,{slotProps:{textField:p({},E,{helperText:v?m||h:b,inputProps:{onBlur:function(e){l.onBlur(e)},onFocus:function(e){l.onFocus(e)}},error:v,fullWidth:!0,name:t,onChange:n,value:o,required:g})}}))}var D=["name","fieldProps"],M=["name","onChange","value"],R=["input","meta","showError"],V=["helperText","textFieldProps","required"];function Y(e){var r=e.input,t=r.name,n=r.onChange,o=r.value,l=f(r,M),u=e.meta,c=e.showError,s=void 0===c?y:c,d=f(e,R),m=u.error,h=u.submitError,v=s({meta:u}),b=d.helperText,E=d.textFieldProps,g=d.required,x=f(d,V);return i.default.createElement(a.TimePicker,p({onChange:n,value:""===o?null:o},x,{slotProps:{textField:p({},E,{helperText:v?m||h:b,inputProps:{onBlur:function(e){l.onBlur(e)},onFocus:function(e){l.onFocus(e)}},error:v,fullWidth:!0,name:t,onChange:n,value:o,required:g})}}))}var J=["name","type","fieldProps"],z=["name","value","type","onChange","onBlur","onFocus"],K=["input","meta","required","fullWidth","helperText","showError"];function Q(e){var r=e.input,t=r.name,o=r.value,a=r.type,l=r.onChange,u=r.onBlur,c=r.onFocus,s=f(r,z),d=e.meta,m=e.required,h=e.fullWidth,v=void 0===h||h,b=e.helperText,E=e.showError,g=void 0===E?y:E,x=f(e,K),P=d.error,w=d.submitError,F=g({meta:d});return i.default.createElement(n.TextField,p({fullWidth:v,helperText:F?P||w:b,error:F,onChange:l,onBlur:u,onFocus:c,name:t,value:o,type:a,required:m,inputProps:p({required:m},s)},x))}function U(e,r,t){return Object(e)!==e||(Array.isArray(r)||(r=r.toString().match(/[^.[\]]+/g)||[]),r.slice(0,-1).reduce((function(e,t,n){return Object(e[t])===e[t]?e[t]:e[t]=Math.abs(r[n+1])>>0==+r[n+1]?[]:{}}),e)[r[r.length-1]]=t),e}function X(e,r){return e.inner.reduce((function(e,t){var n=t.path,o=t.message,a=r?r(t):o;if(n&&e.hasOwnProperty(n)){var l=function(e,r,t){var n=String.prototype.split.call(r,/[,[\].]+?/).filter(Boolean).reduce((function(e,r){return null!=e?e[r]:e}),e);return void 0===n||n===e?void 0:n}(e,n);l.push(a),U(e,n,l)}else U(e,n,[a]);return e}),{})}exports.Autocomplete=function(e){var t=e.name,n=e.fieldProps,o=f(e,b);return i.default.createElement(r.Field,p({name:t,render:function(e){return i.default.createElement(P,p({},e,o))}},n))},exports.Checkboxes=function(e){var t=e.required,o=e.label,a=e.data,l=e.name,u=e.helperText,c=e.fieldProps,s=e.formControlProps,d=e.formGroupProps,h=e.formLabelProps,b=e.formControlLabelProps,E=e.formHelperTextProps,g=e.showError,x=void 0===g?y:g,P=f(e,w),C=Array.isArray(a)?a:[a],T=!Array.isArray(a),L=v(l),q=x(L);return i.default.createElement(n.FormControl,p({required:t,error:q},s),o?i.default.createElement(n.FormLabel,p({},h),o):i.default.createElement(i.default.Fragment,null),i.default.createElement(n.FormGroup,p({},d),C.map((function(e,o){return i.default.createElement(n.FormControlLabel,p({key:o,name:l,label:e.label,value:T?void 0:e.value,disabled:e.disabled,control:i.default.createElement(r.Field,p({type:"checkbox",name:l,render:function(r){var o=r.input,a=o.name,l=o.value,u=o.onChange,c=o.checked,s=f(o,F);return i.default.createElement(n.Checkbox,p({name:a,value:l,onChange:u,checked:c,disabled:e.disabled,inputProps:p({required:t},s),indeterminate:e.indeterminate},P))}},c))},b))}))),i.default.createElement(m,{showError:q,meta:L.meta,formHelperTextProps:E,helperText:u}))},exports.DatePicker=function(e){var t=e.name,n=e.fieldProps,o=f(e,S);return i.default.createElement(r.Field,p({name:t,render:function(e){return i.default.createElement(G,p({},e,o))}},n))},exports.DateTimePicker=function(e){var t=e.name,n=e.fieldProps,o=f(e,_);return i.default.createElement(r.Field,p({name:t,render:function(e){return i.default.createElement(W,p({},e,o))}},n))},exports.Debug=function(){return i.default.createElement(r.FormSpy,{subscription:{values:!0}},(function(e){return i.default.createElement("pre",null,JSON.stringify(e.values,void 0,2))}))},exports.ErrorMessage=m,exports.Radios=function(e){var t=e.name,o=e.data,a=e.label,l=e.required,u=e.helperText,c=e.formLabelProps,s=e.formControlLabelProps,d=e.fieldProps,h=e.formControlProps,b=e.radioGroupProps,E=e.formHelperTextProps,g=e.showError,x=void 0===g?y:g,P=f(e,L),w=v(t),F=x(w);return i.default.createElement(n.FormControl,p({required:l,error:F},h),!!a&&i.default.createElement(n.FormLabel,p({},c),a),i.default.createElement(n.RadioGroup,p({},b),o.map((function(e,o){return i.default.createElement(n.FormControlLabel,p({key:o,name:t,label:e.label,value:e.value,disabled:e.disabled,control:i.default.createElement(r.Field,p({name:t,type:"radio",render:function(r){var t=r.input,o=t.name,a=t.value,u=t.onChange,c=t.checked,s=f(t,q);return i.default.createElement(n.Radio,p({name:o,value:a,onChange:u,checked:c,disabled:e.disabled,required:l,inputProps:p({required:l},s)},P))}},d))},s))}))),i.default.createElement(m,{showError:F,meta:w.meta,formHelperTextProps:E,helperText:u}))},exports.Select=function(e){var t=e.name,o=e.label,a=e.data,l=e.children,u=e.required,c=e.multiple,s=e.helperText,d=e.fieldProps,h=e.inputLabelProps,b=e.formControlProps,E=e.formHelperTextProps,g=e.menuItemProps,x=e.showError,P=void 0===x?y:x,w=f(e,k);if(!a&&!l)throw new Error("Please specify either children or data as an attribute.");var F=w.variant,C=v(t),T=P(C);return i.default.createElement(r.Field,p({name:t,render:function(e){var r=e.input,t=r.name,d=r.value,v=r.onChange,y=f(r,O),x=c&&!d?[]:d,P="select-input-"+t;return i.default.createElement(n.FormControl,p({required:u,error:T,fullWidth:!0,variant:F},b),!!o&&i.default.createElement(n.InputLabel,p({id:P},h),o),i.default.createElement(n.Select,p({name:t,value:x,onChange:v,multiple:c,label:o,labelId:P,inputProps:p({required:u},y)},w),a?a.map((function(e){return i.default.createElement(n.MenuItem,p({value:e.value,key:e.value,disabled:e.disabled},g),e.label)})):l),i.default.createElement(m,{showError:T,meta:C.meta,formHelperTextProps:E,helperText:s}))}},d))},exports.Switches=function(e){var t=e.name,o=e.data,a=e.label,l=e.required,u=e.helperText,c=e.fieldProps,s=e.formControlProps,d=e.formGroupProps,h=e.formLabelProps,b=e.formControlLabelProps,E=e.formHelperTextProps,g=e.showError,x=void 0===g?y:g,P=f(e,C),w=Array.isArray(o)?o:[o],F=!Array.isArray(o),L=v(t),q=x(L);return i.default.createElement(n.FormControl,p({required:l,error:q},s),a?i.default.createElement(n.FormLabel,p({},h),a):i.default.createElement(i.default.Fragment,null),i.default.createElement(n.FormGroup,p({},d),w.map((function(e,o){return i.default.createElement(n.FormControlLabel,p({key:o,name:t,label:e.label,value:F?void 0:e.value,disabled:e.disabled,control:i.default.createElement(r.Field,p({type:"checkbox",name:t,render:function(r){var t=r.input,o=t.name,a=t.value,u=t.onChange,c=t.checked,s=f(t,T);return i.default.createElement(n.Switch,p({name:o,value:a,onChange:u,checked:c,disabled:e.disabled,required:l,inputProps:p({required:l},s)},P))}},c))},b))}))),i.default.createElement(m,{showError:q,meta:L.meta,formHelperTextProps:E,helperText:u}))},exports.TextField=function(e){var t=e.name,n=e.type,o=e.fieldProps,a=f(e,J);return i.default.createElement(r.Field,p({name:t,type:n,render:function(e){return i.default.createElement(Q,p({input:e.input,meta:e.meta,name:t,type:n},a))}},o))},exports.TimePicker=function(e){var t=e.name,n=e.fieldProps,o=f(e,D);return i.default.createElement(r.Field,p({name:t,render:function(e){return i.default.createElement(Y,p({},e,o))}},n))},exports.makeRequired=function e(r){var t=r.fields;return Object.keys(t).reduce((function(r,n){return r[n]=t[n].fields?e(t[n]):!t[n].spec.optional,r}),{})},exports.makeValidate=function(e,r){return function(){var t,n=(t=s().mark((function t(n){return s().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,e.validate(n,{abortEarly:!1});case 3:return t.abrupt("return",{});case 6:return t.prev=6,t.t0=t.catch(0),t.abrupt("return",X(t.t0,r));case 9:case"end":return t.stop()}}),t,null,[[0,6]])})),function(){var e=this,r=arguments;return new Promise((function(n,o){var a=t.apply(e,r);function l(e){d(a,n,o,l,u,"next",e)}function u(e){d(a,n,o,l,u,"throw",e)}l(void 0)}))});return function(e){return n.apply(this,arguments)}}()},exports.makeValidateSync=function(e,r){return function(t){try{return e.validateSync(t,{abortEarly:!1}),{}}catch(e){return X(e,r)}}},exports.showErrorOnBlur=function(e){var r=e.meta;return!(!(r.submitError&&!r.dirtySinceLastSubmit||r.error)||!r.touched)},exports.showErrorOnChange=y,exports.useFieldForErrors=v; //# sourceMappingURL=mui-rff.cjs.production.min.js.map