@artibet/react-mui-components 2.2.0 → 2.3.0

package/form-fields/index.js

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

package/package.json

@@ -1,67 +1,68 @@
 {
-    "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": {}
+  "name": "@artibet/react-mui-components",
+  "version": "2.3.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",
+    "form-fields"
+  ],
+  "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": {}
 }