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