@artibet/react-mui-components 2.4.1 → 2.4.2
Sign up to get free protection for your applications and to get access to all the features.
- package/form-fields/index.js +1 -1
- package/modals/index.js +1 -1
- package/package.json +1 -1
package/form-fields/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{TextField as e,FormGroup as r,FormControlLabel as n,Switch as o,Typography as t,Stack as l,Box as a,Popover as i,Autocomplete as u}from"@mui/material";import d from"react";import{Controller as c}from"react-hook-form";import{ChromePicker as s}from"react-color";function f(){return f=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},f.apply(this,arguments)}function v(e,r){if(null==e)return{};var n,o,t=function(e,r){if(null==e)return{};var n,o,t={},l=Object.keys(e);for(o=0;o<l.length;o++)n=l[o],r.indexOf(n)>=0||(t[n]=e[n]);return t}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)n=l[o],r.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}function m(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,t,l,a,i=[],u=!0,d=!1;try{if(l=(n=n.call(e)).next,0===r){if(Object(n)!==n)return;u=!1}else for(;!(u=(o=l.call(n)).done)&&(i.push(o.value),i.length!==r);u=!0);}catch(e){d=!0,t=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(d)throw t}}return i}}(e,r)||function(e,r){if(!e)return;if("string"==typeof e)return b(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return b(e,r)}(e,r)||function(){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 b(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,o=new Array(r);n<r;n++)o[n]=e[n];return o}var p=["form","name","label","maxLength","required","disabled","autofocus"],g=function(r){var n=r.form,o=r.name,t=r.label,l=r.maxLength,a=void 0===l?255:l,i=r.required,u=void 0!==i&&i,s=r.disabled,m=void 0!==s&&s,b=r.autofocus,g=void 0!==b&&b,h=v(r,p),x=n.control,y=n.formState.errors;return d.createElement(c,{name:o,control:x,rules:{required:u,disabled:m},render:function(r){var n,l,i=r.field,c=i.onChange,s=i.onBlur,v=i.value;return d.createElement(e,f({required:u,label:t,value:v,onChange:c,onBlur:s,error:Boolean(null===(n=y[o])||void 0===n?void 0:n.message),fullWidth:!0,helperText:null===(l=y[o])||void 0===l?void 0:l.message,variant:"outlined",disabled:m,autoFocus:g,inputProps:{maxLength:a}},h))}})},h=["form","name","label","required","disabled","autofocus"],x=function(r){var n=r.form,o=r.name,t=void 0===o?"password":o,l=r.label,a=void 0===l?"Κωδικός Πρόσβασης":l,i=r.required,u=void 0===i||i,s=r.disabled,m=void 0!==s&&s,b=r.autofocus,p=void 0!==b&&b,g=v(r,h),x=n.control,y=n.formState.errors;return d.createElement(c,{name:t,control:x,rules:{required:u,disabled:m},render:function(r){var n,o,l=r.field,i=l.onChange,c=l.onBlur,s=l.value;return d.createElement(e,f({required:u,label:a,value:s,onChange:i,onBlur:c,error:Boolean(null===(n=y[t])||void 0===n?void 0:n.message),fullWidth:!0,helperText:null===(o=y[t])||void 0===o?void 0:o.message,variant:"outlined",disabled:m,autoFocus:p,type:"password"},g))}})},y=["form","name","label","required","disabled","autofocus"],E=function(r){var n=r.form,o=r.name,t=void 0===o?"email":o,l=r.label,a=void 0===l?"E-mail":l,i=r.required,u=void 0===i||i,s=r.disabled,m=void 0!==s&&s,b=r.autofocus,p=void 0!==b&&b,g=v(r,y),h=n.control,x=n.formState.errors;return d.createElement(c,{name:t,control:h,rules:{required:u,disabled:m},render:function(r){var n,o,l=r.field,i=l.onChange,c=l.onBlur,s=l.value;return d.createElement(e,f({required:u,label:a,value:s,onChange:i,onBlur:c,error:Boolean(null===(n=x[t])||void 0===n?void 0:n.message),fullWidth:!0,helperText:null===(o=x[t])||void 0===o?void 0:o.message,variant:"outlined",disabled:m,autoFocus:p},g))}})},O=["form","name","label","disabled"],q=function(e){var t=e.form,l=e.name,a=e.label,i=e.disabled,u=void 0!==i&&i,s=v(e,O),f=t.control;return d.createElement(c,{name:l,control:f,rules:{disabled:u},render:function(e){var i=e.field;i.onChange,i.onBlur;var u=i.value;return d.createElement(r,s,d.createElement(n,{control:d.createElement(o,{checked:Boolean(u),onChange:function(e){return t.setValue(l,e.target.checked)},inputProps:{"aria-label":a}}),label:a}))}})},C=function(e){var r=e.label,n=void 0===r?"":r,o=e.color,l=void 0===o?"white":o,a=e.backgroundColor,i=void 0===a?"#888888":a,u=e.paddingX,c=void 0===u?"10px":u,s=e.paddingY,f=void 0===s?"5px":s,v=e.borderRadius,m=void 0===v?"10px":v,b=e.fontSize,p=void 0===b?"14px":b,g=e.width,h={text:{display:"inline-block",textAlign:"center",backgroundColor:i,paddingX:c,paddingY:f,borderRadius:m,width:void 0===g?"auto":g,color:l,fontSize:p}};return d.createElement(t,{sx:h.text},n)},w=["form","name","label","selectionWidth","pickerWidth","selectionTextColor","paddingY","paddingX","required","disabled"],B=function(e){var r=e.form,n=e.name,o=void 0===n?"color":n,u=e.label,b=void 0===u?"Επιλογή Χρώματος":u,p=e.selectionWidth,g=void 0===p?70:p,h=e.pickerWidth,x=void 0===h?350:h,y=e.selectionTextColor,E=void 0===y?"white":y,O=e.paddingY,q=void 0===O?"10px":O,B=e.paddingX,S=void 0===B?"10px":B,T=e.required,j=void 0!==T&&T,k=e.disabled,W=void 0!==k&&k,A=v(e,w),L=m(d.useState(null),2),P=L[0],I=L[1],X=Boolean(P),Y=X?"color-picker":void 0,F=r.control;return d.createElement(c,{name:o,control:F,rules:{disabled:W},render:function(e){var r=e.field,n=r.onChange;r.onBlur;var o=r.value;return d.createElement(l,f({gap:1},A),d.createElement(t,null,"".concat(b," ").concat(j?"*":"")),d.createElement(a,{sx:{display:"flex"}},d.createElement(a,{"aria-describedby":Y,sx:{cursor:"pointer"},onClick:function(e){return I(e.currentTarget)}},d.createElement(C,{color:E,backgroundColor:o,paddingY:q,paddingX:S,width:g,label:o}))),d.createElement(i,{sx:{marginTop:"10px"},id:Y,open:X,anchorEl:P,onClose:function(){return I(null)},anchorOrigin:{vertical:"bottom",horizontal:"left"}},d.createElement(a,null,d.createElement(s,{width:x,color:o,onChange:function(e){return n(e.hex)}}))))}})},S=["form","name","label","required","disabled","options","valueKey","labelKey","maxLength","autofocus","noOptionsText"],T=function(r){var n=r.form,o=r.name,t=r.label,l=r.required,a=void 0!==l&&l,i=r.disabled,s=void 0!==i&&i,b=r.options,p=void 0===b?[]:b,g=r.valueKey,h=void 0===g?"id":g;r.labelKey;var x=r.maxLength,y=void 0===x?255:x,E=r.autofocus,O=void 0!==E&&E,q=r.noOptionsText,C=void 0===q?"Δεν υπάρχουν επιλογές":q,w=v(r,S),B=m(d.useState(null),2),T=B[0],j=B[1],k=n.watch(o);d.useEffect((function(){j(p.find((function(e){return e[h]===k}))||null)}),[k]);var W=n.control,A=n.formState.errors;return d.createElement(c,{name:o,control:W,rules:{required:a,disabled:s},render:function(r){var n=r.field,l=n.onChange,i=n.onBlur;return n.value,d.createElement(u,{value:T,required:a,onChange:function(e,r){return l(r?r[h]:null)},options:p,isOptionEqualToValue:function(e,r){return e[h]===r[h]},noOptionsText:C,renderInput:function(r){var n,l;return d.createElement(e,f({label:t,required:a,disabled:s,autoFocus:O,inputProps:{maxLength:y},error:Boolean(null===(n=A[o])||void 0===n?void 0:n.message),onBlur:i,variant:"outlined",fullWidth:!0,helperText:null===(l=A[o])||void 0===l?void 0:l.message},r,w))}})}})};export{T as MyAutocompleteField,B as MyColorPickerField,E as MyEmailField,x as MyPasswordField,q as MySwitchField,g as MyTextField};
|
|
1
|
+
import{TextField as e,FormGroup as t,FormControlLabel as r,Switch as n,Typography as o,Stack as i,Box as a,Popover as l,Autocomplete as u}from"@mui/material";import c from"react";import{Controller as d}from"react-hook-form";import{ChromePicker as s}from"react-color";import f from"axios";import"date-fns";import"date-fns/locale";function v(){v=function(){return t};var e,t={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(e,t,r){e[t]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",l=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function c(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{c({},"")}catch(e){c=function(e,t,r){return e[t]=r}}function d(e,t,r,n){var i=t&&t.prototype instanceof y?t:y,a=Object.create(i.prototype),l=new B(n||[]);return o(a,"_invoke",{value:q(e,r,l)}),a}function s(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}t.wrap=d;var f="suspendedStart",h="suspendedYield",p="executing",m="completed",g={};function y(){}function b(){}function x(){}var w={};c(w,a,(function(){return this}));var E=Object.getPrototypeOf,O=E&&E(E(P([])));O&&O!==r&&n.call(O,a)&&(w=O);var L=x.prototype=y.prototype=Object.create(w);function T(e){["next","throw","return"].forEach((function(t){c(e,t,(function(e){return this._invoke(t,e)}))}))}function S(e,t){function r(o,i,a,l){var u=s(e[o],e,i);if("throw"!==u.type){var c=u.arg,d=c.value;return d&&"object"==typeof d&&n.call(d,"__await")?t.resolve(d.__await).then((function(e){r("next",e,a,l)}),(function(e){r("throw",e,a,l)})):t.resolve(d).then((function(e){c.value=e,a(c)}),(function(e){return r("throw",e,a,l)}))}l(u.arg)}var i;o(this,"_invoke",{value:function(e,n){function o(){return new t((function(t,o){r(e,n,t,o)}))}return i=i?i.then(o,o):o()}})}function q(t,r,n){var o=f;return function(i,a){if(o===p)throw new Error("Generator is already running");if(o===m){if("throw"===i)throw a;return{value:e,done:!0}}for(n.method=i,n.arg=a;;){var l=n.delegate;if(l){var u=j(l,n);if(u){if(u===g)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===f)throw o=m,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=p;var c=s(t,r,n);if("normal"===c.type){if(o=n.done?m:h,c.arg===g)continue;return{value:c.arg,done:n.done}}"throw"===c.type&&(o=m,n.method="throw",n.arg=c.arg)}}}function j(t,r){var n=r.method,o=t.iterator[n];if(o===e)return r.delegate=null,"throw"===n&&t.iterator.return&&(r.method="return",r.arg=e,j(t,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),g;var i=s(o,t.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,g;var a=i.arg;return a?a.done?(r[t.resultName]=a.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,g):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,g)}function k(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function C(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function B(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(k,this),this.reset(!0)}function P(t){if(t||""===t){var r=t[a];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,i=function r(){for(;++o<t.length;)if(n.call(t,o))return r.value=t[o],r.done=!1,r;return r.value=e,r.done=!0,r};return i.next=i}}throw new TypeError(typeof t+" is not iterable")}return b.prototype=x,o(L,"constructor",{value:x,configurable:!0}),o(x,"constructor",{value:b,configurable:!0}),b.displayName=c(x,u,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===b||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,x):(e.__proto__=x,c(e,u,"GeneratorFunction")),e.prototype=Object.create(L),e},t.awrap=function(e){return{__await:e}},T(S.prototype),c(S.prototype,l,(function(){return this})),t.AsyncIterator=S,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var a=new S(d(e,r,n,o),i);return t.isGeneratorFunction(r)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},T(L),c(L,u,"Generator"),c(L,a,(function(){return this})),c(L,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),r=[];for(var n in t)r.push(n);return r.reverse(),function e(){for(;r.length;){var n=r.pop();if(n in t)return e.value=n,e.done=!1,e}return e.done=!0,e}},t.values=P,B.prototype={constructor:B,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(C),!t)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function o(n,o){return l.type="throw",l.arg=t,r.next=n,o&&(r.method="next",r.arg=e),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],l=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var u=n.call(a,"catchLoc"),c=n.call(a,"finallyLoc");if(u&&c){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(u){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=e,a.arg=t,i?(this.method="next",this.next=i.finallyLoc,g):this.complete(a)},complete:function(e,t){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&&t&&(this.next=t),g},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),C(r),g}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;C(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:P(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),g}},t}function h(e,t,r,n,o,i,a){try{var l=e[i](a),u=l.value}catch(e){return void r(e)}l.done?t(u):Promise.resolve(u).then(n,o)}function p(e){return function(){var t=this,r=arguments;return new Promise((function(n,o){var i=e.apply(t,r);function a(e){h(i,n,o,a,l,"next",e)}function l(e){h(i,n,o,a,l,"throw",e)}a(void 0)}))}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},m.apply(this,arguments)}function g(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function y(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,l=[],u=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return l}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return b(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return b(e,t)}(e,t)||function(){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 b(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var x=["form","name","label","maxLength","required","disabled","autofocus"],w=function(t){var r=t.form,n=t.name,o=t.label,i=t.maxLength,a=void 0===i?255:i,l=t.required,u=void 0!==l&&l,s=t.disabled,f=void 0!==s&&s,v=t.autofocus,h=void 0!==v&&v,p=g(t,x),y=r.control,b=r.formState.errors;return c.createElement(d,{name:n,control:y,rules:{required:u,disabled:f},render:function(t){var r,i,l=t.field,d=l.onChange,s=l.onBlur,v=l.value;return c.createElement(e,m({required:u,label:o,value:v,onChange:d,onBlur:s,error:Boolean(null===(r=b[n])||void 0===r?void 0:r.message),fullWidth:!0,helperText:null===(i=b[n])||void 0===i?void 0:i.message,variant:"outlined",disabled:f,autoFocus:h,inputProps:{maxLength:a}},p))}})},E=["form","name","label","required","disabled","autofocus"],O=function(t){var r=t.form,n=t.name,o=void 0===n?"password":n,i=t.label,a=void 0===i?"Κωδικός Πρόσβασης":i,l=t.required,u=void 0===l||l,s=t.disabled,f=void 0!==s&&s,v=t.autofocus,h=void 0!==v&&v,p=g(t,E),y=r.control,b=r.formState.errors;return c.createElement(d,{name:o,control:y,rules:{required:u,disabled:f},render:function(t){var r,n,i=t.field,l=i.onChange,d=i.onBlur,s=i.value;return c.createElement(e,m({required:u,label:a,value:s,onChange:l,onBlur:d,error:Boolean(null===(r=b[o])||void 0===r?void 0:r.message),fullWidth:!0,helperText:null===(n=b[o])||void 0===n?void 0:n.message,variant:"outlined",disabled:f,autoFocus:h,type:"password"},p))}})},L=["form","name","label","required","disabled","autofocus"],T=function(t){var r=t.form,n=t.name,o=void 0===n?"email":n,i=t.label,a=void 0===i?"E-mail":i,l=t.required,u=void 0===l||l,s=t.disabled,f=void 0!==s&&s,v=t.autofocus,h=void 0!==v&&v,p=g(t,L),y=r.control,b=r.formState.errors;return c.createElement(d,{name:o,control:y,rules:{required:u,disabled:f},render:function(t){var r,n,i=t.field,l=i.onChange,d=i.onBlur,s=i.value;return c.createElement(e,m({required:u,label:a,value:s,onChange:l,onBlur:d,error:Boolean(null===(r=b[o])||void 0===r?void 0:r.message),fullWidth:!0,helperText:null===(n=b[o])||void 0===n?void 0:n.message,variant:"outlined",disabled:f,autoFocus:h},p))}})},S=["form","name","label","disabled"],q=function(e){var o=e.form,i=e.name,a=e.label,l=e.disabled,u=void 0!==l&&l,s=g(e,S),f=o.control;return c.createElement(d,{name:i,control:f,rules:{disabled:u},render:function(e){var l=e.field;l.onChange,l.onBlur;var u=l.value;return c.createElement(t,s,c.createElement(r,{control:c.createElement(n,{checked:Boolean(u),onChange:function(e){return o.setValue(i,e.target.checked)},inputProps:{"aria-label":a}}),label:a}))}})},j=function(e){var t=e.label,r=void 0===t?"":t,n=e.color,i=void 0===n?"white":n,a=e.backgroundColor,l=void 0===a?"#888888":a,u=e.paddingX,d=void 0===u?"10px":u,s=e.paddingY,f=void 0===s?"5px":s,v=e.borderRadius,h=void 0===v?"10px":v,p=e.fontSize,m=void 0===p?"14px":p,g=e.width,y={text:{display:"inline-block",textAlign:"center",backgroundColor:l,paddingX:d,paddingY:f,borderRadius:h,width:void 0===g?"auto":g,color:i,fontSize:m}};return c.createElement(o,{sx:y.text},r)},k=["form","name","label","selectionWidth","pickerWidth","selectionTextColor","paddingY","paddingX","required","disabled"],C=function(e){var t=e.form,r=e.name,n=void 0===r?"color":r,u=e.label,f=void 0===u?"Επιλογή Χρώματος":u,v=e.selectionWidth,h=void 0===v?70:v,p=e.pickerWidth,b=void 0===p?350:p,x=e.selectionTextColor,w=void 0===x?"white":x,E=e.paddingY,O=void 0===E?"10px":E,L=e.paddingX,T=void 0===L?"10px":L,S=e.required,q=void 0!==S&&S,C=e.disabled,B=void 0!==C&&C,P=g(e,k),_=y(c.useState(null),2),A=_[0],F=_[1],I=Boolean(A),W=I?"color-picker":void 0,G=t.control;return c.createElement(d,{name:n,control:G,rules:{disabled:B},render:function(e){var t=e.field,r=t.onChange;t.onBlur;var n=t.value;return c.createElement(i,m({gap:1},P),c.createElement(o,null,"".concat(f," ").concat(q?"*":"")),c.createElement(a,{sx:{display:"flex"}},c.createElement(a,{"aria-describedby":W,sx:{cursor:"pointer"},onClick:function(e){return F(e.currentTarget)}},c.createElement(j,{color:w,backgroundColor:n,paddingY:O,paddingX:T,width:h,label:n}))),c.createElement(l,{sx:{marginTop:"10px"},id:W,open:I,anchorEl:A,onClose:function(){return F(null)},anchorOrigin:{vertical:"bottom",horizontal:"left"}},c.createElement(a,null,c.createElement(s,{width:b,color:n,onChange:function(e){return r(e.hex)}}))))}})},B=["form","name","label","required","disabled","options","valueKey","labelKey","maxLength","autofocus","noOptionsText"],P=function(t){var r=t.form,n=t.name,o=t.label,i=t.required,a=void 0!==i&&i,l=t.disabled,s=void 0!==l&&l,f=t.options,v=void 0===f?[]:f,h=t.valueKey,p=void 0===h?"id":h;t.labelKey;var b=t.maxLength,x=void 0===b?255:b,w=t.autofocus,E=void 0!==w&&w,O=t.noOptionsText,L=void 0===O?"Δεν υπάρχουν επιλογές":O,T=g(t,B),S=y(c.useState(null),2),q=S[0],j=S[1],k=r.watch(n);c.useEffect((function(){j(v.find((function(e){return e[p]===k}))||null)}),[k]);var C=r.control,P=r.formState.errors;return c.createElement(d,{name:n,control:C,rules:{required:a,disabled:s},render:function(t){var r=t.field,i=r.onChange,l=r.onBlur;return r.value,c.createElement(u,{value:q,required:a,onChange:function(e,t){return i(t?t[p]:null)},options:v,isOptionEqualToValue:function(e,t){return e[p]===t[p]},noOptionsText:L,renderInput:function(t){var r,i;return c.createElement(e,m({label:o,required:a,disabled:s,autoFocus:E,inputProps:{maxLength:x},error:Boolean(null===(r=P[n])||void 0===r?void 0:r.message),onBlur:l,variant:"outlined",fullWidth:!0,helperText:null===(i=P[n])||void 0===i?void 0:i.message},t,T))}})}})},_=["form","name","label","optionsUrl","valueKey","labelKey","minChars","required","disabled","maxLength","autofocus","loadingText","noOptionsText","placeholder","size"],A=function(t){var r=t.form,n=t.name,o=t.label,i=t.optionsUrl,a=t.valueKey,l=void 0===a?"id":a,s=t.labelKey,h=void 0===s?"label":s,b=t.minChars,x=void 0===b?2:b,w=t.required,E=void 0!==w&&w,O=t.disabled,L=void 0!==O&&O,T=t.maxLength,S=void 0===T?255:T,q=t.autofocus,j=void 0!==q&&q,k=t.loadingText,C=void 0===k?"Ανάκτηση...":k,B=t.noOptionsText,P=void 0===B?"Δεν υπάρχουν επιλογές":B,A=t.placeholder,F=void 0===A?"":A,I=t.size,W=void 0===I?"medium":I,G=g(t,_),K=y(c.useState(null),2),N=K[0],z=K[1],Y=y(c.useState([]),2),V=Y[0],X=Y[1],U=y(c.useState(!1),2),R=U[0],M=U[1],$=y(c.useState(""),2),D=$[0],H=$[1],J=r.watch(n),Q=r.control,Z=r.formState;r.setValue,r.getValues;var ee=Z.errors;c.useState((function(){if(console.log(V.length,J),0===V.length&&J){var e=function(){var e=p(v().mark((function e(){var t;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return M(!0),e.next=3,f.get("".concat(i,"?id=").concat(J));case 3:t=e.sent,X(t.data),z(t.data.find((function(e){return e[l]===J}))||null),M(!1);case 7:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();e()}}),[]),c.useEffect((function(){z(V.find((function(e){return e[l]===J}))||null)}),[J]),c.useEffect((function(){re()}),[D]);var te=function(e,t){H(t)},re=function(){var e=p(v().mark((function e(){var t;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(D.length<x)){e.next=4;break}return X([]),M(!1),e.abrupt("return");case 4:return M(!0),e.next=7,f.get("".concat(i,"?token=").concat(D));case 7:t=e.sent,X(t.data),M(!1);case 10:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return c.createElement(d,{name:n,control:Q,rules:{required:E,disabled:L},render:function(t){var r,i,a,d=t.field,s=d.onChange,f=d.onBlur;return d.value,c.createElement(u,{value:N,options:V,onInputChange:(r=te,i=300,function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];a&&clearTimeout(a),a=setTimeout((function(){r.apply(void 0,t)}),i)}),onChange:function(e,t){return s(t?t[l]:null)},isOptionEqualToValue:function(e,t){return e[l]===t[l]},getOptionLabel:function(e){return e[h]},filterOptions:function(e){return e},noOptionsText:P,loadingText:C,loading:R,required:E,size:W,renderInput:function(t){var r,i;return c.createElement(e,m({label:o,required:E,disabled:L,autoFocus:j,placeholder:F,inputProps:{maxLength:S},error:Boolean(null===(r=ee[n])||void 0===r?void 0:r.message),onBlur:f,variant:"outlined",fullWidth:!0,helperText:null===(i=ee[n])||void 0===i?void 0:i.message,size:W},t,G))},renderOption:function(e,t,r){return c.createElement("li",m({},e,{key:t[l]}),t[h])}})}})};export{A as MyAutocompleteApiField,P as MyAutocompleteField,C as MyColorPickerField,T as MyEmailField,O as MyPasswordField,q as MySwitchField,w as MyTextField};
|
package/modals/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import{TextField as t,Typography as n,Autocomplete as r,Dialog as o,DialogTitle as l,DialogContent as a,DialogActions as i,Button as u,Stack as d,DialogContentText as c}from"@mui/material";import{Controller as s,useForm as m}from"react-hook-form";import{yupResolver as f}from"@hookform/resolvers/yup";import*as v from"yup";import{ChromePicker as p}from"react-color";function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function h(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},l=Object.keys(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function E(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,i=[],u=!0,d=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){d=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(d)throw o}}return i}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return g(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return g(e,t)}(e,t)||function(){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 g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var y=["form","name","label","maxLength","required","disabled","autofocus"],x=function(n){var r=n.form,o=n.name,l=n.label,a=n.maxLength,i=void 0===a?255:a,u=n.required,d=void 0!==u&&u,c=n.disabled,m=void 0!==c&&c,f=n.autofocus,v=void 0!==f&&f,p=h(n,y),E=r.control,g=r.formState.errors;return e.createElement(s,{name:o,control:E,rules:{required:d,disabled:m},render:function(n){var r,a,u=n.field,c=u.onChange,s=u.onBlur,f=u.value;return e.createElement(t,b({required:d,label:l,value:f,onChange:c,onBlur:s,error:Boolean(null===(r=g[o])||void 0===r?void 0:r.message),fullWidth:!0,helperText:null===(a=g[o])||void 0===a?void 0:a.message,variant:"outlined",disabled:m,autoFocus:v,inputProps:{maxLength:i}},p))}})},C=["form","name","label","required","disabled","autofocus"],q=function(n){var r=n.form,o=n.name,l=void 0===o?"email":o,a=n.label,i=void 0===a?"E-mail":a,u=n.required,d=void 0===u||u,c=n.disabled,m=void 0!==c&&c,f=n.autofocus,v=void 0!==f&&f,p=h(n,C),E=r.control,g=r.formState.errors;return e.createElement(s,{name:l,control:E,rules:{required:d,disabled:m},render:function(n){var r,o,a=n.field,u=a.onChange,c=a.onBlur,s=a.value;return e.createElement(t,b({required:d,label:i,value:s,onChange:u,onBlur:c,error:Boolean(null===(r=g[l])||void 0===r?void 0:r.message),fullWidth:!0,helperText:null===(o=g[l])||void 0===o?void 0:o.message,variant:"outlined",disabled:m,autoFocus:v},p))}})},w=function(t){var r=t.label,o=void 0===r?"":r,l=t.color,a=void 0===l?"white":l,i=t.backgroundColor,u=void 0===i?"#888888":i,d=t.paddingX,c=void 0===d?"10px":d,s=t.paddingY,m=void 0===s?"5px":s,f=t.borderRadius,v=void 0===f?"10px":f,p=t.fontSize,b=void 0===p?"14px":p,h=t.width,E={text:{display:"inline-block",textAlign:"center",backgroundColor:u,paddingX:c,paddingY:m,borderRadius:v,width:void 0===h?"auto":h,color:a,fontSize:b}};return e.createElement(n,{sx:E.text},o)},S=["form","name","label","required","disabled","options","valueKey","labelKey","maxLength","autofocus","noOptionsText"],k=function(n){var o=n.form,l=n.name,a=n.label,i=n.required,u=void 0!==i&&i,d=n.disabled,c=void 0!==d&&d,m=n.options,f=void 0===m?[]:m,v=n.valueKey,p=void 0===v?"id":v;n.labelKey;var g=n.maxLength,y=void 0===g?255:g,x=n.autofocus,C=void 0!==x&&x,q=n.noOptionsText,w=void 0===q?"Δεν υπάρχουν επιλογές":q,k=h(n,S),O=E(e.useState(null),2),T=O[0],L=O[1],j=o.watch(l);e.useEffect((function(){L(f.find((function(e){return e[p]===j}))||null)}),[j]);var B=o.control,K=o.formState.errors;return e.createElement(s,{name:l,control:B,rules:{required:u,disabled:c},render:function(n){var o=n.field,i=o.onChange,d=o.onBlur;return o.value,e.createElement(r,{value:T,required:u,onChange:function(e,t){return i(t?t[p]:null)},options:f,isOptionEqualToValue:function(e,t){return e[p]===t[p]},noOptionsText:w,renderInput:function(n){var r,o;return e.createElement(t,b({label:a,required:u,disabled:c,autoFocus:C,inputProps:{maxLength:y},error:Boolean(null===(r=K[l])||void 0===r?void 0:r.message),onBlur:d,variant:"outlined",fullWidth:!0,helperText:null===(o=K[l])||void 0===o?void 0:o.message},n,k))}})}})},O=function(t){var n=t.open,r=t.title,d=t.label,c=t.value,s=t.onSubmit,p=t.onCancel,b=t.width,h=void 0===b?500:b,E=t.required,g=void 0===E||E,y=t.requiredMessage,C=void 0===y?"Υποχρεωτικό πεδίο":y,q=t.okLabel,w=void 0===q?"ΚΑΤΑΧΩΡΗΣΗ":q,S=t.cancelLabel,k=void 0===S?"ΑΚΥΡΩΣΗ":S,O=t.maxLength,T=void 0===O?255:O,L={textField:c||""},j=v.object({textField:g?v.string().max(T,"Παρακαλώ πληκτρολογείστε μέχρι ".concat(T," χαρακτήρες")).required(C):v.string().max(T)}),B=m({defaultValues:L,resolver:f(j)});return e.useEffect((function(){n&&(B.clearErrors(),B.setValue("textField",c,{shouldValidate:!1,shouldDirty:!1,shouldTouch:!1}))}),[n,c]),e.createElement(o,{open:n,onClose:function(){},onKeyDown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code||(e.preventDefault(),B.handleSubmit(s)())},disableRestoreFocus:!0},e.createElement(l,null,r),e.createElement(a,null,e.createElement(x,{form:B,name:"textField",label:d,required:g,autofocus:!0,maxLength:T,sx:{width:h,marginTop:2}})),e.createElement(i,null,e.createElement(u,{color:"success",onClick:B.handleSubmit(s)},w),e.createElement(u,{color:"error",onClick:function(){return p()}},k)))},T=/^$|^(([^<>()\[\]\\.,;:\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,}))$/,L=function(t){var n=t.open,r=t.title,d=t.label,c=t.value,s=t.onSubmit,p=t.onCancel,b=t.width,h=void 0===b?500:b,E=t.required,g=void 0===E||E,y=t.requiredMessage,x=void 0===y?"Υποχρεωτικό πεδίο":y,C=t.okLabel,w=void 0===C?"ΚΑΤΑΧΩΡΗΣΗ":C,S=t.cancelLabel,k=void 0===S?"ΑΚΥΡΩΣΗ":S,O=t.maxLength,L=void 0===O?255:O,j={email:c||""},B=v.object({email:g?v.string().matches(T,"Μη έγκυρη μορφή Email").required(x):v.string().matches(T,"Μη έγκυρη μορφή Email")}),K=m({defaultValues:j,resolver:f(B)});return e.useEffect((function(){n&&(K.clearErrors(),K.setValue("email",c,{shouldValidate:!1,shouldDirty:!1,shouldTouch:!1}))}),[n,c]),e.createElement(o,{open:n,onClose:function(){},onKeyDown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code||(e.preventDefault(),K.handleSubmit(s)())},disableRestoreFocus:!0},e.createElement(l,null,r),e.createElement(a,null,e.createElement(q,{form:K,label:d,required:g,autofocus:!0,maxLength:L,sx:{width:h,marginTop:2}})),e.createElement(i,null,e.createElement(u,{color:"success",onClick:K.handleSubmit(s)},w),e.createElement(u,{color:"error",onClick:function(){return p()}},k)))};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".chrome-picker {\r\n -webkit-box-shadow: none !important;\r\n -moz-box-shadow: none !important;\r\n box-shadow: none !important;\r\n}");var j=function(t){var n=t.open,r=t.onSubmit,c=t.onCancel,s=t.title,m=void 0===s?"Επιλογή Χρώματος":s,f=t.color,v=void 0===f?"#000000":f,b=t.pickerWidth,h=void 0===b?350:b,g=t.selectionTextColor,y=void 0===g?"white":g,x=t.paddingY,C=void 0===x?"10px":x,q=t.paddingX,S=void 0===q?"10px":q,k=t.okLabel,O=void 0===k?"ΚΑΤΑΧΩΡΗΣΗ":k,T=t.cancelLabel,L=void 0===T?"ΑΚΥΡΩΣΗ":T,j=E(e.useState("#000000"),2),B=j[0],K=j[1];e.useEffect((function(){n&&K(v)}),[n,v]);return e.createElement(o,{open:n,onClose:function(){},onKeyDown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code||(e.preventDefault(),form.handleSubmit(r)())}},e.createElement(l,null,m),e.createElement(a,null,e.createElement(d,{gap:2},e.createElement(w,{color:y,backgroundColor:B,paddingX:S,paddingY:C,label:B}),e.createElement(p,{width:h,color:B,onChange:function(e){return K(e.hex)}}))),e.createElement(i,null,e.createElement(u,{color:"success",onClick:function(){return r(B)}},O),e.createElement(u,{color:"error",onClick:function(){return c()}},L)))},B=function(t){var n=t.open,r=t.title,d=t.label,c=t.value,s=t.onSubmit,p=t.onCancel,b=t.options,h=void 0===b?[]:b,E=t.valueKey,g=void 0===E?"id":E,y=t.labelKey,x=void 0===y?"label":y,C=t.required,q=void 0===C||C,w=t.width,S=void 0===w?500:w,O=t.requiredMessage,T=void 0===O?"Υποχρεωτικό πεδίο":O,L=t.okLabel,j=void 0===L?"ΚΑΤΑΧΩΡΗΣΗ":L,B=t.cancelLabel,K=void 0===B?"ΑΚΥΡΩΣΗ":B,A={field:c||null},V=v.object({field:q?v.string().required(T):v.string().nullable()}),D=m({defaultValues:A,resolver:f(V)});return e.useEffect((function(){n&&(D.clearErrors(),D.setValue("field",c,{shouldValidate:!1,shouldDirty:!1,shouldTouch:!1}))}),[n,c]),e.createElement(o,{open:n,onClose:function(){}},e.createElement(l,null,r),e.createElement(a,null,e.createElement(k,{form:D,name:"field",label:d,options:h,valueKey:g,labelKey:x,required:q,autofocus:!0,sx:{width:S,marginTop:2}})),e.createElement(i,null,e.createElement(u,{color:"success",onClick:D.handleSubmit(s)},j),e.createElement(u,{color:"error",onClick:function(){return p()}},K)))},K=function(t){var n=t.open,r=t.title,d=t.message,s=t.onConfirm,m=t.onCancel,f=t.confirmText,v=void 0===f?"ΕΠΙΒΕΒΑΙΩΣΗ":f,p=t.cancelText,b=void 0===p?"ΑΚΥΡΩΣΗ":p;return e.createElement(o,{open:n,onClose:function(){}},e.createElement(l,null,r),e.createElement(a,null,e.createElement(c,null,d)),e.createElement(i,null,e.createElement(u,{color:"success",onClick:s},v),e.createElement(u,{color:"error",onClick:m},b)))};export{B as AutocompleteModalForm,K as ConfirmationDialog,L as EmailModalForm,j as PickColorModalForm,O as TextModalForm};
|
|
1
|
+
import e from"react";import{TextField as t,Typography as n,Autocomplete as r,Dialog as o,DialogTitle as l,DialogContent as a,DialogActions as i,Button as u,Stack as d,DialogContentText as c}from"@mui/material";import{Controller as s,useForm as m}from"react-hook-form";import{yupResolver as f}from"@hookform/resolvers/yup";import*as v from"yup";import{ChromePicker as p}from"react-color";import"axios";import"date-fns";import"date-fns/locale";function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function h(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},l=Object.keys(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function E(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,i=[],u=!0,d=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){d=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(d)throw o}}return i}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return g(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return g(e,t)}(e,t)||function(){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 g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var x=["form","name","label","maxLength","required","disabled","autofocus"],y=function(n){var r=n.form,o=n.name,l=n.label,a=n.maxLength,i=void 0===a?255:a,u=n.required,d=void 0!==u&&u,c=n.disabled,m=void 0!==c&&c,f=n.autofocus,v=void 0!==f&&f,p=h(n,x),E=r.control,g=r.formState.errors;return e.createElement(s,{name:o,control:E,rules:{required:d,disabled:m},render:function(n){var r,a,u=n.field,c=u.onChange,s=u.onBlur,f=u.value;return e.createElement(t,b({required:d,label:l,value:f,onChange:c,onBlur:s,error:Boolean(null===(r=g[o])||void 0===r?void 0:r.message),fullWidth:!0,helperText:null===(a=g[o])||void 0===a?void 0:a.message,variant:"outlined",disabled:m,autoFocus:v,inputProps:{maxLength:i}},p))}})},C=["form","name","label","required","disabled","autofocus"],q=function(n){var r=n.form,o=n.name,l=void 0===o?"email":o,a=n.label,i=void 0===a?"E-mail":a,u=n.required,d=void 0===u||u,c=n.disabled,m=void 0!==c&&c,f=n.autofocus,v=void 0!==f&&f,p=h(n,C),E=r.control,g=r.formState.errors;return e.createElement(s,{name:l,control:E,rules:{required:d,disabled:m},render:function(n){var r,o,a=n.field,u=a.onChange,c=a.onBlur,s=a.value;return e.createElement(t,b({required:d,label:i,value:s,onChange:u,onBlur:c,error:Boolean(null===(r=g[l])||void 0===r?void 0:r.message),fullWidth:!0,helperText:null===(o=g[l])||void 0===o?void 0:o.message,variant:"outlined",disabled:m,autoFocus:v},p))}})},w=function(t){var r=t.label,o=void 0===r?"":r,l=t.color,a=void 0===l?"white":l,i=t.backgroundColor,u=void 0===i?"#888888":i,d=t.paddingX,c=void 0===d?"10px":d,s=t.paddingY,m=void 0===s?"5px":s,f=t.borderRadius,v=void 0===f?"10px":f,p=t.fontSize,b=void 0===p?"14px":p,h=t.width,E={text:{display:"inline-block",textAlign:"center",backgroundColor:u,paddingX:c,paddingY:m,borderRadius:v,width:void 0===h?"auto":h,color:a,fontSize:b}};return e.createElement(n,{sx:E.text},o)},S=["form","name","label","required","disabled","options","valueKey","labelKey","maxLength","autofocus","noOptionsText"],k=function(n){var o=n.form,l=n.name,a=n.label,i=n.required,u=void 0!==i&&i,d=n.disabled,c=void 0!==d&&d,m=n.options,f=void 0===m?[]:m,v=n.valueKey,p=void 0===v?"id":v;n.labelKey;var g=n.maxLength,x=void 0===g?255:g,y=n.autofocus,C=void 0!==y&&y,q=n.noOptionsText,w=void 0===q?"Δεν υπάρχουν επιλογές":q,k=h(n,S),O=E(e.useState(null),2),T=O[0],L=O[1],j=o.watch(l);e.useEffect((function(){L(f.find((function(e){return e[p]===j}))||null)}),[j]);var B=o.control,K=o.formState.errors;return e.createElement(s,{name:l,control:B,rules:{required:u,disabled:c},render:function(n){var o=n.field,i=o.onChange,d=o.onBlur;return o.value,e.createElement(r,{value:T,required:u,onChange:function(e,t){return i(t?t[p]:null)},options:f,isOptionEqualToValue:function(e,t){return e[p]===t[p]},noOptionsText:w,renderInput:function(n){var r,o;return e.createElement(t,b({label:a,required:u,disabled:c,autoFocus:C,inputProps:{maxLength:x},error:Boolean(null===(r=K[l])||void 0===r?void 0:r.message),onBlur:d,variant:"outlined",fullWidth:!0,helperText:null===(o=K[l])||void 0===o?void 0:o.message},n,k))}})}})},O=function(t){var n=t.open,r=t.title,d=t.label,c=t.value,s=t.onSubmit,p=t.onCancel,b=t.width,h=void 0===b?500:b,E=t.required,g=void 0===E||E,x=t.requiredMessage,C=void 0===x?"Υποχρεωτικό πεδίο":x,q=t.okLabel,w=void 0===q?"ΚΑΤΑΧΩΡΗΣΗ":q,S=t.cancelLabel,k=void 0===S?"ΑΚΥΡΩΣΗ":S,O=t.maxLength,T=void 0===O?255:O,L={textField:c||""},j=v.object({textField:g?v.string().max(T,"Παρακαλώ πληκτρολογείστε μέχρι ".concat(T," χαρακτήρες")).required(C):v.string().max(T)}),B=m({defaultValues:L,resolver:f(j)});return e.useEffect((function(){n&&(B.clearErrors(),B.setValue("textField",c,{shouldValidate:!1,shouldDirty:!1,shouldTouch:!1}))}),[n,c]),e.createElement(o,{open:n,onClose:function(){},onKeyDown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code||(e.preventDefault(),B.handleSubmit(s)())},disableRestoreFocus:!0},e.createElement(l,null,r),e.createElement(a,null,e.createElement(y,{form:B,name:"textField",label:d,required:g,autofocus:!0,maxLength:T,sx:{width:h,marginTop:2}})),e.createElement(i,null,e.createElement(u,{color:"success",onClick:B.handleSubmit(s)},w),e.createElement(u,{color:"error",onClick:function(){return p()}},k)))},T=/^$|^(([^<>()\[\]\\.,;:\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,}))$/,L=function(t){var n=t.open,r=t.title,d=t.label,c=t.value,s=t.onSubmit,p=t.onCancel,b=t.width,h=void 0===b?500:b,E=t.required,g=void 0===E||E,x=t.requiredMessage,y=void 0===x?"Υποχρεωτικό πεδίο":x,C=t.okLabel,w=void 0===C?"ΚΑΤΑΧΩΡΗΣΗ":C,S=t.cancelLabel,k=void 0===S?"ΑΚΥΡΩΣΗ":S,O=t.maxLength,L=void 0===O?255:O,j={email:c||""},B=v.object({email:g?v.string().matches(T,"Μη έγκυρη μορφή Email").required(y):v.string().matches(T,"Μη έγκυρη μορφή Email")}),K=m({defaultValues:j,resolver:f(B)});return e.useEffect((function(){n&&(K.clearErrors(),K.setValue("email",c,{shouldValidate:!1,shouldDirty:!1,shouldTouch:!1}))}),[n,c]),e.createElement(o,{open:n,onClose:function(){},onKeyDown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code||(e.preventDefault(),K.handleSubmit(s)())},disableRestoreFocus:!0},e.createElement(l,null,r),e.createElement(a,null,e.createElement(q,{form:K,label:d,required:g,autofocus:!0,maxLength:L,sx:{width:h,marginTop:2}})),e.createElement(i,null,e.createElement(u,{color:"success",onClick:K.handleSubmit(s)},w),e.createElement(u,{color:"error",onClick:function(){return p()}},k)))};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".chrome-picker {\r\n -webkit-box-shadow: none !important;\r\n -moz-box-shadow: none !important;\r\n box-shadow: none !important;\r\n}");var j=function(t){var n=t.open,r=t.onSubmit,c=t.onCancel,s=t.title,m=void 0===s?"Επιλογή Χρώματος":s,f=t.color,v=void 0===f?"#000000":f,b=t.pickerWidth,h=void 0===b?350:b,g=t.selectionTextColor,x=void 0===g?"white":g,y=t.paddingY,C=void 0===y?"10px":y,q=t.paddingX,S=void 0===q?"10px":q,k=t.okLabel,O=void 0===k?"ΚΑΤΑΧΩΡΗΣΗ":k,T=t.cancelLabel,L=void 0===T?"ΑΚΥΡΩΣΗ":T,j=E(e.useState("#000000"),2),B=j[0],K=j[1];e.useEffect((function(){n&&K(v)}),[n,v]);return e.createElement(o,{open:n,onClose:function(){},onKeyDown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code||(e.preventDefault(),form.handleSubmit(r)())}},e.createElement(l,null,m),e.createElement(a,null,e.createElement(d,{gap:2},e.createElement(w,{color:x,backgroundColor:B,paddingX:S,paddingY:C,label:B}),e.createElement(p,{width:h,color:B,onChange:function(e){return K(e.hex)}}))),e.createElement(i,null,e.createElement(u,{color:"success",onClick:function(){return r(B)}},O),e.createElement(u,{color:"error",onClick:function(){return c()}},L)))},B=function(t){var n=t.open,r=t.title,d=t.label,c=t.value,s=t.onSubmit,p=t.onCancel,b=t.options,h=void 0===b?[]:b,E=t.valueKey,g=void 0===E?"id":E,x=t.labelKey,y=void 0===x?"label":x,C=t.required,q=void 0===C||C,w=t.width,S=void 0===w?500:w,O=t.requiredMessage,T=void 0===O?"Υποχρεωτικό πεδίο":O,L=t.okLabel,j=void 0===L?"ΚΑΤΑΧΩΡΗΣΗ":L,B=t.cancelLabel,K=void 0===B?"ΑΚΥΡΩΣΗ":B,A={field:c||null},V=v.object({field:q?v.string().required(T):v.string().nullable()}),D=m({defaultValues:A,resolver:f(V)});return e.useEffect((function(){n&&(D.clearErrors(),D.setValue("field",c,{shouldValidate:!1,shouldDirty:!1,shouldTouch:!1}))}),[n,c]),e.createElement(o,{open:n,onClose:function(){}},e.createElement(l,null,r),e.createElement(a,null,e.createElement(k,{form:D,name:"field",label:d,options:h,valueKey:g,labelKey:y,required:q,autofocus:!0,sx:{width:S,marginTop:2}})),e.createElement(i,null,e.createElement(u,{color:"success",onClick:D.handleSubmit(s)},j),e.createElement(u,{color:"error",onClick:function(){return p()}},K)))},K=function(t){var n=t.open,r=t.title,d=t.message,s=t.onConfirm,m=t.onCancel,f=t.confirmText,v=void 0===f?"ΕΠΙΒΕΒΑΙΩΣΗ":f,p=t.cancelText,b=void 0===p?"ΑΚΥΡΩΣΗ":p;return e.createElement(o,{open:n,onClose:function(){}},e.createElement(l,null,r),e.createElement(a,null,e.createElement(c,null,d)),e.createElement(i,null,e.createElement(u,{color:"success",onClick:s},v),e.createElement(u,{color:"error",onClick:m},b)))};export{B as AutocompleteModalForm,K as ConfirmationDialog,L as EmailModalForm,j as PickColorModalForm,O as TextModalForm};
|