@artibet/react-mui-components 1.2.0 → 1.4.0

package/dist/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material"),o=require("react"),t=require("@mui/icons-material");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(o),d=function(o){var t=o.label,r=void 0===t?"":t,d=o.color,n=void 0===d?"white":d,a=o.backgroundColor,l=void 0===a?"#888888":a,u=o.paddingX,s=void 0===u?"10px":u,c=o.paddingY,p=void 0===c?"5px":c,f=o.borderRadius,v=void 0===f?"10px":f,x=o.fontSize,g=void 0===x?"14px":x,h=o.width,b={text:{display:"inline-block",textAlign:"center",backgroundColor:l,paddingX:s,paddingY:p,borderRadius:v,width:void 0===h?"auto":h,color:n,fontSize:g}};return i.default.createElement(e.Typography,{sx:b.text},r)};exports.MyChip=d,exports.StatusIcon=function(e){var o=e.on,r=e.showOn,d=void 0===r||r,n=e.showOff,a=void 0===n||n,l=e.size,u=void 0===l?24:l;return Boolean(o)?d?i.default.createElement(t.Done,{color:"success",sx:{fontSize:u}}):null:a?i.default.createElement(t.Close,{color:"error",sx:{fontSize:u}}):null},exports.YesNoChip=function(e){var o=e.status,t=e.showYes,r=void 0===t||t;e.showNo;var n=e.width,a=void 0===n?80:n;return Boolean(o)?r&&i.default.createElement(d,{label:"ΝΑΙ",backgroundColor:"green",fontSize:"12px",paddingX:"5px",width:a}):r&&i.default.createElement(d,{label:"ΟΧΙ",backgroundColor:"red",fontSize:"12px",paddingX:"5px",width:a})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material"),r=require("react"),t=require("@mui/icons-material"),o=require("react-hook-form"),n=require("react-color");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=l(r),i=function(r){var t=r.label,o=void 0===t?"":t,n=r.color,l=void 0===n?"white":n,i=r.backgroundColor,u=void 0===i?"#888888":i,d=r.paddingX,c=void 0===d?"10px":d,s=r.paddingY,f=void 0===s?"5px":s,v=r.borderRadius,m=void 0===v?"10px":v,p=r.fontSize,b=void 0===p?"14px":p,h=r.width,g={text:{display:"inline-block",textAlign:"center",backgroundColor:u,paddingX:c,paddingY:f,borderRadius:m,width:void 0===h?"auto":h,color:l,fontSize:b}};return a.default.createElement(e.Typography,{sx:g.text},o)};function u(){return u=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},u.apply(this,arguments)}function d(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},l=Object.keys(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}function c(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,n,l,a,i=[],u=!0,d=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;u=!1}else for(;!(u=(o=l.call(t)).done)&&(i.push(o.value),i.length!==r);u=!0);}catch(e){d=!0,n=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(d)throw n}}return i}}(e,r)||function(e,r){if(!e)return;if("string"==typeof e)return s(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return s(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 s(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,o=new Array(r);t<r;t++)o[t]=e[t];return o}var f=["form","name","label","maxLength","required","disabled","autofocus"],v=["form","name","label","required","disabled","autofocus"],m=["form","name","label","required","disabled","autofocus"],p=["form","name","label","disabled"],b=["form","name","label","selectionWidth","pickerWidth","selectionTextColor","paddingY","paddingX","required","disabled"],h=["form","name","label","required","disabled","options","valueKey","labelKey","maxLength","autofocus","noOptionsText"];exports.MyAutocompleteField=function(r){var t=r.form,n=r.name,l=r.label,i=r.required,s=void 0!==i&&i,f=r.disabled,v=void 0!==f&&f,m=r.options,p=void 0===m?[]:m,b=r.valueKey,g=void 0===b?"id":b;r.labelKey;var x=r.maxLength,y=void 0===x?255:x,E=r.autofocus,C=void 0!==E&&E,w=r.noOptionsText,O=void 0===w?"Δεν υπάρχουν επιλογές":w,q=d(r,h),S=c(a.default.useState(null),2),B=S[0],k=S[1],T=t.watch(n);a.default.useEffect((function(){k(p.find((function(e){return e[g]===T}))||null)}),[T]);var F=t.control,j=t.formState.errors;return a.default.createElement(o.Controller,{name:n,control:F,rules:{required:s,disabled:v},render:function(r){var t=r.field,o=t.onChange,i=t.onBlur;return t.value,a.default.createElement(e.Autocomplete,{value:B,required:s,onChange:function(e,r){return o(r?r[g]:null)},options:p,isOptionEqualToValue:function(e,r){return e[g]===r[g]},noOptionsText:O,renderInput:function(r){var t,o;return a.default.createElement(e.TextField,u({label:l,required:s,disabled:v,autoFocus:C,inputProps:{maxLength:y},error:Boolean(null===(t=j[n])||void 0===t?void 0:t.message),onBlur:i,variant:"outlined",fullWidth:!0,helperText:null===(o=j[n])||void 0===o?void 0:o.message},r,q))}})}})},exports.MyChip=i,exports.MyColorPickerField=function(r){var t=r.form,l=r.name,s=void 0===l?"color":l,f=r.label,v=void 0===f?"Επιλογή Χρώματος":f,m=r.selectionWidth,p=void 0===m?70:m,h=r.pickerWidth,g=void 0===h?350:h,x=r.selectionTextColor,y=void 0===x?"white":x,E=r.paddingY,C=void 0===E?"10px":E,w=r.paddingX,O=void 0===w?"10px":w,q=r.required,S=void 0!==q&&q,B=r.disabled,k=void 0!==B&&B,T=d(r,b),F=c(a.default.useState(null),2),j=F[0],P=F[1],A=Boolean(j),M=A?"color-picker":void 0,z=t.control;return a.default.createElement(o.Controller,{name:s,control:z,rules:{disabled:k},render:function(r){var t=r.field,o=t.onChange;t.onBlur;var l=t.value;return a.default.createElement(e.Stack,u({gap:1},T),a.default.createElement(e.Typography,null,"".concat(v," ").concat(S?"*":"")),a.default.createElement(e.Box,{sx:{display:"flex"}},a.default.createElement(e.Box,{"aria-describedby":M,sx:{cursor:"pointer"},onClick:function(e){return P(e.currentTarget)}},a.default.createElement(i,{color:y,backgroundColor:l,paddingY:C,paddingX:O,width:p,label:l}))),a.default.createElement(e.Popover,{sx:{marginTop:"10px"},id:M,open:A,anchorEl:j,onClose:function(){return P(null)},anchorOrigin:{vertical:"bottom",horizontal:"left"}},a.default.createElement(e.Box,null,a.default.createElement(n.ChromePicker,{width:g,color:l,onChange:function(e){return o(e.hex)}}))))}})},exports.MyEmailField=function(r){var t=r.form,n=r.name,l=void 0===n?"email":n,i=r.label,c=void 0===i?"E-mail":i,s=r.required,f=void 0===s||s,v=r.disabled,p=void 0!==v&&v,b=r.autofocus,h=void 0!==b&&b,g=d(r,m),x=t.control,y=t.formState.errors;return a.default.createElement(o.Controller,{name:l,control:x,rules:{required:f,disabled:p},render:function(r){var t,o,n=r.field,i=n.onChange,d=n.onBlur,s=n.value;return a.default.createElement(e.TextField,u({required:f,label:c,value:s,onChange:i,onBlur:d,error:Boolean(null===(t=y[l])||void 0===t?void 0:t.message),fullWidth:!0,helperText:null===(o=y[l])||void 0===o?void 0:o.message,variant:"outlined",disabled:p,autoFocus:h},g))}})},exports.MyPasswordField=function(r){var t=r.form,n=r.name,l=void 0===n?"password":n,i=r.label,c=void 0===i?"Κωδικός Πρόσβασης":i,s=r.required,f=void 0===s||s,m=r.disabled,p=void 0!==m&&m,b=r.autofocus,h=void 0!==b&&b,g=d(r,v),x=t.control,y=t.formState.errors;return a.default.createElement(o.Controller,{name:l,control:x,rules:{required:f,disabled:p},render:function(r){var t,o,n=r.field,i=n.onChange,d=n.onBlur,s=n.value;return a.default.createElement(e.TextField,u({required:f,label:c,value:s,onChange:i,onBlur:d,error:Boolean(null===(t=y[l])||void 0===t?void 0:t.message),fullWidth:!0,helperText:null===(o=y[l])||void 0===o?void 0:o.message,variant:"outlined",disabled:p,autoFocus:h,type:"password"},g))}})},exports.MySwitchField=function(r){var t=r.form,n=r.name,l=r.label,i=r.disabled,u=void 0!==i&&i,c=d(r,p),s=t.control;return a.default.createElement(o.Controller,{name:n,control:s,rules:{disabled:u},render:function(r){var o=r.field;o.onChange,o.onBlur;var i=o.value;return a.default.createElement(e.FormGroup,c,a.default.createElement(e.FormControlLabel,{control:a.default.createElement(e.Switch,{checked:Boolean(i),onChange:function(e){return t.setValue(n,e.target.checked)},inputProps:{"aria-label":l}}),label:l}))}})},exports.MyTextField=function(r){var t=r.form,n=r.name,l=r.label,i=r.maxLength,c=void 0===i?255:i,s=r.required,v=void 0!==s&&s,m=r.disabled,p=void 0!==m&&m,b=r.autofocus,h=void 0!==b&&b,g=d(r,f),x=t.control,y=t.formState.errors;return a.default.createElement(o.Controller,{name:n,control:x,rules:{required:v,disabled:p},render:function(r){var t,o,i=r.field,d=i.onChange,s=i.onBlur,f=i.value;return a.default.createElement(e.TextField,u({required:v,label:l,value:f,onChange:d,onBlur:s,error:Boolean(null===(t=y[n])||void 0===t?void 0:t.message),fullWidth:!0,helperText:null===(o=y[n])||void 0===o?void 0:o.message,variant:"outlined",disabled:p,autoFocus:h,inputProps:{maxLength:c}},g))}})},exports.ShowErrors=function(r){var t=r.errors,o=r.marginBottom,n=void 0===o?3:o;return 0===Object.keys(t).length?null:a.default.createElement(a.default.Fragment,null,Object.keys(t).map((function(r,o){return a.default.createElement(e.Alert,{sx:{marginBottom:n},key:o,severity:"error"},t[r])})))},exports.StatusIcon=function(e){var r=e.on,o=e.showOn,n=void 0===o||o,l=e.showOff,i=void 0===l||l,u=e.size,d=void 0===u?24:u;return Boolean(r)?n?a.default.createElement(t.Done,{color:"success",sx:{fontSize:d}}):null:i?a.default.createElement(t.Close,{color:"error",sx:{fontSize:d}}):null},exports.YesNoChip=function(e){var r=e.status,t=e.showYes,o=void 0===t||t;e.showNo;var n=e.width,l=void 0===n?80:n;return Boolean(r)?o&&a.default.createElement(i,{label:"ΝΑΙ",backgroundColor:"green",fontSize:"12px",paddingX:"5px",width:l}):o&&a.default.createElement(i,{label:"ΟΧΙ",backgroundColor:"red",fontSize:"12px",paddingX:"5px",width:l})};

