@artibet/react-mui-components 2.1.1 → 2.2.0

package/modals/index.js

@@ -0,0 +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};

package/package.json

@@ -1,66 +1,67 @@
 {
-  "name": "@artibet/react-mui-components",
-  "version": "2.1.1",
-  "description": "Various react components build with mui library",
-  "main": "./core/index.js",
-  "scripts": {
-    "rollup": "rollup -c"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/artibet/react-mui-components.git"
-  },
-  "keywords": [
-    "react",
-    "mui",
-    "components"
-  ],
-  "author": "Tsakiridis Sotiris",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/artibet/react-mui-components/issues"
-  },
-  "homepage": "https://github.com/artibet/react-mui-components#readme",
-  "peerDependencies": {
-    "@emotion/react": "^11.11.1",
-    "@emotion/styled": "^11.11.0",
-    "@fontsource/roboto": "^5.0.8",
-    "@hookform/resolvers": "^3.2.0",
-    "@mui/icons-material": "^5.14.7",
-    "@mui/material": "^5.14.7",
-    "date-fns": "^2.30.0",
-    "nprogress": "^0.2.0",
-    "react": "^18.2.0",
-    "react-color": "^2.19.3",
-    "react-dom": "^18.2.0",
-    "react-hook-form": "^7.45.4",
-    "yup": "^1.2.0"
-  },
-  "files": [
-    "core",
-    "hooks",
-    "utils"
-  ],
-  "devDependencies": {
-    "@babel/core": "^7.22.11",
-    "@babel/plugin-transform-runtime": "^7.22.10",
-    "@babel/preset-env": "^7.22.14",
-    "@babel/preset-react": "^7.22.5",
-    "@babel/preset-typescript": "^7.22.11",
-    "@hookform/resolvers": "^3.2.0",
-    "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-commonjs": "^25.0.4",
-    "@rollup/plugin-node-resolve": "^15.2.1",
-    "@rollup/plugin-terser": "^0.4.3",
-    "@rollup/plugin-typescript": "^11.1.3",
-    "rollup-plugin-postcss": "^4.0.2",
-    "date-fns": "^2.30.0",
-    "nprogress": "^0.2.0",
-    "react-color": "^2.19.3",
-    "react-hook-form": "^7.45.4",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "typescript": "^5.2.2",
-    "yup": "^1.2.0"
-  },
-  "dependencies": {}
+    "name": "@artibet/react-mui-components",
+    "version": "2.2.0",
+    "description": "Various react components build with mui library",
+    "main": "./core/index.js",
+    "scripts": {
+        "rollup": "rollup -c"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/artibet/react-mui-components.git"
+    },
+    "keywords": [
+        "react",
+        "mui",
+        "components"
+    ],
+    "author": "Tsakiridis Sotiris",
+    "license": "ISC",
+    "bugs": {
+        "url": "https://github.com/artibet/react-mui-components/issues"
+    },
+    "homepage": "https://github.com/artibet/react-mui-components#readme",
+    "peerDependencies": {
+        "@emotion/react": "^11.11.1",
+        "@emotion/styled": "^11.11.0",
+        "@fontsource/roboto": "^5.0.8",
+        "@hookform/resolvers": "^3.2.0",
+        "@mui/icons-material": "^5.14.7",
+        "@mui/material": "^5.14.7",
+        "date-fns": "^2.30.0",
+        "nprogress": "^0.2.0",
+        "react": "^18.2.0",
+        "react-color": "^2.19.3",
+        "react-dom": "^18.2.0",
+        "react-hook-form": "^7.45.4",
+        "yup": "^1.2.0"
+    },
+    "files": [
+        "core",
+        "hooks",
+        "utils",
+        "modals"
+    ],
+    "devDependencies": {
+        "@babel/core": "^7.22.11",
+        "@babel/plugin-transform-runtime": "^7.22.10",
+        "@babel/preset-env": "^7.22.14",
+        "@babel/preset-react": "^7.22.5",
+        "@babel/preset-typescript": "^7.22.11",
+        "@hookform/resolvers": "^3.2.0",
+        "@rollup/plugin-babel": "^6.0.3",
+        "@rollup/plugin-commonjs": "^25.0.4",
+        "@rollup/plugin-node-resolve": "^15.2.1",
+        "@rollup/plugin-terser": "^0.4.3",
+        "@rollup/plugin-typescript": "^11.1.3",
+        "rollup-plugin-postcss": "^4.0.2",
+        "date-fns": "^2.30.0",
+        "nprogress": "^0.2.0",
+        "react-color": "^2.19.3",
+        "react-hook-form": "^7.45.4",
+        "rollup-plugin-peer-deps-external": "^2.2.4",
+        "typescript": "^5.2.2",
+        "yup": "^1.2.0"
+    },
+    "dependencies": {}
 }