@s_mart/form 2.6.7 → 2.6.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +6 -6
- package/dist/index.mjs +4 -4
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var ar=Object.create;var W=Object.defineProperty,ur=Object.defineProperties,fr=Object.getOwnPropertyDescriptor,cr=Object.getOwnPropertyDescriptors,xr=Object.getOwnPropertyNames,Q=Object.getOwnPropertySymbols,yr=Object.getPrototypeOf,ce=Object.prototype.hasOwnProperty,Se=Object.prototype.propertyIsEnumerable;var Ce=(e,r,o)=>r in e?W(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,t=(e,r)=>{for(var o in r||(r={}))ce.call(r,o)&&Ce(e,o,r[o]);if(Q)for(var o of Q(r))Se.call(r,o)&&Ce(e,o,r[o]);return e},n=(e,r)=>ur(e,cr(r));var F=(e,r)=>{var o={};for(var l in e)ce.call(e,l)&&r.indexOf(l)<0&&(o[l]=e[l]);if(e!=null&&Q)for(var l of Q(e))r.indexOf(l)<0&&Se.call(e,l)&&(o[l]=e[l]);return o};var Pr=(e,r)=>{for(var o in r)W(e,o,{get:r[o],enumerable:!0})},we=(e,r,o,l)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of xr(r))!ce.call(e,i)&&i!==o&&W(e,i,{get:()=>r[i],enumerable:!(l=fr(r,i))||l.enumerable});return e};var X=(e,r,o)=>(o=e!=null?ar(yr(e)):{},we(r||!e||!e.__esModule?W(o,"default",{value:e,enumerable:!0}):o,e)),Fr=e=>we(W({},"__esModule",{value:!0}),e);var Lr={};Pr(Lr,{Autocomplete:()=>sr,Checkbox:()=>ze,Creatable:()=>Ue,DatePicker:()=>Ze,Form:()=>Ee,RadioButton:()=>Ne,RadioGroup:()=>_e,Searchable:()=>$e,Select:()=>Le,Slider:()=>Be,Switch:()=>Oe,TextField:()=>Ie,TimePicker:()=>dr});module.exports=Fr(Lr);var Ae=require("react"),Z=require("react-hook-form");var xe=require("react/jsx-runtime");function br(l){var i=l,{children:e,onSubmit:r}=i,o=F(i,["children","onSubmit"]);let p=(0,Z.useForm)(o);(0,Ae.useEffect)(()=>{p.reset(o.defaultValues)},[o.defaultValues,p.reset]);let d=()=>typeof e=="function"?e(n(t({},p),{onSubmit:p.handleSubmit(u=>r(u,p))})):e;return(0,xe.jsx)(Z.FormProvider,n(t({},p),{children:(0,xe.jsx)("form",{onSubmit:p.handleSubmit(u=>r(u,p)),children:d()})}))}var Ee=br;var Re=require("react"),ee=require("react-hook-form"),re=require("phosphor-react"),z=require("@mui/material"),U=X(require("@s_mart/masks"));var ye=require("@mui/material"),Te=require("@s_mart/utils"),Y=require("react/jsx-runtime"),g=({label:e,required:r,regular:o})=>(0,Y.jsxs)("span",{style:{display:"flex",alignItems:"center",gap:(0,Te.toRem)(2)},children:[(0,Y.jsx)(ye.Typography,{variant:"caption",fontWeight:o?400:700,style:{display:"flex",alignItems:"center"},children:e}),r&&(0,Y.jsx)(ye.Typography,{variant:"caption",fontWeight:900,color:"error",children:"*"})]});var De=require("react-hook-form"),ke=require("@s_mart/core"),Ge=require("react/jsx-runtime"),C=({name:e})=>{var o,l,i;let r=(0,De.useFormContext)();return(l=(o=r==null?void 0:r.formState)==null?void 0:o.errors)!=null&&l[e]?(0,Ge.jsx)(ke.Indicator,{severity:"error",children:(i=r.formState.errors[e])==null?void 0:i.message}):null};var E=require("react/jsx-runtime"),hr=f=>{var m=f,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:i,required:p,mask:d,variant:u="outlined",onInputChange:c}=m,b=F(m,["name","rules","defaultValue","shouldUnregister","label","required","mask","variant","onInputChange"]);let a=(0,ee.useFormContext)();if(!a)throw new Error("Para usar o <TextField /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let[S,s]=(0,Re.useState)(!1),x=w=>{var h;return d?(h=U==null?void 0:U[d])==null?void 0:h.format(w):w},y=w=>{var h;return d?(h=U==null?void 0:U[d])==null?void 0:h.parse(w):w},V=w=>{if(!w||d!=="porcentagem")return;w==null||w.stopPropagation();let h=(w==null?void 0:w.target).value;if(h){let P=String(h);if(P.length>0){let B=P.indexOf("%");B>-1&&(w.currentTarget.selectionEnd=B)}}};return(0,E.jsx)(ee.Controller,{control:a.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:w,onChange:h}})=>(0,E.jsxs)(z.Grid,{display:"flex",flexDirection:"column",children:[i&&(0,E.jsx)(g,{label:i,required:p}),(0,E.jsx)(z.TextField,n(t({size:"small",variant:u,autoComplete:"off",defaultValue:o,value:x(w||""),onChange:P=>{var B;c==null||c(P),h(y((B=P==null?void 0:P.target)==null?void 0:B.value))}},b),{type:b.type==="password"?S?"text":"password":b.type,InputProps:t({onKeyDown:V,endAdornment:b.type==="password"&&(0,E.jsx)(z.InputAdornment,{position:"end",onClick:()=>s(!S),style:{cursor:"pointer"},children:S?(0,E.jsx)(re.Eye,{size:20}):(0,E.jsx)(re.EyeSlash,{size:20})})},b.InputProps)})),(0,E.jsx)(C,{name:e})]})})},Ie=hr;var oe=require("react-hook-form"),G=require("@mui/material");var T=require("react/jsx-runtime"),gr=f=>{var m=f,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:i,required:p,options:d,placeholder:u,onInputChange:c}=m,b=F(m,["name","rules","defaultValue","shouldUnregister","label","required","options","placeholder","onInputChange"]);let a=(0,oe.useFormContext)(),{palette:S}=(0,G.useTheme)();if(!a)throw new Error("Para usar o <Select /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,T.jsx)(oe.Controller,{control:a.control,name:e,rules:r,defaultValue:o||"",shouldUnregister:l,render:({field:{value:s,onChange:x}})=>(0,T.jsxs)(G.Grid,{display:"flex",flexDirection:"column",children:[i&&(0,T.jsx)(g,{label:i,required:p}),(0,T.jsxs)(G.Select,n(t({displayEmpty:Boolean(u),size:"small",variant:"outlined",autoComplete:"off",value:s||"",onChange:y=>{c==null||c(y),x(y.target.value)}},b),{children:[u&&(0,T.jsx)(G.MenuItem,{disabled:!0,value:"",children:(0,T.jsx)("p",{style:{color:S.grey[400]},children:u})}),d==null?void 0:d.map((y,V)=>(0,T.jsx)(G.MenuItem,{value:y.value,children:y.label},V))]})),(0,T.jsx)(C,{name:e})]})})},Le=gr;var te=require("react-hook-form"),O=require("@mui/material");var I=require("react/jsx-runtime"),Pe=require("react"),Cr=b=>{var f=b,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:i,required:p,options:d,textFieldProps:u}=f,c=F(f,["name","rules","defaultValue","shouldUnregister","label","required","options","textFieldProps"]);let m=(0,te.useFormContext)();if(!m)throw new Error("Para usar o <Searchable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,I.jsx)(te.Controller,{control:m.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{onChange:a,value:S}})=>(0,I.jsxs)(O.Grid,{display:"flex",flexDirection:"column",children:[i&&(0,I.jsx)(g,{label:i,required:p}),(0,I.jsx)(O.Autocomplete,n(t({size:"small",onChange:(s,x)=>a(x),value:S||null,options:d,noOptionsText:"Nenhuma op\xE7\xE3o encontrada",isOptionEqualToValue:(s,x)=>typeof s=="string"&&typeof x=="string"?s===x:typeof s=="object"&&typeof x=="object"?s.value===x.value:!1,renderOption:(s,x)=>typeof x=="object"?(0,Pe.createElement)("li",n(t({},s),{key:x.key||x.value}),x.label):(0,Pe.createElement)("li",n(t({},s),{key:x}),x)},c),{renderInput:s=>(0,I.jsx)(O.TextField,t(t({},s),u))})),(0,I.jsx)(C,{name:e})]})})},$e=Cr;var ie=require("react-hook-form"),Ve=require("phosphor-react"),L=require("@mui/material");var R=require("@s_mart/utils"),Fe=X(require("@emotion/styled")),be=require("@emotion/react"),qe=be.css`
|
|
2
2
|
display: flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
justify-content: center;
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
|
-
`,Me=
|
|
38
|
+
`,Me=Fe.default.div`
|
|
39
39
|
display: flex;
|
|
40
40
|
|
|
41
41
|
div.endAdornments {
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
${({hideAddButton:e,theme:r})=>!e&&Sr(r)}
|
|
49
|
-
`,ve=
|
|
49
|
+
`,ve=Fe.default.div`
|
|
50
50
|
color: ${({theme:e})=>e.palette.text.primary};
|
|
51
51
|
|
|
52
52
|
padding: ${(0,R.toRem)(6)} ${(0,R.toRem)(16)};
|
|
@@ -57,18 +57,18 @@
|
|
|
57
57
|
transition: background-color 0.2s ease-in-out;
|
|
58
58
|
background-color: ${({theme:e})=>e.palette.grey[100]};
|
|
59
59
|
}
|
|
60
|
-
`;var A=require("react/jsx-runtime"),he=require("react"),wr=a=>{var
|
|
60
|
+
`;var A=require("react/jsx-runtime"),he=require("react"),wr=a=>{var S=a,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:i,required:p,options:d,onCreateOption:u,textFieldProps:c,hideAddButton:b,onInputChange:f}=S,m=F(S,["name","rules","defaultValue","shouldUnregister","label","required","options","onCreateOption","textFieldProps","hideAddButton","onInputChange"]);let s=(0,ie.useFormContext)();if(!s)throw new Error("Para usar o <Creatable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let x=y=>{u?u(y):console.error("onCreateOption n\xE3o foi definido")};return(0,A.jsx)(ie.Controller,{control:s.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:y,onChange:V}})=>{let w=(y==null?void 0:y.label)||(y==null?void 0:y.value)||y;return(0,A.jsxs)(L.Grid,{display:"flex",flexDirection:"column",children:[i&&(0,A.jsx)(g,{label:i,required:p}),(0,A.jsx)(Me,{hideAddButton:b,children:(0,A.jsx)(L.Autocomplete,n(t({size:"small",fullWidth:!0,onChange:(h,P)=>(f==null||f(P),V(P)),options:d,value:y||null,noOptionsText:(0,A.jsx)(ve,{onClick:()=>x(y),children:(0,A.jsxs)(L.Typography,{children:["Adicionar ",w&&`"${w}"`]})}),isOptionEqualToValue:(h,P)=>P?typeof h=="string"&&typeof P=="string"?h===P:typeof h=="object"&&typeof P=="object"?h.value===P.value:typeof h=="object"&&typeof P=="string":!1,renderOption:(h,P)=>typeof P=="object"?(0,he.createElement)("li",n(t({},h),{key:P.key||P.value}),P.label):(0,he.createElement)("li",n(t({},h),{key:P}),P)},m),{renderInput:h=>{let P=b?h.InputProps:n(t({},h.InputProps),{endAdornment:(0,A.jsxs)("div",{className:"endAdornments",children:[h.InputProps.endAdornment,(0,A.jsxs)("div",{className:"creatable",children:[(0,A.jsx)("div",{className:"divider"}),(0,A.jsx)("div",{className:"button",onClick:()=>x(y),children:(0,A.jsx)(Ve.Plus,{size:18,weight:"bold"})})]})]})});return(0,A.jsx)(L.TextField,t(n(t({},h),{onChange:V,InputProps:P}),c))}}))}),(0,A.jsx)(C,{name:e})]})}})},Ue=wr;var le=require("react-hook-form"),N=require("@mui/material");var $=require("react/jsx-runtime"),Ar=c=>{var b=c,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:i,labelPlacement:p,required:d}=b,u=F(b,["name","rules","defaultValue","shouldUnregister","label","labelPlacement","required"]);let f=(0,le.useFormContext)();if(!f)throw new Error("Para usar o <Checkbox /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,$.jsx)(le.Controller,{control:f.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:m,onChange:a}})=>(0,$.jsxs)(N.Grid,{display:"flex",flexDirection:"column",children:[(0,$.jsx)(N.FormControlLabel,{control:(0,$.jsx)(N.Checkbox,t({value:m!=null?m:"",defaultValue:m,onChange:a},u)),label:(0,$.jsx)(g,{label:i,required:d,regular:!0}),labelPlacement:p||"end"}),(0,$.jsx)(C,{name:e})]})})},ze=Ar;var ne=require("react-hook-form"),_=require("@mui/material");var q=require("react/jsx-runtime"),Er=u=>{var c=u,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:i,labelPlacement:p}=c,d=F(c,["name","rules","defaultValue","shouldUnregister","label","labelPlacement"]);let b=(0,ne.useFormContext)();if(!b)throw new Error("Para usar o <Switch /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,q.jsx)(ne.Controller,{control:b.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:f,onChange:m}})=>(0,q.jsxs)(_.Grid,{display:"flex",flexDirection:"column",children:[(0,q.jsx)(_.FormControlLabel,{control:(0,q.jsx)(_.Switch,t({value:f!=null?f:"",defaultValue:f,onChange:m},d)),label:(0,q.jsx)(g,{label:i}),labelPlacement:p||"end"}),(0,q.jsx)(C,{name:e})]})})},Oe=Er;var j=require("@mui/material");var H=require("react/jsx-runtime"),Tr=l=>{var i=l,{label:e,labelPlacement:r}=i,o=F(i,["label","labelPlacement"]);return(0,H.jsx)(j.Grid,{display:"flex",flexDirection:"column",children:(0,H.jsx)(j.FormControlLabel,{control:(0,H.jsx)(j.Radio,t({},o)),label:(0,H.jsx)(g,{label:e}),labelPlacement:r||"end"})})},Ne=Tr;var de=require("react-hook-form"),me=require("@mui/material");var v=require("react/jsx-runtime"),Dr=b=>{var f=b,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:i,required:p,children:d,orientation:u="row"}=f,c=F(f,["name","rules","defaultValue","shouldUnregister","label","required","children","orientation"]);let m=(0,de.useFormContext)();if(!m)throw new Error("Para usar o <RadioGroup /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,v.jsx)(de.Controller,{control:m.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:a,onChange:S}})=>(0,v.jsxs)(me.Grid,{display:"flex",flexDirection:"column",children:[i&&(0,v.jsx)(g,{label:i,required:p}),(0,v.jsx)(me.RadioGroup,n(t({value:a||"",onChange:S,name:e},c),{style:{display:"flex",flexDirection:u},children:d})),(0,v.jsx)(C,{name:e})]})})},_e=Dr;var se=require("react-hook-form"),je=require("@mui/material");var ge=require("react/jsx-runtime"),kr=p=>{var d=p,{name:e,rules:r,defaultValue:o,shouldUnregister:l}=d,i=F(d,["name","rules","defaultValue","shouldUnregister"]);let u=(0,se.useFormContext)();if(!u)throw new Error("Para usar o <Slider /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,ge.jsx)(se.Controller,{control:u.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:c,onChange:b}})=>(0,ge.jsx)(je.Slider,t({value:c||(i==null?void 0:i.min)||0,onChange:b,valueLabelDisplay:"auto"},i))})},Be=kr;var pe=require("react-hook-form"),He=require("@s_mart/core"),Ke=require("@mui/material"),Je=require("@mui/x-date-pickers/DatePicker"),Qe=require("@mui/x-date-pickers/AdapterDayjs"),Xe=require("@mui/x-date-pickers/LocalizationProvider");var K=require("@s_mart/utils"),We=X(require("@emotion/styled")),Ye=We.default.div`
|
|
61
61
|
> div > button {
|
|
62
62
|
padding: ${(0,K.toRem)(6)} ${(0,K.toRem)(8)};
|
|
63
63
|
border-radius: 0 ${(0,K.toRem)(4)} ${(0,K.toRem)(4)} 0;
|
|
64
64
|
|
|
65
65
|
margin: 0px -13px 0px 0px;
|
|
66
66
|
}
|
|
67
|
-
`;var D=require("react/jsx-runtime"),Gr=b=>{var f=b,{rules:e,name:r,defaultValue:o,shouldUnregister:l,datePickerProps:i,label:
|
|
67
|
+
`;var D=require("react/jsx-runtime"),Gr=b=>{var f=b,{rules:e,name:r,defaultValue:o,shouldUnregister:l,datePickerProps:i,label:p,required:d,placeholder:u}=f,c=F(f,["rules","name","defaultValue","shouldUnregister","datePickerProps","label","required","placeholder"]);let m=(0,pe.useFormContext)();if(!m)throw new Error("Para usar o <DataPicker /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,D.jsx)(Xe.LocalizationProvider,{dateAdapter:Qe.AdapterDayjs,children:(0,D.jsx)(pe.Controller,{control:m.control,name:r,rules:e,defaultValue:o,shouldUnregister:l,render:({field:{value:a,onChange:S}})=>(0,D.jsxs)(He.Grid,{display:"flex",flexDirection:"column",children:[p&&(0,D.jsx)(g,{label:p,required:d}),(0,D.jsx)(Je.DatePicker,n(t({},i),{value:a!=null?a:null,inputFormat:(i==null?void 0:i.inputFormat)||"DD/MM/YYYY",onChange:S,renderInput:s=>{var x,y;return(0,D.jsx)(Ke.TextField,n(t(t({size:"small",variant:"outlined"},s),c),{inputProps:n(t({},s.inputProps),{placeholder:u||((x=s.inputProps)==null?void 0:x.placeholder)}),InputProps:n(t({},s.InputProps),{endAdornment:(0,D.jsx)(Ye,{children:(y=s.InputProps)==null?void 0:y.endAdornment})})}))}})),(0,D.jsx)(C,{name:r})]})})})},Ze=Gr;var or=require("@s_mart/core"),tr=require("@mui/x-date-pickers/TimePicker"),ir=require("@mui/material"),ae=require("react-hook-form"),lr=require("@mui/x-date-pickers/AdapterDayjs"),nr=require("@mui/x-date-pickers/LocalizationProvider");var J=require("@s_mart/utils"),er=X(require("@emotion/styled")),rr=er.default.div`
|
|
68
68
|
> div > button {
|
|
69
69
|
padding: ${(0,J.toRem)(6)} ${(0,J.toRem)(8)};
|
|
70
70
|
border-radius: 0 ${(0,J.toRem)(4)} ${(0,J.toRem)(4)} 0;
|
|
71
71
|
|
|
72
72
|
margin: 0px -13px 0px 0px;
|
|
73
73
|
}
|
|
74
|
-
`;var k=require("react/jsx-runtime"),Rr=b=>{var f=b,{rules:e,defaultValue:r,shouldUnregister:o,name:l,required:i,label:
|
|
74
|
+
`;var k=require("react/jsx-runtime"),Rr=b=>{var f=b,{rules:e,defaultValue:r,shouldUnregister:o,name:l,required:i,label:p,timePickerProps:d,placeholder:u}=f,c=F(f,["rules","defaultValue","shouldUnregister","name","required","label","timePickerProps","placeholder"]);let m=(0,ae.useFormContext)();if(!m)throw new Error("Para usar o <TimePicker /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,k.jsx)(nr.LocalizationProvider,{dateAdapter:lr.AdapterDayjs,children:(0,k.jsx)(ae.Controller,{control:m.control,name:l,rules:e,defaultValue:r,shouldUnregister:o,render:({field:{value:a,onChange:S}})=>(0,k.jsxs)(or.Grid,{display:"flex",flexDirection:"column",children:[p&&(0,k.jsx)(g,{label:p,required:i}),(0,k.jsx)(tr.TimePicker,n(t({value:a!=null?a:null,onChange:S},d),{renderInput:s=>{var x,y;return(0,k.jsx)(ir.TextField,n(t(t({size:"small",variant:"outlined"},s),c),{inputProps:n(t({},s.inputProps),{placeholder:u||((x=s.inputProps)==null?void 0:x.placeholder)}),InputProps:n(t({},s.InputProps),{endAdornment:(0,k.jsx)(rr,{children:(y=s.InputProps)==null?void 0:y.endAdornment})})}))}})),(0,k.jsx)(C,{name:l})]})})})},dr=Rr;var ue=require("react-hook-form"),fe=require("@mui/material");var mr=require("@s_mart/core");var M=require("react/jsx-runtime"),pr=require("react"),Ir=u=>{var c=u,{name:e,defaultValue:r,rules:o,shouldUnregister:l,label:i,required:p}=c,d=F(c,["name","defaultValue","rules","shouldUnregister","label","required"]);let b=(0,ue.useFormContext)();if(!b)throw new Error("Para usar o <Autocomplete /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,M.jsx)(ue.Controller,{name:e,control:b.control,defaultValue:r,rules:o,shouldUnregister:l,render:({field:{onChange:f}})=>(0,M.jsxs)(mr.Grid,{display:"flex",flexDirection:"column",children:[i&&(0,M.jsx)(g,{label:i,required:p}),(0,M.jsx)(fe.Autocomplete,n(t({size:"small",onChange:(m,a)=>f(a),renderOption:(m,a)=>(0,pr.createElement)("li",n(t({},m),{key:a.key||a.value}),a.label)},d),{renderInput:m=>{var a,S,s;return(0,M.jsx)(fe.TextField,n(t(t({},m),d.textFieldProps),{InputProps:n(t(t({},m.InputProps),(a=d.textFieldProps)==null?void 0:a.InputProps),{inputProps:t(t({},m.inputProps),(s=(S=d.textFieldProps)==null?void 0:S.InputProps)==null?void 0:s.inputProps)})}))}})),(0,M.jsx)(C,{name:e})]})})},sr=Ir;0&&(module.exports={Autocomplete,Checkbox,Creatable,DatePicker,Form,RadioButton,RadioGroup,Searchable,Select,Slider,Switch,TextField,TimePicker});
|
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var me=Object.defineProperty,se=Object.defineProperties;var pe=Object.getOwnPropertyDescriptors;var V=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable;var j=(e,r,t)=>r in e?me(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,o=(e,r)=>{for(var t in r||(r={}))B.call(r,t)&&j(e,t,r[t]);if(V)for(var t of V(r))W.call(r,t)&&j(e,t,r[t]);return e},n=(e,r)=>se(e,pe(r));var F=(e,r)=>{var t={};for(var l in e)B.call(e,l)&&r.indexOf(l)<0&&(t[l]=e[l]);if(e!=null&&V)for(var l of V(e))r.indexOf(l)<0&&W.call(e,l)&&(t[l]=e[l]);return t};import{useEffect as ae}from"react";import{FormProvider as ue,useForm as fe}from"react-hook-form";import{jsx as Y}from"react/jsx-runtime";function ce(l){var i=l,{children:e,onSubmit:r}=i,t=F(i,["children","onSubmit"]);let p=fe(t);ae(()=>{p.reset(t.defaultValues)},[t.defaultValues,p.reset]);let d=()=>typeof e=="function"?e(n(o({},p),{onSubmit:p.handleSubmit(u=>r(u,p))})):e;return Y(ue,n(o({},p),{children:Y("form",{onSubmit:p.handleSubmit(u=>r(u,p)),children:d()})}))}var xe=ce;import{useState as ge}from"react";import{Controller as Ce,useFormContext as Se}from"react-hook-form";import{Eye as we,EyeSlash as Ae}from"phosphor-react";import{Grid as Ee,InputAdornment as Te,TextField as De}from"@mui/material";import*as R from"@s_mart/masks";import{Typography as H}from"@mui/material";import{toRem as ye}from"@s_mart/utils";import{jsx as K,jsxs as Pe}from"react/jsx-runtime";var g=({label:e,required:r,regular:t})=>Pe("span",{style:{display:"flex",alignItems:"center",gap:ye(2)},children:[K(H,{variant:"caption",fontWeight:t?400:700,style:{display:"flex",alignItems:"center"},children:e}),r&&K(H,{variant:"caption",fontWeight:900,color:"error",children:"*"})]});import{useFormContext as Fe}from"react-hook-form";import{Indicator as be}from"@s_mart/core";import{jsx as he}from"react/jsx-runtime";var C=({name:e})=>{var t,l,i;let r=Fe();return(l=(t=r==null?void 0:r.formState)==null?void 0:t.errors)!=null&&l[e]?he(be,{severity:"error",children:(i=r.formState.errors[e])==null?void 0:i.message}):null};import{jsx as T,jsxs as Re}from"react/jsx-runtime";var ke=f=>{var m=f,{name:e,rules:r,defaultValue:t,shouldUnregister:l,label:i,required:p,mask:d,variant:u="outlined",onInputChange:c}=m,b=F(m,["name","rules","defaultValue","shouldUnregister","label","required","mask","variant","onInputChange"]);let a=Se();if(!a)throw new Error("Para usar o <TextField /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let[S,s]=ge(!1),x=w=>{var h;return d?(h=R==null?void 0:R[d])==null?void 0:h.format(w):w},y=w=>{var h;return d?(h=R==null?void 0:R[d])==null?void 0:h.parse(w):w},G=w=>{if(!w||d!=="porcentagem")return;w==null||w.stopPropagation();let h=(w==null?void 0:w.target).value;if(h){let P=String(h);if(P.length>0){let L=P.indexOf("%");L>-1&&(w.currentTarget.selectionEnd=L)}}};return T(Ce,{control:a.control,name:e,rules:r,defaultValue:t,shouldUnregister:l,render:({field:{value:w,onChange:h}})=>Re(Ee,{display:"flex",flexDirection:"column",children:[i&&T(g,{label:i,required:p}),T(De,n(o({size:"small",variant:u,autoComplete:"off",defaultValue:t,value:x(w||""),onChange:P=>{var L;c==null||c(P),h(y((L=P==null?void 0:P.target)==null?void 0:L.value))}},b),{type:b.type==="password"?S?"text":"password":b.type,InputProps:o({onKeyDown:G,endAdornment:b.type==="password"&&T(Te,{position:"end",onClick:()=>s(!S),style:{cursor:"pointer"},children:S?T(we,{size:20}):T(Ae,{size:20})})},b.InputProps)})),T(C,{name:e})]})})},Ge=ke;import{Controller as Ie,useFormContext as Le}from"react-hook-form";import{Grid as $e,Select as qe,MenuItem as J,useTheme as Me}from"@mui/material";import{jsx as I,jsxs as Q}from"react/jsx-runtime";var ve=f=>{var m=f,{name:e,rules:r,defaultValue:t,shouldUnregister:l,label:i,required:p,options:d,placeholder:u,onInputChange:c}=m,b=F(m,["name","rules","defaultValue","shouldUnregister","label","required","options","placeholder","onInputChange"]);let a=Le(),{palette:S}=Me();if(!a)throw new Error("Para usar o <Select /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return I(Ie,{control:a.control,name:e,rules:r,defaultValue:t||"",shouldUnregister:l,render:({field:{value:s,onChange:x}})=>Q($e,{display:"flex",flexDirection:"column",children:[i&&I(g,{label:i,required:p}),Q(qe,n(o({displayEmpty:Boolean(u),size:"small",variant:"outlined",autoComplete:"off",value:s||"",onChange:y=>{c==null||c(y),x(y.target.value)}},b),{children:[u&&I(J,{disabled:!0,value:"",children:I("p",{style:{color:S.grey[400]},children:u})}),d==null?void 0:d.map((y,G)=>I(J,{value:y.value,children:y.label},G))]})),I(C,{name:e})]})})},Ve=ve;import{Controller as Ue,useFormContext as ze}from"react-hook-form";import{Grid as Oe,Autocomplete as Ne,TextField as _e}from"@mui/material";import{jsx as $,jsxs as We}from"react/jsx-runtime";import{createElement as X}from"react";var je=b=>{var f=b,{name:e,rules:r,defaultValue:t,shouldUnregister:l,label:i,required:p,options:d,textFieldProps:u}=f,c=F(f,["name","rules","defaultValue","shouldUnregister","label","required","options","textFieldProps"]);let m=ze();if(!m)throw new Error("Para usar o <Searchable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return $(Ue,{control:m.control,name:e,rules:r,defaultValue:t,shouldUnregister:l,render:({field:{onChange:a,value:S}})=>We(Oe,{display:"flex",flexDirection:"column",children:[i&&$(g,{label:i,required:p}),$(Ne,n(o({size:"small",onChange:(s,x)=>a(x),value:S||null,options:d,noOptionsText:"Nenhuma op\xE7\xE3o encontrada",isOptionEqualToValue:(s,x)=>typeof s=="string"&&typeof x=="string"?s===x:typeof s=="object"&&typeof x=="object"?s.value===x.value:!1,renderOption:(s,x)=>typeof x=="object"?X("li",n(o({},s),{key:x.key||x.value}),x.label):X("li",n(o({},s),{key:x}),x)},c),{renderInput:s=>$(_e,o(o({},s),u))})),$(C,{name:e})]})})},Be=je;import{Controller as He,useFormContext as Ke}from"react-hook-form";import{Plus as Je}from"phosphor-react";import{Grid as Qe,Autocomplete as Xe,TextField as Ze,Typography as er}from"@mui/material";import{toRem as E}from"@s_mart/utils";import Z from"@emotion/styled";import{css as ee}from"@emotion/react";var re=ee`
|
|
2
2
|
display: flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
justify-content: center;
|
|
@@ -57,18 +57,18 @@ var de=Object.defineProperty,se=Object.defineProperties;var ae=Object.getOwnProp
|
|
|
57
57
|
transition: background-color 0.2s ease-in-out;
|
|
58
58
|
background-color: ${({theme:e})=>e.palette.grey[100]};
|
|
59
59
|
}
|
|
60
|
-
`;import{jsx as A,jsxs as U}from"react/jsx-runtime";import{createElement as ie}from"react";var rr=a=>{var
|
|
60
|
+
`;import{jsx as A,jsxs as U}from"react/jsx-runtime";import{createElement as ie}from"react";var rr=a=>{var S=a,{name:e,rules:r,defaultValue:t,shouldUnregister:l,label:i,required:p,options:d,onCreateOption:u,textFieldProps:c,hideAddButton:b,onInputChange:f}=S,m=F(S,["name","rules","defaultValue","shouldUnregister","label","required","options","onCreateOption","textFieldProps","hideAddButton","onInputChange"]);let s=Ke();if(!s)throw new Error("Para usar o <Creatable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let x=y=>{u?u(y):console.error("onCreateOption n\xE3o foi definido")};return A(He,{control:s.control,name:e,rules:r,defaultValue:t,shouldUnregister:l,render:({field:{value:y,onChange:G}})=>{let w=(y==null?void 0:y.label)||(y==null?void 0:y.value)||y;return U(Qe,{display:"flex",flexDirection:"column",children:[i&&A(g,{label:i,required:p}),A(oe,{hideAddButton:b,children:A(Xe,n(o({size:"small",fullWidth:!0,onChange:(h,P)=>(f==null||f(P),G(P)),options:d,value:y||null,noOptionsText:A(te,{onClick:()=>x(y),children:U(er,{children:["Adicionar ",w&&`"${w}"`]})}),isOptionEqualToValue:(h,P)=>P?typeof h=="string"&&typeof P=="string"?h===P:typeof h=="object"&&typeof P=="object"?h.value===P.value:typeof h=="object"&&typeof P=="string":!1,renderOption:(h,P)=>typeof P=="object"?ie("li",n(o({},h),{key:P.key||P.value}),P.label):ie("li",n(o({},h),{key:P}),P)},m),{renderInput:h=>{let P=b?h.InputProps:n(o({},h.InputProps),{endAdornment:U("div",{className:"endAdornments",children:[h.InputProps.endAdornment,U("div",{className:"creatable",children:[A("div",{className:"divider"}),A("div",{className:"button",onClick:()=>x(y),children:A(Je,{size:18,weight:"bold"})})]})]})});return A(Ze,o(n(o({},h),{onChange:G,InputProps:P}),c))}}))}),A(C,{name:e})]})}})},or=rr;import{Controller as tr,useFormContext as ir}from"react-hook-form";import{Grid as lr,Checkbox as nr,FormControlLabel as dr}from"@mui/material";import{jsx as q,jsxs as pr}from"react/jsx-runtime";var mr=c=>{var b=c,{name:e,rules:r,defaultValue:t,shouldUnregister:l,label:i,labelPlacement:p,required:d}=b,u=F(b,["name","rules","defaultValue","shouldUnregister","label","labelPlacement","required"]);let f=ir();if(!f)throw new Error("Para usar o <Checkbox /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return q(tr,{control:f.control,name:e,rules:r,defaultValue:t,shouldUnregister:l,render:({field:{value:m,onChange:a}})=>pr(lr,{display:"flex",flexDirection:"column",children:[q(dr,{control:q(nr,o({value:m!=null?m:"",defaultValue:m,onChange:a},u)),label:q(g,{label:i,required:d,regular:!0}),labelPlacement:p||"end"}),q(C,{name:e})]})})},sr=mr;import{Controller as ar,useFormContext as ur}from"react-hook-form";import{Grid as fr,Switch as cr,FormControlLabel as xr}from"@mui/material";import{jsx as M,jsxs as Fr}from"react/jsx-runtime";var yr=u=>{var c=u,{name:e,rules:r,defaultValue:t,shouldUnregister:l,label:i,labelPlacement:p}=c,d=F(c,["name","rules","defaultValue","shouldUnregister","label","labelPlacement"]);let b=ur();if(!b)throw new Error("Para usar o <Switch /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return M(ar,{control:b.control,name:e,rules:r,defaultValue:t,shouldUnregister:l,render:({field:{value:f,onChange:m}})=>Fr(fr,{display:"flex",flexDirection:"column",children:[M(xr,{control:M(cr,o({value:f!=null?f:"",defaultValue:f,onChange:m},d)),label:M(g,{label:i}),labelPlacement:p||"end"}),M(C,{name:e})]})})},Pr=yr;import{Grid as br,Radio as hr,FormControlLabel as gr}from"@mui/material";import{jsx as z}from"react/jsx-runtime";var Cr=l=>{var i=l,{label:e,labelPlacement:r}=i,t=F(i,["label","labelPlacement"]);return z(br,{display:"flex",flexDirection:"column",children:z(gr,{control:z(hr,o({},t)),label:z(g,{label:e}),labelPlacement:r||"end"})})},Sr=Cr;import{Controller as wr,useFormContext as Ar}from"react-hook-form";import{Grid as Er,RadioGroup as Tr}from"@mui/material";import{jsx as O,jsxs as Gr}from"react/jsx-runtime";var Dr=b=>{var f=b,{name:e,rules:r,defaultValue:t,shouldUnregister:l,label:i,required:p,children:d,orientation:u="row"}=f,c=F(f,["name","rules","defaultValue","shouldUnregister","label","required","children","orientation"]);let m=Ar();if(!m)throw new Error("Para usar o <RadioGroup /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return O(wr,{control:m.control,name:e,rules:r,defaultValue:t,shouldUnregister:l,render:({field:{value:a,onChange:S}})=>Gr(Er,{display:"flex",flexDirection:"column",children:[i&&O(g,{label:i,required:p}),O(Tr,n(o({value:a||"",onChange:S,name:e},c),{style:{display:"flex",flexDirection:u},children:d})),O(C,{name:e})]})})},kr=Dr;import{Controller as Rr,useFormContext as Ir}from"react-hook-form";import{Slider as Lr}from"@mui/material";import{jsx as le}from"react/jsx-runtime";var $r=p=>{var d=p,{name:e,rules:r,defaultValue:t,shouldUnregister:l}=d,i=F(d,["name","rules","defaultValue","shouldUnregister"]);let u=Ir();if(!u)throw new Error("Para usar o <Slider /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return le(Rr,{control:u.control,name:e,rules:r,defaultValue:t,shouldUnregister:l,render:({field:{value:c,onChange:b}})=>le(Lr,o({value:c||(i==null?void 0:i.min)||0,onChange:b,valueLabelDisplay:"auto"},i))})},qr=$r;import{Controller as vr,useFormContext as Vr}from"react-hook-form";import{Grid as Ur}from"@s_mart/core";import{TextField as zr}from"@mui/material";import{DatePicker as Or}from"@mui/x-date-pickers/DatePicker";import{AdapterDayjs as Nr}from"@mui/x-date-pickers/AdapterDayjs";import{LocalizationProvider as _r}from"@mui/x-date-pickers/LocalizationProvider";import{toRem as N}from"@s_mart/utils";import Mr from"@emotion/styled";var ne=Mr.div`
|
|
61
61
|
> div > button {
|
|
62
62
|
padding: ${N(6)} ${N(8)};
|
|
63
63
|
border-radius: 0 ${N(4)} ${N(4)} 0;
|
|
64
64
|
|
|
65
65
|
margin: 0px -13px 0px 0px;
|
|
66
66
|
}
|
|
67
|
-
`;import{jsx as D,jsxs as Wr}from"react/jsx-runtime";var jr=b=>{var f=b,{rules:e,name:r,defaultValue:t,shouldUnregister:l,datePickerProps:i,label:
|
|
67
|
+
`;import{jsx as D,jsxs as Wr}from"react/jsx-runtime";var jr=b=>{var f=b,{rules:e,name:r,defaultValue:t,shouldUnregister:l,datePickerProps:i,label:p,required:d,placeholder:u}=f,c=F(f,["rules","name","defaultValue","shouldUnregister","datePickerProps","label","required","placeholder"]);let m=Vr();if(!m)throw new Error("Para usar o <DataPicker /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return D(_r,{dateAdapter:Nr,children:D(vr,{control:m.control,name:r,rules:e,defaultValue:t,shouldUnregister:l,render:({field:{value:a,onChange:S}})=>Wr(Ur,{display:"flex",flexDirection:"column",children:[p&&D(g,{label:p,required:d}),D(Or,n(o({},i),{value:a!=null?a:null,inputFormat:(i==null?void 0:i.inputFormat)||"DD/MM/YYYY",onChange:S,renderInput:s=>{var x,y;return D(zr,n(o(o({size:"small",variant:"outlined"},s),c),{inputProps:n(o({},s.inputProps),{placeholder:u||((x=s.inputProps)==null?void 0:x.placeholder)}),InputProps:n(o({},s.InputProps),{endAdornment:D(ne,{children:(y=s.InputProps)==null?void 0:y.endAdornment})})}))}})),D(C,{name:r})]})})})},Br=jr;import{Grid as Hr}from"@s_mart/core";import{TimePicker as Kr}from"@mui/x-date-pickers/TimePicker";import{TextField as Jr}from"@mui/material";import{Controller as Qr,useFormContext as Xr}from"react-hook-form";import{AdapterDayjs as Zr}from"@mui/x-date-pickers/AdapterDayjs";import{LocalizationProvider as eo}from"@mui/x-date-pickers/LocalizationProvider";import{toRem as _}from"@s_mart/utils";import Yr from"@emotion/styled";var de=Yr.div`
|
|
68
68
|
> div > button {
|
|
69
69
|
padding: ${_(6)} ${_(8)};
|
|
70
70
|
border-radius: 0 ${_(4)} ${_(4)} 0;
|
|
71
71
|
|
|
72
72
|
margin: 0px -13px 0px 0px;
|
|
73
73
|
}
|
|
74
|
-
`;import{jsx as k,jsxs as to}from"react/jsx-runtime";var ro=b=>{var f=b,{rules:e,defaultValue:r,shouldUnregister:t,name:l,required:i,label:
|
|
74
|
+
`;import{jsx as k,jsxs as to}from"react/jsx-runtime";var ro=b=>{var f=b,{rules:e,defaultValue:r,shouldUnregister:t,name:l,required:i,label:p,timePickerProps:d,placeholder:u}=f,c=F(f,["rules","defaultValue","shouldUnregister","name","required","label","timePickerProps","placeholder"]);let m=Xr();if(!m)throw new Error("Para usar o <TimePicker /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return k(eo,{dateAdapter:Zr,children:k(Qr,{control:m.control,name:l,rules:e,defaultValue:r,shouldUnregister:t,render:({field:{value:a,onChange:S}})=>to(Hr,{display:"flex",flexDirection:"column",children:[p&&k(g,{label:p,required:i}),k(Kr,n(o({value:a!=null?a:null,onChange:S},d),{renderInput:s=>{var x,y;return k(Jr,n(o(o({size:"small",variant:"outlined"},s),c),{inputProps:n(o({},s.inputProps),{placeholder:u||((x=s.inputProps)==null?void 0:x.placeholder)}),InputProps:n(o({},s.InputProps),{endAdornment:k(de,{children:(y=s.InputProps)==null?void 0:y.endAdornment})})}))}})),k(C,{name:l})]})})})},oo=ro;import{Controller as io,useFormContext as lo}from"react-hook-form";import{Autocomplete as no,TextField as mo}from"@mui/material";import{Grid as so}from"@s_mart/core";import{jsx as v,jsxs as fo}from"react/jsx-runtime";import{createElement as uo}from"react";var po=u=>{var c=u,{name:e,defaultValue:r,rules:t,shouldUnregister:l,label:i,required:p}=c,d=F(c,["name","defaultValue","rules","shouldUnregister","label","required"]);let b=lo();if(!b)throw new Error("Para usar o <Autocomplete /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return v(io,{name:e,control:b.control,defaultValue:r,rules:t,shouldUnregister:l,render:({field:{onChange:f}})=>fo(so,{display:"flex",flexDirection:"column",children:[i&&v(g,{label:i,required:p}),v(no,n(o({size:"small",onChange:(m,a)=>f(a),renderOption:(m,a)=>uo("li",n(o({},m),{key:a.key||a.value}),a.label)},d),{renderInput:m=>{var a,S,s;return v(mo,n(o(o({},m),d.textFieldProps),{InputProps:n(o(o({},m.InputProps),(a=d.textFieldProps)==null?void 0:a.InputProps),{inputProps:o(o({},m.inputProps),(s=(S=d.textFieldProps)==null?void 0:S.InputProps)==null?void 0:s.inputProps)})}))}})),v(C,{name:e})]})})},ao=po;export{ao as Autocomplete,sr as Checkbox,or as Creatable,Br as DatePicker,xe as Form,Sr as RadioButton,kr as RadioGroup,Be as Searchable,Ve as Select,qr as Slider,Pr as Switch,Ge as TextField,oo as TimePicker};
|