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