package/dist/esm/index.js

@@ -1 +1 @@
-import{Typography as o}from"@mui/material";import e from"react";import{Done as i,Close as r}from"@mui/icons-material";var t=function(i){var r=i.label,t=void 0===r?"":r,n=i.color,d=void 0===n?"white":n,a=i.backgroundColor,l=void 0===a?"#888888":a,c=i.paddingX,p=void 0===c?"10px":c,u=i.paddingY,s=void 0===u?"5px":u,v=i.borderRadius,m=void 0===v?"10px":v,x=i.fontSize,f=void 0===x?"14px":x,g=i.width,b={text:{display:"inline-block",textAlign:"center",backgroundColor:l,paddingX:p,paddingY:s,borderRadius:m,width:void 0===g?"auto":g,color:d,fontSize:f}};return e.createElement(o,{sx:b.text},t)},n=function(o){var i=o.status,r=o.showYes,n=void 0===r||r;o.showNo;var d=o.width,a=void 0===d?80:d;return Boolean(i)?n&&e.createElement(t,{label:"ΝΑΙ",backgroundColor:"green",fontSize:"12px",paddingX:"5px",width:a}):n&&e.createElement(t,{label:"ΟΧΙ",backgroundColor:"red",fontSize:"12px",paddingX:"5px",width:a})},d=function(o){var t=o.on,n=o.showOn,d=void 0===n||n,a=o.showOff,l=void 0===a||a,c=o.size,p=void 0===c?24:c;return Boolean(t)?d?e.createElement(i,{color:"success",sx:{fontSize:p}}):null:l?e.createElement(r,{color:"error",sx:{fontSize:p}}):null};export{t as MyChip,d as StatusIcon,n as YesNoChip};
+import{Typography as e,Alert as r,TextField as n,FormGroup as o,FormControlLabel as t,Switch as l,Stack as a,Box as i,Popover as u,Autocomplete as d}from"@mui/material";import c from"react";import{Done as s,Close as v}from"@mui/icons-material";import{Controller as f}from"react-hook-form";import{ChromePicker as m}from"react-color";var b=function(r){var n=r.label,o=void 0===n?"":n,t=r.color,l=void 0===t?"white":t,a=r.backgroundColor,i=void 0===a?"#888888":a,u=r.paddingX,d=void 0===u?"10px":u,s=r.paddingY,v=void 0===s?"5px":s,f=r.borderRadius,m=void 0===f?"10px":f,b=r.fontSize,p=void 0===b?"14px":b,g=r.width,h={text:{display:"inline-block",textAlign:"center",backgroundColor:i,paddingX:d,paddingY:v,borderRadius:m,width:void 0===g?"auto":g,color:l,fontSize:p}};return c.createElement(e,{sx:h.text},o)},p=function(e){var r=e.status,n=e.showYes,o=void 0===n||n;e.showNo;var t=e.width,l=void 0===t?80:t;return Boolean(r)?o&&c.createElement(b,{label:"ΝΑΙ",backgroundColor:"green",fontSize:"12px",paddingX:"5px",width:l}):o&&c.createElement(b,{label:"ΟΧΙ",backgroundColor:"red",fontSize:"12px",paddingX:"5px",width:l})},g=function(e){var r=e.on,n=e.showOn,o=void 0===n||n,t=e.showOff,l=void 0===t||t,a=e.size,i=void 0===a?24:a;return Boolean(r)?o?c.createElement(s,{color:"success",sx:{fontSize:i}}):null:l?c.createElement(v,{color:"error",sx:{fontSize:i}}):null},h=function(e){var n=e.errors,o=e.marginBottom,t=void 0===o?3:o;return 0===Object.keys(n).length?null:c.createElement(c.Fragment,null,Object.keys(n).map((function(e,o){return c.createElement(r,{sx:{marginBottom:t},key:o,severity:"error"},n[e])})))};function x(){return x=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},x.apply(this,arguments)}function y(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 E(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 O(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 O(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 O(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 w=["form","name","label","maxLength","required","disabled","autofocus"],C=function(e){var r=e.form,o=e.name,t=e.label,l=e.maxLength,a=void 0===l?255:l,i=e.required,u=void 0!==i&&i,d=e.disabled,s=void 0!==d&&d,v=e.autofocus,m=void 0!==v&&v,b=y(e,w),p=r.control,g=r.formState.errors;return c.createElement(f,{name:o,control:p,rules:{required:u,disabled:s},render:function(e){var r,l,i=e.field,d=i.onChange,v=i.onBlur,f=i.value;return c.createElement(n,x({required:u,label:t,value:f,onChange:d,onBlur:v,error:Boolean(null===(r=g[o])||void 0===r?void 0:r.message),fullWidth:!0,helperText:null===(l=g[o])||void 0===l?void 0:l.message,variant:"outlined",disabled:s,autoFocus:m,inputProps:{maxLength:a}},b))}})},q=["form","name","label","required","disabled","autofocus"],B=function(e){var r=e.form,o=e.name,t=void 0===o?"password":o,l=e.label,a=void 0===l?"Κωδικός Πρόσβασης":l,i=e.required,u=void 0===i||i,d=e.disabled,s=void 0!==d&&d,v=e.autofocus,m=void 0!==v&&v,b=y(e,q),p=r.control,g=r.formState.errors;return c.createElement(f,{name:t,control:p,rules:{required:u,disabled:s},render:function(e){var r,o,l=e.field,i=l.onChange,d=l.onBlur,v=l.value;return c.createElement(n,x({required:u,label:a,value:v,onChange:i,onBlur:d,error:Boolean(null===(r=g[t])||void 0===r?void 0:r.message),fullWidth:!0,helperText:null===(o=g[t])||void 0===o?void 0:o.message,variant:"outlined",disabled:s,autoFocus:m,type:"password"},b))}})},S=["form","name","label","required","disabled","autofocus"],k=function(e){var r=e.form,o=e.name,t=void 0===o?"email":o,l=e.label,a=void 0===l?"E-mail":l,i=e.required,u=void 0===i||i,d=e.disabled,s=void 0!==d&&d,v=e.autofocus,m=void 0!==v&&v,b=y(e,S),p=r.control,g=r.formState.errors;return c.createElement(f,{name:t,control:p,rules:{required:u,disabled:s},render:function(e){var r,o,l=e.field,i=l.onChange,d=l.onBlur,v=l.value;return c.createElement(n,x({required:u,label:a,value:v,onChange:i,onBlur:d,error:Boolean(null===(r=g[t])||void 0===r?void 0:r.message),fullWidth:!0,helperText:null===(o=g[t])||void 0===o?void 0:o.message,variant:"outlined",disabled:s,autoFocus:m},b))}})},j=["form","name","label","disabled"],T=function(e){var r=e.form,n=e.name,a=e.label,i=e.disabled,u=void 0!==i&&i,d=y(e,j),s=r.control;return c.createElement(f,{name:n,control:s,rules:{disabled:u},render:function(e){var i=e.field;i.onChange,i.onBlur;var u=i.value;return c.createElement(o,d,c.createElement(t,{control:c.createElement(l,{checked:Boolean(u),onChange:function(e){return r.setValue(n,e.target.checked)},inputProps:{"aria-label":a}}),label:a}))}})},z=["form","name","label","selectionWidth","pickerWidth","selectionTextColor","paddingY","paddingX","required","disabled"],W=function(r){var n=r.form,o=r.name,t=void 0===o?"color":o,l=r.label,d=void 0===l?"Επιλογή Χρώματος":l,s=r.selectionWidth,v=void 0===s?70:s,p=r.pickerWidth,g=void 0===p?350:p,h=r.selectionTextColor,O=void 0===h?"white":h,w=r.paddingY,C=void 0===w?"10px":w,q=r.paddingX,B=void 0===q?"10px":q,S=r.required,k=void 0!==S&&S,j=r.disabled,T=void 0!==j&&j,W=y(r,z),A=E(c.useState(null),2),X=A[0],L=A[1],P=Boolean(X),Y=P?"color-picker":void 0,F=n.control;return c.createElement(f,{name:t,control:F,rules:{disabled:T},render:function(r){var n=r.field,o=n.onChange;n.onBlur;var t=n.value;return c.createElement(a,x({gap:1},W),c.createElement(e,null,"".concat(d," ").concat(k?"*":"")),c.createElement(i,{sx:{display:"flex"}},c.createElement(i,{"aria-describedby":Y,sx:{cursor:"pointer"},onClick:function(e){return L(e.currentTarget)}},c.createElement(b,{color:O,backgroundColor:t,paddingY:C,paddingX:B,width:v,label:t}))),c.createElement(u,{sx:{marginTop:"10px"},id:Y,open:P,anchorEl:X,onClose:function(){return L(null)},anchorOrigin:{vertical:"bottom",horizontal:"left"}},c.createElement(i,null,c.createElement(m,{width:g,color:t,onChange:function(e){return o(e.hex)}}))))}})},A=["form","name","label","required","disabled","options","valueKey","labelKey","maxLength","autofocus","noOptionsText"],X=function(e){var r=e.form,o=e.name,t=e.label,l=e.required,a=void 0!==l&&l,i=e.disabled,u=void 0!==i&&i,s=e.options,v=void 0===s?[]:s,m=e.valueKey,b=void 0===m?"id":m;e.labelKey;var p=e.maxLength,g=void 0===p?255:p,h=e.autofocus,O=void 0!==h&&h,w=e.noOptionsText,C=void 0===w?"Δεν υπάρχουν επιλογές":w,q=y(e,A),B=E(c.useState(null),2),S=B[0],k=B[1],j=r.watch(o);c.useEffect((function(){k(v.find((function(e){return e[b]===j}))||null)}),[j]);var T=r.control,z=r.formState.errors;return c.createElement(f,{name:o,control:T,rules:{required:a,disabled:u},render:function(e){var r=e.field,l=r.onChange,i=r.onBlur;return r.value,c.createElement(d,{value:S,required:a,onChange:function(e,r){return l(r?r[b]:null)},options:v,isOptionEqualToValue:function(e,r){return e[b]===r[b]},noOptionsText:C,renderInput:function(e){var r,l;return c.createElement(n,x({label:t,required:a,disabled:u,autoFocus:O,inputProps:{maxLength:g},error:Boolean(null===(r=z[o])||void 0===r?void 0:r.message),onBlur:i,variant:"outlined",fullWidth:!0,helperText:null===(l=z[o])||void 0===l?void 0:l.message},e,q))}})}})};export{X as MyAutocompleteField,b as MyChip,W as MyColorPickerField,k as MyEmailField,B as MyPasswordField,T as MySwitchField,C as MyTextField,h as ShowErrors,g as StatusIcon,p as YesNoChip};

package/index.js

@@ -1,3 +1,10 @@
 export { MyChip } from './dist/esm'
 export { YesNoChip } from './dist/esm'
-export { StatusIcon } from './dist/esm'
+export { StatusIcon } from './dist/esm'
+export { ShowErrors } from './dist/esm'
+export { MyTextField } from './dist/esm'
+export { MyPasswordField } from './dist/esm'
+export { MyEmailField } from './dist/esm'
+export { MySwtichField } from './dist/esm'
+export { MyColorPickerField } from './dist/esm'
+export { MyAutocompleteField } from './dist/esm'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artibet/react-mui-components",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "Various react components build with mui library",
   "main": "index.js",
   "scripts": {
@@ -28,7 +28,9 @@
     "@mui/icons-material": "^5.14.7",
     "@mui/material": "^5.14.7",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-hook-form": "^7.45.4",
+    "react-color": "^2.19.3"
   },
   "files": [
     "dist",
@@ -44,6 +46,8 @@
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.2.1",
     "@rollup/plugin-typescript": "^11.1.3",
+    "react-color": "^2.19.3",
+    "react-hook-form": "^7.45.4",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-terser": "^7.0.2",
     "typescript": "^5.2.2"