@s_mart/form 2.9.4 → 2.9.5

package/dist/index.js

@@ -47,7 +47,7 @@
   }
 
   ${({hideAddButton:c,theme:e})=>!c&&W0(e)}
-`;var _=require("@s_mart/core");var g1=require("lodash"),I1=require("@s_mart/utils");var M=require("react/jsx-runtime"),R1=require("react"),Y0=x=>{var b=x,{name:c,rules:e,defaultValue:i,shouldUnregister:r,label:o,required:V,options:m,editable:s,onEditOption:v,onCreateOption:t,textFieldProps:d,hideAddButton:p,multiple:u,info:C,onChange:k,onInputChange:g,placeholder:H}=b,n=y(b,["name","rules","defaultValue","shouldUnregister","label","required","options","editable","onEditOption","onCreateOption","textFieldProps","hideAddButton","multiple","info","onChange","onInputChange","placeholder"]);let S=(0,y1.useFormContext)();if(!S)throw new Error("Para usar o <Creatable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let O=E(S.formState.errors,c);console.warn=()=>{};let F=l=>{t?t(l):console.error("onCreateOption n\xE3o foi definido")},f=l=>{v?v(l):console.error("onEditOption n\xE3o foi definido")};return(0,M.jsx)(y1.Controller,{control:S.control,name:c,rules:e,defaultValue:i,shouldUnregister:r,render:({field:{value:l,onChange:T,ref:d1}})=>{let a1=(l==null?void 0:l.label)||(l==null?void 0:l.value)||l;return(0,M.jsxs)(R.Grid,{display:"flex",flexDirection:"column",children:[(0,M.jsxs)("div",{style:{display:"flex"},children:[o&&(0,M.jsx)(R.Grid,{item:!0,children:(0,M.jsx)(P,{label:o,required:V})}),C&&(0,M.jsx)(R.Grid,{item:!0,children:(0,M.jsx)(_.Tooltip,{title:C,placement:"top",children:(0,M.jsx)("div",{style:{width:"fit-content"},children:(0,M.jsx)(_.LIcon,{icon:j,color:"#757575"})})})})]}),(0,M.jsx)(a0,{hideAddButton:p,children:(0,M.jsx)(R.Autocomplete,h(a({fullWidth:!0,onChange:(B,A)=>{T(A),k==null||k(A,S.watch())},onInputChange:(B,A,G0)=>{G0==="input"&&(T(A),setTimeout(()=>{g==null||g(A,S.watch())},0))},options:m,value:l||(u?[]:null),multiple:u,noOptionsText:(0,M.jsxs)(_.Button,{sx:{justifyContent:"flex-start",padding:`${(0,I1.toRem)(6)} ${(0,I1.toRem)(-16)}`,margin:0},fullWidth:!0,onClick:()=>F(l),variant:"text",startIcon:(0,M.jsx)(_.LIcon,{icon:E1}),children:["Adicionar ",a1&&`"${a1}"`]}),isOptionEqualToValue:(B,A)=>A?typeof B=="string"&&typeof A=="string"?B===A:typeof B=="object"&&typeof A=="object"?B.value===A.value:typeof B=="object"&&typeof A=="string":!1,renderOption:(B,A)=>typeof A=="object"?(0,R1.createElement)("li",h(a({},B),{key:A.key||A.value}),(0,M.jsxs)(R.Grid,{container:!0,direction:"column",children:[(0,M.jsx)(R.Grid,{item:!0,children:A.label}),A.afterLabel&&(0,M.jsx)(R.Grid,{item:!0,children:A.afterLabel})]})):(0,R1.createElement)("li",h(a({},B),{key:A}),A)},n),{renderInput:B=>(0,M.jsx)(R.TextField,a(h(a({placeholder:H},B),{error:Boolean(O),onChange:T,InputProps:h(a({},B.InputProps),{inputRef:d1,endAdornment:p?void 0:(0,M.jsxs)("div",{className:"endAdornments",children:[B.InputProps.endAdornment,s&&(0,g1.isObject)(l)&&!(0,g1.isEmpty)(l)?(0,M.jsxs)("div",{className:"editable",children:[(0,M.jsx)("div",{className:"divider"}),(0,M.jsx)("div",{className:"button",onClick:()=>f(l),children:(0,M.jsx)(_.LIcon,{icon:W1,size:"24px",removeMargin:!0})})]}):null,(0,M.jsxs)("div",{className:"creatable",children:[(0,M.jsx)("div",{className:"divider"}),(0,M.jsx)("div",{className:"button",onClick:()=>F(l),children:(0,M.jsx)(_.LIcon,{icon:E1,size:"24px",removeMargin:!0})})]})]})})}),d))}),c)}),(0,M.jsx)(w,{name:c})]})}})},r0=(0,o0.memo)(Y0);var x1=require("react-hook-form"),e1=require("@mui/material");var Y=require("react/jsx-runtime"),K0=v=>{var t=v,{name:c,rules:e,defaultValue:i,shouldUnregister:r,label:o,labelPlacement:V,required:m}=t,s=y(t,["name","rules","defaultValue","shouldUnregister","label","labelPlacement","required"]);let d=(0,x1.useFormContext)();if(!d)throw new Error("Para usar o <Checkbox /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,Y.jsx)(x1.Controller,{control:d.control,name:c,rules:e,defaultValue:i,shouldUnregister:r,render:({field:{value:p,onChange:u}})=>(0,Y.jsxs)(e1.Grid,{display:"flex",flexDirection:"column",children:[(0,Y.jsx)(e1.FormControlLabel,{control:(0,Y.jsx)(e1.Checkbox,a({value:p!=null?p:"",defaultValue:p,onChange:u},s),c),label:(0,Y.jsx)(P,{label:o,required:m,regular:!0}),labelPlacement:V||"end"}),(0,Y.jsx)(w,{name:c})]})})},n0=K0;var F1=require("react-hook-form"),l1=require("@mui/material");var K=require("react/jsx-runtime"),Q0=s=>{var v=s,{name:c,rules:e,defaultValue:i,shouldUnregister:r,label:o,labelPlacement:V}=v,m=y(v,["name","rules","defaultValue","shouldUnregister","label","labelPlacement"]);let t=(0,F1.useFormContext)();if(!t)throw new Error("Para usar o <Switch /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,K.jsx)(F1.Controller,{control:t.control,name:c,rules:e,defaultValue:i,shouldUnregister:r,render:({field:{value:d,onChange:p}})=>(0,K.jsxs)(l1.Grid,{display:"flex",flexDirection:"column",children:[(0,K.jsx)(l1.FormControlLabel,{control:(0,K.jsx)(l1.Switch,a({value:d!=null?d:"",checked:d!=null?d:!1,defaultValue:d,onChange:p},m),c),label:(0,K.jsx)(P,{label:o}),labelPlacement:V||"end"}),(0,K.jsx)(w,{name:c})]})})},t0=Q0;var i1=require("@mui/material");var s1=require("react/jsx-runtime"),J0=r=>{var o=r,{label:c,labelPlacement:e}=o,i=y(o,["label","labelPlacement"]);return(0,s1.jsx)(i1.Grid,{display:"flex",flexDirection:"column",children:(0,s1.jsx)(i1.FormControlLabel,{control:(0,s1.jsx)(i1.Radio,a({},i)),label:(0,s1.jsx)(P,{label:c}),labelPlacement:e||"end"})})},s0=J0;var L1=require("react-hook-form"),C1=require("@mui/material");var J=require("react/jsx-runtime"),X0=t=>{var d=t,{name:c,rules:e,defaultValue:i,shouldUnregister:r,label:o,required:V,children:m,orientation:s="row"}=d,v=y(d,["name","rules","defaultValue","shouldUnregister","label","required","children","orientation"]);let p=(0,L1.useFormContext)();if(!p)throw new Error("Para usar o <RadioGroup /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,J.jsx)(L1.Controller,{control:p.control,name:c,rules:e,defaultValue:i,shouldUnregister:r,render:({field:{value:u,onChange:C}})=>(0,J.jsxs)(C1.Grid,{display:"flex",flexDirection:"column",children:[o&&(0,J.jsx)(P,{label:o,required:V}),(0,J.jsx)(C1.RadioGroup,h(a({value:u||"",onChange:C,name:c},v),{style:{display:"flex",flexDirection:s},children:m}),c),(0,J.jsx)(w,{name:c})]})})},h0=X0;var b1=require("react-hook-form"),d0=require("@mui/material");var q1=require("react/jsx-runtime"),c2=V=>{var m=V,{name:c,rules:e,defaultValue:i,shouldUnregister:r}=m,o=y(m,["name","rules","defaultValue","shouldUnregister"]);let s=(0,b1.useFormContext)();if(!s)throw new Error("Para usar o <Slider /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,q1.jsx)(b1.Controller,{control:s.control,name:c,rules:e,defaultValue:i,shouldUnregister:r,render:({field:{value:v,onChange:t}})=>(0,q1.jsx)(d0.Slider,a({value:v||(o==null?void 0:o.min)||0,onChange:t,valueLabelDisplay:"auto"},o),c)})},m0=c2;var p0=require("react"),P1=require("react-hook-form"),u0=require("@s_mart/core"),f0=require("@mui/material"),M0=require("@mui/x-date-pickers/DatePicker"),H0=require("@mui/x-date-pickers/AdapterDayjs"),V0=require("@mui/x-date-pickers/LocalizationProvider");var q=require("@s_mart/utils"),v0=v1(require("@emotion/styled")),e2=c=>{switch(c){case"small":return(0,q.toRem)(16);default:case"medium":return(0,q.toRem)(20);case"large":return(0,q.toRem)(24)}},l2=c=>{switch(c){case"small":return`${(0,q.toRem)(2)} ${(0,q.toRem)(8)}`;default:case"medium":return`${(0,q.toRem)(6)} ${(0,q.toRem)(8)}`;case"large":return`${(0,q.toRem)(10)}`}},Z0=v0.default.div`
+`;var _=require("@s_mart/core");var g1=require("lodash"),I1=require("@s_mart/utils");var M=require("react/jsx-runtime"),R1=require("react"),Y0=x=>{var b=x,{name:c,rules:e,defaultValue:i,shouldUnregister:r,label:o,required:V,options:m,editable:s,onEditOption:v,onCreateOption:t,textFieldProps:d,hideAddButton:p,multiple:u,info:C,onChange:k,onInputChange:g,placeholder:H}=b,n=y(b,["name","rules","defaultValue","shouldUnregister","label","required","options","editable","onEditOption","onCreateOption","textFieldProps","hideAddButton","multiple","info","onChange","onInputChange","placeholder"]);let S=(0,y1.useFormContext)();if(!S)throw new Error("Para usar o <Creatable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let O=E(S.formState.errors,c);console.warn=()=>{};let F=l=>{t?t(l):console.error("onCreateOption n\xE3o foi definido")},f=l=>{v?v(l):console.error("onEditOption n\xE3o foi definido")};return(0,M.jsx)(y1.Controller,{control:S.control,name:c,rules:e,defaultValue:i,shouldUnregister:r,render:({field:{value:l,onChange:T,ref:d1}})=>{let a1=(l==null?void 0:l.label)||(l==null?void 0:l.value)||l;return(0,M.jsxs)(R.Grid,{display:"flex",flexDirection:"column",children:[(0,M.jsxs)("div",{style:{display:"flex"},children:[o&&(0,M.jsx)(R.Grid,{item:!0,children:(0,M.jsx)(P,{label:o,required:V})}),C&&(0,M.jsx)(R.Grid,{item:!0,children:(0,M.jsx)(_.Tooltip,{title:C,placement:"top",children:(0,M.jsx)("div",{style:{width:"fit-content"},children:(0,M.jsx)(_.LIcon,{icon:j,color:"#757575"})})})})]}),(0,M.jsx)(a0,{hideAddButton:p,children:(0,M.jsx)(R.Autocomplete,h(a({fullWidth:!0,onChange:(B,A)=>{T(A),k==null||k(A,S.watch())},onInputChange:(B,A,G0)=>{G0==="input"&&(T(A),setTimeout(()=>{g==null||g(A,S.watch())},0))},options:m,value:l||(u?[]:null),multiple:u,noOptionsText:(0,M.jsxs)(_.Button,{sx:{justifyContent:"flex-start",padding:`${(0,I1.toRem)(6)} ${(0,I1.toRem)(-16)}`,margin:0},fullWidth:!0,onClick:()=>F(l),variant:"text",startIcon:(0,M.jsx)(_.LIcon,{icon:E1}),children:["Adicionar ",a1&&`"${a1}"`]}),isOptionEqualToValue:(B,A)=>A?typeof B=="string"&&typeof A=="string"?B===A:typeof B=="object"&&typeof A=="object"?B.value===A.value:typeof B=="object"&&typeof A=="string":!1,renderOption:(B,A)=>typeof A=="object"?(0,R1.createElement)("li",h(a({},B),{key:A.key||A.value}),(0,M.jsxs)(R.Grid,{container:!0,direction:"column",children:[(0,M.jsx)(R.Grid,{item:!0,children:A.label}),A.afterLabel&&(0,M.jsx)(R.Grid,{item:!0,children:A.afterLabel})]})):(0,R1.createElement)("li",h(a({},B),{key:A}),A)},n),{renderInput:B=>(0,M.jsx)(R.TextField,a(h(a({placeholder:H},B),{error:Boolean(O),onChange:T,InputProps:h(a({},B.InputProps),{inputRef:d1,endAdornment:p?void 0:(0,M.jsxs)("div",{className:"endAdornments",children:[B.InputProps.endAdornment,s&&(0,g1.isObject)(l)&&!(0,g1.isEmpty)(l)?(0,M.jsxs)("div",{className:"editable",children:[(0,M.jsx)("div",{className:"divider"}),(0,M.jsx)("div",{className:"button",onClick:()=>f(l),children:(0,M.jsx)(_.LIcon,{icon:W1,size:"24px",removeMargin:!0})})]}):null,(0,M.jsxs)("div",{className:"creatable",children:[(0,M.jsx)("div",{className:"divider"}),(0,M.jsx)("div",{className:"button",onClick:()=>F(l),children:(0,M.jsx)(_.LIcon,{icon:E1,size:"24px",removeMargin:!0})})]})]})})}),d))}),c)}),(0,M.jsx)(w,{name:c})]})}})},r0=(0,o0.memo)(Y0);var x1=require("react-hook-form"),e1=require("@mui/material");var Y=require("react/jsx-runtime"),K0=v=>{var t=v,{name:c,rules:e,defaultValue:i,shouldUnregister:r,label:o,labelPlacement:V,required:m}=t,s=y(t,["name","rules","defaultValue","shouldUnregister","label","labelPlacement","required"]);let d=(0,x1.useFormContext)();if(!d)throw new Error("Para usar o <Checkbox /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,Y.jsx)(x1.Controller,{control:d.control,name:c,rules:e,defaultValue:i,shouldUnregister:r,render:({field:{value:p,onChange:u}})=>(0,Y.jsxs)(e1.Grid,{display:"flex",flexDirection:"column",children:[(0,Y.jsx)(e1.FormControlLabel,{control:(0,Y.jsx)(e1.Checkbox,a({checked:Boolean(p),value:p!=null?p:"",defaultValue:p,onChange:u},s),c),label:(0,Y.jsx)(P,{label:o,required:m,regular:!0}),labelPlacement:V||"end"}),(0,Y.jsx)(w,{name:c})]})})},n0=K0;var F1=require("react-hook-form"),l1=require("@mui/material");var K=require("react/jsx-runtime"),Q0=s=>{var v=s,{name:c,rules:e,defaultValue:i,shouldUnregister:r,label:o,labelPlacement:V}=v,m=y(v,["name","rules","defaultValue","shouldUnregister","label","labelPlacement"]);let t=(0,F1.useFormContext)();if(!t)throw new Error("Para usar o <Switch /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,K.jsx)(F1.Controller,{control:t.control,name:c,rules:e,defaultValue:i,shouldUnregister:r,render:({field:{value:d,onChange:p}})=>(0,K.jsxs)(l1.Grid,{display:"flex",flexDirection:"column",children:[(0,K.jsx)(l1.FormControlLabel,{control:(0,K.jsx)(l1.Switch,a({value:d!=null?d:"",checked:d!=null?d:!1,defaultValue:d,onChange:p},m),c),label:(0,K.jsx)(P,{label:o}),labelPlacement:V||"end"}),(0,K.jsx)(w,{name:c})]})})},t0=Q0;var i1=require("@mui/material");var s1=require("react/jsx-runtime"),J0=r=>{var o=r,{label:c,labelPlacement:e}=o,i=y(o,["label","labelPlacement"]);return(0,s1.jsx)(i1.Grid,{display:"flex",flexDirection:"column",children:(0,s1.jsx)(i1.FormControlLabel,{control:(0,s1.jsx)(i1.Radio,a({},i)),label:(0,s1.jsx)(P,{label:c}),labelPlacement:e||"end"})})},s0=J0;var L1=require("react-hook-form"),C1=require("@mui/material");var J=require("react/jsx-runtime"),X0=t=>{var d=t,{name:c,rules:e,defaultValue:i,shouldUnregister:r,label:o,required:V,children:m,orientation:s="row"}=d,v=y(d,["name","rules","defaultValue","shouldUnregister","label","required","children","orientation"]);let p=(0,L1.useFormContext)();if(!p)throw new Error("Para usar o <RadioGroup /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,J.jsx)(L1.Controller,{control:p.control,name:c,rules:e,defaultValue:i,shouldUnregister:r,render:({field:{value:u,onChange:C}})=>(0,J.jsxs)(C1.Grid,{display:"flex",flexDirection:"column",children:[o&&(0,J.jsx)(P,{label:o,required:V}),(0,J.jsx)(C1.RadioGroup,h(a({value:u||"",onChange:C,name:c},v),{style:{display:"flex",flexDirection:s},children:m}),c),(0,J.jsx)(w,{name:c})]})})},h0=X0;var b1=require("react-hook-form"),d0=require("@mui/material");var q1=require("react/jsx-runtime"),c2=V=>{var m=V,{name:c,rules:e,defaultValue:i,shouldUnregister:r}=m,o=y(m,["name","rules","defaultValue","shouldUnregister"]);let s=(0,b1.useFormContext)();if(!s)throw new Error("Para usar o <Slider /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,q1.jsx)(b1.Controller,{control:s.control,name:c,rules:e,defaultValue:i,shouldUnregister:r,render:({field:{value:v,onChange:t}})=>(0,q1.jsx)(d0.Slider,a({value:v||(o==null?void 0:o.min)||0,onChange:t,valueLabelDisplay:"auto"},o),c)})},m0=c2;var p0=require("react"),P1=require("react-hook-form"),u0=require("@s_mart/core"),f0=require("@mui/material"),M0=require("@mui/x-date-pickers/DatePicker"),H0=require("@mui/x-date-pickers/AdapterDayjs"),V0=require("@mui/x-date-pickers/LocalizationProvider");var q=require("@s_mart/utils"),v0=v1(require("@emotion/styled")),e2=c=>{switch(c){case"small":return(0,q.toRem)(16);default:case"medium":return(0,q.toRem)(20);case"large":return(0,q.toRem)(24)}},l2=c=>{switch(c){case"small":return`${(0,q.toRem)(2)} ${(0,q.toRem)(8)}`;default:case"medium":return`${(0,q.toRem)(6)} ${(0,q.toRem)(8)}`;case"large":return`${(0,q.toRem)(10)}`}},Z0=v0.default.div`
   > div > button {
     padding: ${({size:c})=>l2(c)};
     border-radius: 0 ${(0,q.toRem)(4)} ${(0,q.toRem)(4)} 0;

package/dist/index.mjs

@@ -47,7 +47,7 @@ var E1=Object.defineProperty,G1=Object.defineProperties;var D1=Object.getOwnProp
   }
 
   ${({hideAddButton:c,theme:l})=>!c&&F0(l)}
-`;import{LIcon as a1,Tooltip as A0,Button as w0}from"@s_mart/core";import{isObject as S0,isEmpty as T0}from"lodash";import{toRem as b1}from"@s_mart/utils";import{jsx as k,jsxs as O}from"react/jsx-runtime";import{createElement as P1}from"react";var E0=y=>{var F=y,{name:c,rules:l,defaultValue:a,shouldUnregister:o,label:r,required:M,options:m,editable:s,onEditOption:v,onCreateOption:t,textFieldProps:d,hideAddButton:Z,multiple:p,info:x,onChange:C,onInputChange:V,placeholder:f}=F,n=H(F,["name","rules","defaultValue","shouldUnregister","label","required","options","editable","onEditOption","onCreateOption","textFieldProps","hideAddButton","multiple","info","onChange","onInputChange","placeholder"]);let w=b0();if(!w)throw new Error("Para usar o <Creatable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let R=E(w.formState.errors,c);console.warn=()=>{};let g=e=>{t?t(e):console.error("onCreateOption n\xE3o foi definido")},u=e=>{v?v(e):console.error("onEditOption n\xE3o foi definido")};return k(C0,{control:w.control,name:c,rules:l,defaultValue:a,shouldUnregister:o,render:({field:{value:e,onChange:T,ref:X}})=>{let K=(e==null?void 0:e.label)||(e==null?void 0:e.value)||e;return O(W,{display:"flex",flexDirection:"column",children:[O("div",{style:{display:"flex"},children:[r&&k(W,{item:!0,children:k(L,{label:r,required:M})}),x&&k(W,{item:!0,children:k(A0,{title:x,placement:"top",children:k("div",{style:{width:"fit-content"},children:k(a1,{icon:q,color:"#757575"})})})})]}),k(C1,{hideAddButton:Z,children:k(P0,h(i({fullWidth:!0,onChange:(G,b)=>{T(b),C==null||C(b,w.watch())},onInputChange:(G,b,T1)=>{T1==="input"&&(T(b),setTimeout(()=>{V==null||V(b,w.watch())},0))},options:m,value:e||(p?[]:null),multiple:p,noOptionsText:O(w0,{sx:{justifyContent:"flex-start",padding:`${b1(6)} ${b1(-16)}`,margin:0},fullWidth:!0,onClick:()=>g(e),variant:"text",startIcon:k(a1,{icon:t1}),children:["Adicionar ",K&&`"${K}"`]}),isOptionEqualToValue:(G,b)=>b?typeof G=="string"&&typeof b=="string"?G===b:typeof G=="object"&&typeof b=="object"?G.value===b.value:typeof G=="object"&&typeof b=="string":!1,renderOption:(G,b)=>typeof b=="object"?P1("li",h(i({},G),{key:b.key||b.value}),O(W,{container:!0,direction:"column",children:[k(W,{item:!0,children:b.label}),b.afterLabel&&k(W,{item:!0,children:b.afterLabel})]})):P1("li",h(i({},G),{key:b}),b)},n),{renderInput:G=>k(k0,i(h(i({placeholder:f},G),{error:Boolean(R),onChange:T,InputProps:h(i({},G.InputProps),{inputRef:X,endAdornment:Z?void 0:O("div",{className:"endAdornments",children:[G.InputProps.endAdornment,s&&S0(e)&&!T0(e)?O("div",{className:"editable",children:[k("div",{className:"divider"}),k("div",{className:"button",onClick:()=>u(e),children:k(a1,{icon:u1,size:"24px",removeMargin:!0})})]}):null,O("div",{className:"creatable",children:[k("div",{className:"divider"}),k("div",{className:"button",onClick:()=>g(e),children:k(a1,{icon:t1,size:"24px",removeMargin:!0})})]})]})})}),d))}),c)}),k(P,{name:c})]})}})},G0=L0(E0);import{Controller as D0,useFormContext as B0}from"react-hook-form";import{Grid as I0,Checkbox as R0,FormControlLabel as q0}from"@mui/material";import{jsx as Q,jsxs as z0}from"react/jsx-runtime";var $0=v=>{var t=v,{name:c,rules:l,defaultValue:a,shouldUnregister:o,label:r,labelPlacement:M,required:m}=t,s=H(t,["name","rules","defaultValue","shouldUnregister","label","labelPlacement","required"]);let d=B0();if(!d)throw new Error("Para usar o <Checkbox /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return Q(D0,{control:d.control,name:c,rules:l,defaultValue:a,shouldUnregister:o,render:({field:{value:Z,onChange:p}})=>z0(I0,{display:"flex",flexDirection:"column",children:[Q(q0,{control:Q(R0,i({value:Z!=null?Z:"",defaultValue:Z,onChange:p},s),c),label:Q(L,{label:r,required:m,regular:!0}),labelPlacement:M||"end"}),Q(P,{name:c})]})})},U0=$0;import{Controller as O0,useFormContext as _0}from"react-hook-form";import{Grid as N0,Switch as j0,FormControlLabel as W0}from"@mui/material";import{jsx as J,jsxs as Q0}from"react/jsx-runtime";var Y0=s=>{var v=s,{name:c,rules:l,defaultValue:a,shouldUnregister:o,label:r,labelPlacement:M}=v,m=H(v,["name","rules","defaultValue","shouldUnregister","label","labelPlacement"]);let t=_0();if(!t)throw new Error("Para usar o <Switch /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return J(O0,{control:t.control,name:c,rules:l,defaultValue:a,shouldUnregister:o,render:({field:{value:d,onChange:Z}})=>Q0(N0,{display:"flex",flexDirection:"column",children:[J(W0,{control:J(j0,i({value:d!=null?d:"",checked:d!=null?d:!1,defaultValue:d,onChange:Z},m),c),label:J(L,{label:r}),labelPlacement:M||"end"}),J(P,{name:c})]})})},K0=Y0;import{Grid as J0,Radio as X0,FormControlLabel as c2}from"@mui/material";import{jsx as o1}from"react/jsx-runtime";var e2=o=>{var r=o,{label:c,labelPlacement:l}=r,a=H(r,["label","labelPlacement"]);return o1(J0,{display:"flex",flexDirection:"column",children:o1(c2,{control:o1(X0,i({},a)),label:o1(L,{label:c}),labelPlacement:l||"end"})})},l2=e2;import{Controller as i2,useFormContext as a2}from"react-hook-form";import{Grid as o2,RadioGroup as r2}from"@mui/material";import{jsx as r1,jsxs as s2}from"react/jsx-runtime";var n2=t=>{var d=t,{name:c,rules:l,defaultValue:a,shouldUnregister:o,label:r,required:M,children:m,orientation:s="row"}=d,v=H(d,["name","rules","defaultValue","shouldUnregister","label","required","children","orientation"]);let Z=a2();if(!Z)throw new Error("Para usar o <RadioGroup /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return r1(i2,{control:Z.control,name:c,rules:l,defaultValue:a,shouldUnregister:o,render:({field:{value:p,onChange:x}})=>s2(o2,{display:"flex",flexDirection:"column",children:[r&&r1(L,{label:r,required:M}),r1(r2,h(i({value:p||"",onChange:x,name:c},v),{style:{display:"flex",flexDirection:s},children:m}),c),r1(P,{name:c})]})})},t2=n2;import{Controller as h2,useFormContext as d2}from"react-hook-form";import{Slider as m2}from"@mui/material";import{jsx as k1}from"react/jsx-runtime";var v2=M=>{var m=M,{name:c,rules:l,defaultValue:a,shouldUnregister:o}=m,r=H(m,["name","rules","defaultValue","shouldUnregister"]);let s=d2();if(!s)throw new Error("Para usar o <Slider /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return k1(h2,{control:s.control,name:c,rules:l,defaultValue:a,shouldUnregister:o,render:({field:{value:v,onChange:t}})=>k1(m2,i({value:v||(r==null?void 0:r.min)||0,onChange:t,valueLabelDisplay:"auto"},r),c)})},Z2=v2;import{memo as M2}from"react";import{Controller as H2,useFormContext as V2}from"react-hook-form";import{Grid as y2}from"@s_mart/core";import{TextField as g2}from"@mui/material";import{DatePicker as x2}from"@mui/x-date-pickers/DatePicker";import{AdapterDayjs as F2}from"@mui/x-date-pickers/AdapterDayjs";import{LocalizationProvider as L2}from"@mui/x-date-pickers/LocalizationProvider";import{toRem as B}from"@s_mart/utils";import p2 from"@emotion/styled";var u2=c=>{switch(c){case"small":return B(16);default:case"medium":return B(20);case"large":return B(24)}},f2=c=>{switch(c){case"small":return`${B(2)} ${B(8)}`;default:case"medium":return`${B(6)} ${B(8)}`;case"large":return`${B(10)}`}},A1=p2.div`
+`;import{LIcon as a1,Tooltip as A0,Button as w0}from"@s_mart/core";import{isObject as S0,isEmpty as T0}from"lodash";import{toRem as b1}from"@s_mart/utils";import{jsx as k,jsxs as O}from"react/jsx-runtime";import{createElement as P1}from"react";var E0=y=>{var F=y,{name:c,rules:l,defaultValue:a,shouldUnregister:o,label:r,required:M,options:m,editable:s,onEditOption:v,onCreateOption:t,textFieldProps:d,hideAddButton:Z,multiple:p,info:x,onChange:C,onInputChange:V,placeholder:f}=F,n=H(F,["name","rules","defaultValue","shouldUnregister","label","required","options","editable","onEditOption","onCreateOption","textFieldProps","hideAddButton","multiple","info","onChange","onInputChange","placeholder"]);let w=b0();if(!w)throw new Error("Para usar o <Creatable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let R=E(w.formState.errors,c);console.warn=()=>{};let g=e=>{t?t(e):console.error("onCreateOption n\xE3o foi definido")},u=e=>{v?v(e):console.error("onEditOption n\xE3o foi definido")};return k(C0,{control:w.control,name:c,rules:l,defaultValue:a,shouldUnregister:o,render:({field:{value:e,onChange:T,ref:X}})=>{let K=(e==null?void 0:e.label)||(e==null?void 0:e.value)||e;return O(W,{display:"flex",flexDirection:"column",children:[O("div",{style:{display:"flex"},children:[r&&k(W,{item:!0,children:k(L,{label:r,required:M})}),x&&k(W,{item:!0,children:k(A0,{title:x,placement:"top",children:k("div",{style:{width:"fit-content"},children:k(a1,{icon:q,color:"#757575"})})})})]}),k(C1,{hideAddButton:Z,children:k(P0,h(i({fullWidth:!0,onChange:(G,b)=>{T(b),C==null||C(b,w.watch())},onInputChange:(G,b,T1)=>{T1==="input"&&(T(b),setTimeout(()=>{V==null||V(b,w.watch())},0))},options:m,value:e||(p?[]:null),multiple:p,noOptionsText:O(w0,{sx:{justifyContent:"flex-start",padding:`${b1(6)} ${b1(-16)}`,margin:0},fullWidth:!0,onClick:()=>g(e),variant:"text",startIcon:k(a1,{icon:t1}),children:["Adicionar ",K&&`"${K}"`]}),isOptionEqualToValue:(G,b)=>b?typeof G=="string"&&typeof b=="string"?G===b:typeof G=="object"&&typeof b=="object"?G.value===b.value:typeof G=="object"&&typeof b=="string":!1,renderOption:(G,b)=>typeof b=="object"?P1("li",h(i({},G),{key:b.key||b.value}),O(W,{container:!0,direction:"column",children:[k(W,{item:!0,children:b.label}),b.afterLabel&&k(W,{item:!0,children:b.afterLabel})]})):P1("li",h(i({},G),{key:b}),b)},n),{renderInput:G=>k(k0,i(h(i({placeholder:f},G),{error:Boolean(R),onChange:T,InputProps:h(i({},G.InputProps),{inputRef:X,endAdornment:Z?void 0:O("div",{className:"endAdornments",children:[G.InputProps.endAdornment,s&&S0(e)&&!T0(e)?O("div",{className:"editable",children:[k("div",{className:"divider"}),k("div",{className:"button",onClick:()=>u(e),children:k(a1,{icon:u1,size:"24px",removeMargin:!0})})]}):null,O("div",{className:"creatable",children:[k("div",{className:"divider"}),k("div",{className:"button",onClick:()=>g(e),children:k(a1,{icon:t1,size:"24px",removeMargin:!0})})]})]})})}),d))}),c)}),k(P,{name:c})]})}})},G0=L0(E0);import{Controller as D0,useFormContext as B0}from"react-hook-form";import{Grid as I0,Checkbox as R0,FormControlLabel as q0}from"@mui/material";import{jsx as Q,jsxs as z0}from"react/jsx-runtime";var $0=v=>{var t=v,{name:c,rules:l,defaultValue:a,shouldUnregister:o,label:r,labelPlacement:M,required:m}=t,s=H(t,["name","rules","defaultValue","shouldUnregister","label","labelPlacement","required"]);let d=B0();if(!d)throw new Error("Para usar o <Checkbox /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return Q(D0,{control:d.control,name:c,rules:l,defaultValue:a,shouldUnregister:o,render:({field:{value:Z,onChange:p}})=>z0(I0,{display:"flex",flexDirection:"column",children:[Q(q0,{control:Q(R0,i({checked:Boolean(Z),value:Z!=null?Z:"",defaultValue:Z,onChange:p},s),c),label:Q(L,{label:r,required:m,regular:!0}),labelPlacement:M||"end"}),Q(P,{name:c})]})})},U0=$0;import{Controller as O0,useFormContext as _0}from"react-hook-form";import{Grid as N0,Switch as j0,FormControlLabel as W0}from"@mui/material";import{jsx as J,jsxs as Q0}from"react/jsx-runtime";var Y0=s=>{var v=s,{name:c,rules:l,defaultValue:a,shouldUnregister:o,label:r,labelPlacement:M}=v,m=H(v,["name","rules","defaultValue","shouldUnregister","label","labelPlacement"]);let t=_0();if(!t)throw new Error("Para usar o <Switch /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return J(O0,{control:t.control,name:c,rules:l,defaultValue:a,shouldUnregister:o,render:({field:{value:d,onChange:Z}})=>Q0(N0,{display:"flex",flexDirection:"column",children:[J(W0,{control:J(j0,i({value:d!=null?d:"",checked:d!=null?d:!1,defaultValue:d,onChange:Z},m),c),label:J(L,{label:r}),labelPlacement:M||"end"}),J(P,{name:c})]})})},K0=Y0;import{Grid as J0,Radio as X0,FormControlLabel as c2}from"@mui/material";import{jsx as o1}from"react/jsx-runtime";var e2=o=>{var r=o,{label:c,labelPlacement:l}=r,a=H(r,["label","labelPlacement"]);return o1(J0,{display:"flex",flexDirection:"column",children:o1(c2,{control:o1(X0,i({},a)),label:o1(L,{label:c}),labelPlacement:l||"end"})})},l2=e2;import{Controller as i2,useFormContext as a2}from"react-hook-form";import{Grid as o2,RadioGroup as r2}from"@mui/material";import{jsx as r1,jsxs as s2}from"react/jsx-runtime";var n2=t=>{var d=t,{name:c,rules:l,defaultValue:a,shouldUnregister:o,label:r,required:M,children:m,orientation:s="row"}=d,v=H(d,["name","rules","defaultValue","shouldUnregister","label","required","children","orientation"]);let Z=a2();if(!Z)throw new Error("Para usar o <RadioGroup /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return r1(i2,{control:Z.control,name:c,rules:l,defaultValue:a,shouldUnregister:o,render:({field:{value:p,onChange:x}})=>s2(o2,{display:"flex",flexDirection:"column",children:[r&&r1(L,{label:r,required:M}),r1(r2,h(i({value:p||"",onChange:x,name:c},v),{style:{display:"flex",flexDirection:s},children:m}),c),r1(P,{name:c})]})})},t2=n2;import{Controller as h2,useFormContext as d2}from"react-hook-form";import{Slider as m2}from"@mui/material";import{jsx as k1}from"react/jsx-runtime";var v2=M=>{var m=M,{name:c,rules:l,defaultValue:a,shouldUnregister:o}=m,r=H(m,["name","rules","defaultValue","shouldUnregister"]);let s=d2();if(!s)throw new Error("Para usar o <Slider /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return k1(h2,{control:s.control,name:c,rules:l,defaultValue:a,shouldUnregister:o,render:({field:{value:v,onChange:t}})=>k1(m2,i({value:v||(r==null?void 0:r.min)||0,onChange:t,valueLabelDisplay:"auto"},r),c)})},Z2=v2;import{memo as M2}from"react";import{Controller as H2,useFormContext as V2}from"react-hook-form";import{Grid as y2}from"@s_mart/core";import{TextField as g2}from"@mui/material";import{DatePicker as x2}from"@mui/x-date-pickers/DatePicker";import{AdapterDayjs as F2}from"@mui/x-date-pickers/AdapterDayjs";import{LocalizationProvider as L2}from"@mui/x-date-pickers/LocalizationProvider";import{toRem as B}from"@s_mart/utils";import p2 from"@emotion/styled";var u2=c=>{switch(c){case"small":return B(16);default:case"medium":return B(20);case"large":return B(24)}},f2=c=>{switch(c){case"small":return`${B(2)} ${B(8)}`;default:case"medium":return`${B(6)} ${B(8)}`;case"large":return`${B(10)}`}},A1=p2.div`
   > div > button {
     padding: ${({size:c})=>f2(c)};
     border-radius: 0 ${B(4)} ${B(4)} 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s_mart/form",
-  "version": "2.9.4",
+  "version": "2.9.5",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",