@s_mart/form 2.6.21 → 2.6.23
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 +4 -2
- package/dist/index.js +22 -22
- package/dist/index.mjs +22 -22
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -8,8 +8,10 @@ interface IFormProps<T> extends UseFormProps {
|
|
|
8
8
|
children: ((methods: UseFormReturn & {
|
|
9
9
|
onSubmit: (e?: React.FormEvent | undefined) => Promise<void>;
|
|
10
10
|
}) => React.ReactNode) | React.ReactNode;
|
|
11
|
+
style?: React.HTMLAttributes<HTMLFormElement>['style'];
|
|
11
12
|
}
|
|
12
|
-
|
|
13
|
+
|
|
14
|
+
declare function Form({ children, onSubmit, style, ...rest }: IFormProps<any>): JSX.Element;
|
|
13
15
|
|
|
14
16
|
type ControllerTextField = Omit<ControllerProps, 'render' | 'control'>;
|
|
15
17
|
type Masks = 'cpf' | 'cnpj' | 'cpfCnpj' | 'cep' | 'telefone' | 'decimal' | 'decimal3' | 'decimal4' | 'decimal5' | 'porcentagem' | 'numero' | 'placa' | 'valor';
|
|
@@ -304,4 +306,4 @@ type AutocompleteProps<T = any> = Omit<UseControllerProps, 'control'> & Omit<Aut
|
|
|
304
306
|
|
|
305
307
|
declare const Autocomplete: ({ name, defaultValue, rules, shouldUnregister, label, required, onInputChange, ...rest }: AutocompleteProps) => JSX.Element;
|
|
306
308
|
|
|
307
|
-
export { Autocomplete, AutocompleteProps, Checkbox, CheckboxProps, Creatable, CreatableOption, CreatableProps, DatePicker, DatePickerProps, Form, RadioButton, RadioGroup, RadioGroupProps, RadioProps, Searchable, SearchableOption, SearchableProps, Select, SelectOption, SelectProps, Slider, SliderProps, Switch, SwitchProps, TextField, TimePicker };
|
|
309
|
+
export { Autocomplete, AutocompleteProps, Checkbox, CheckboxProps, Creatable, CreatableOption, CreatableProps, DatePicker, DatePickerProps, Form, IFormProps, RadioButton, RadioGroup, RadioGroupProps, RadioProps, Searchable, SearchableOption, SearchableProps, Select, SelectOption, SelectProps, Slider, SliderProps, Switch, SwitchProps, TextField, TextFieldProps, TimePicker, TimePickerProps };
|
package/dist/index.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
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,Te=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))Te.call(r,o)&&Ce(e,o,r[o]);return e},a=(e,r)=>fr(e,xr(r));var F=(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&&Te.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})},Se=(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)):{},Se(r||!e||!e.__esModule?H(o,"default",{value:e,enumerable:!0}):o,e)),br=e=>Se(H({},"__esModule",{value:!0}),e);var Rr={};Fr(Rr,{Autocomplete:()=>mr,Checkbox:()=>Oe,Creatable:()=>Be,DatePicker:()=>er,Form:()=>Ee,RadioButton:()=>Ue,RadioGroup:()=>Ne,Searchable:()=>ve,Select:()=>qe,Slider:()=>We,Switch:()=>_e,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(i){var b=i,{children:e,onSubmit:r,style:o}=b,n=F(b,["children","onSubmit","style"]);let s=(0,Z.useForm)(n);(0,Ae.useEffect)(()=>{s.reset(n.defaultValues)},[n.defaultValues,s.reset]);let c=()=>typeof e=="function"?e(a(t({},s),{onSubmit:s.handleSubmit(p=>r(p,s))})):e;return(0,xe.jsx)(Z.FormProvider,a(t({},s),{children:(0,xe.jsx)("form",{onSubmit:p=>{p.preventDefault(),p.stopPropagation(),s.handleSubmit(P=>r(P,s))()},style:o,children:c()})}))}var Ee=hr;var Ie=require("react"),ee=require("react-hook-form"),re=require("phosphor-react"),_=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,i;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:(i=r.formState.errors[e])==null?void 0:i.message}):null};var k=require("react/jsx-runtime"),gr=x=>{var u=x,{name:e,rules:r,defaultValue:o,shouldUnregister:n,label:i,required:b,mask:s,variant:c="outlined",onInputChange:p}=u,P=F(u,["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[f,l]=(0,Ie.useState)(!1),d=T=>{var h;return s?(h=O==null?void 0:O[s])==null?void 0:h.format(T):T},m=T=>{var h;return s?(h=O==null?void 0:O[s])==null?void 0:h.parse(T):T},B=T=>{if(!T||s!=="porcentagem")return;T==null||T.stopPropagation();let h=(T==null?void 0:T.target).value;if(h){let y=String(h);if(y.length>0){let Y=y.indexOf("%");Y>-1&&(T.currentTarget.selectionEnd=Y)}}};return(0,k.jsx)(ee.Controller,{control:g.control,name:e,rules:r,defaultValue:o,shouldUnregister:n,render:({field:{value:T,onChange:h}})=>(0,k.jsxs)(_.Grid,{display:"flex",flexDirection:"column",children:[i&&(0,k.jsx)(w,{label:i,required:b}),(0,k.jsx)(_.TextField,a(t({variant:c,autoComplete:"off",defaultValue:o,value:d(T||""),onChange:y=>{var Y,we;h(m((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())}},P),{type:P.type==="password"?f?"text":"password":P.type,InputProps:t({onKeyDown:B,endAdornment:P.type==="password"&&(0,k.jsx)(_.InputAdornment,{position:"end",onClick:()=>l(!f),style:{cursor:"pointer"},children:f?(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 u=x,{name:e,rules:r,defaultValue:o,shouldUnregister:n,label:i,required:b,options:s,placeholder:c,onInputChange:p}=u,P=F(u,["name","rules","defaultValue","shouldUnregister","label","required","options","placeholder","onInputChange"]);let g=(0,oe.useFormContext)(),{palette:f}=(0,I.useTheme)();if(!g)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:g.control,name:e,rules:r,defaultValue:o||"",shouldUnregister:n,render:({field:{value:l,onChange:d}})=>(0,D.jsxs)(I.Grid,{display:"flex",flexDirection:"column",children:[i&&(0,D.jsx)(w,{label:i,required:b}),(0,D.jsxs)(I.Select,a(t({displayEmpty:Boolean(c),variant:"outlined",autoComplete:"off",value:l||"",onChange:m=>{d(m.target.value),p==null||p(m,m.target.value,g.watch())},size:P.size||"medium"},P),{children:[c&&(0,D.jsx)(I.MenuItem,{disabled:!0,value:"",children:(0,D.jsx)("p",{style:{color:f.grey[400]},children:c})}),s==null?void 0:s.map((m,B)=>(0,D.jsx)(I.MenuItem,{value:m.value,children:m.label},B))]})),(0,D.jsx)(C,{name:e})]})})},qe=wr;var te=require("react-hook-form"),U=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:i,required:b,options:s,textFieldProps:c}=x,p=F(x,["name","rules","defaultValue","shouldUnregister","label","required","options","textFieldProps"]);let u=(0,te.useFormContext)();if(!u)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:u.control,name:e,rules:r,defaultValue:o,shouldUnregister:n,render:({field:{onChange:g,value:f}})=>(0,q.jsxs)(U.Grid,{display:"flex",flexDirection:"column",children:[i&&(0,q.jsx)(w,{label:i,required:b}),(0,q.jsx)(U.Autocomplete,a(t({onChange:(l,d)=>g(d),value:f||null,options:s,noOptionsText:"Nenhuma op\xE7\xE3o encontrada",isOptionEqualToValue:(l,d)=>typeof l=="string"&&typeof d=="string"?l===d:typeof l=="object"&&typeof d=="object"?l.value===d.value:!1,renderOption:(l,d)=>typeof d=="object"?(0,Pe.createElement)("li",a(t({},l),{key:d.key||d.value}),d.label):(0,Pe.createElement)("li",a(t({},l),{key:d}),d)},p),{renderInput:l=>(0,q.jsx)(U.TextField,t(t({},l),c))})),(0,q.jsx)(C,{name:e})]})})},ve=Cr;var ie=require("react-hook-form"),Ve=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;
|
|
5
|
-
`,
|
|
5
|
+
`,Tr=e=>be.css`
|
|
6
6
|
.MuiAutocomplete-endAdornment {
|
|
7
7
|
position: relative;
|
|
8
8
|
right: 0;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
.creatable {
|
|
12
|
-
${
|
|
12
|
+
${ze}
|
|
13
13
|
|
|
14
14
|
.divider {
|
|
15
15
|
width: 1px;
|
|
16
|
-
height: ${(0,
|
|
16
|
+
height: ${(0,L.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,L.toRem)(6)};
|
|
28
|
+
width: ${(0,L.toRem)(28)};
|
|
29
|
+
height: ${(0,L.toRem)(28)};
|
|
30
30
|
|
|
31
31
|
&:hover {
|
|
32
32
|
cursor: pointer;
|
|
@@ -35,48 +35,48 @@
|
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
|
-
`,
|
|
38
|
+
`,Me=Fe.default.div`
|
|
39
39
|
display: flex;
|
|
40
40
|
|
|
41
41
|
div.endAdornments {
|
|
42
42
|
position: absolute;
|
|
43
43
|
right: 0;
|
|
44
44
|
|
|
45
|
-
${
|
|
45
|
+
${ze}
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
-
${({hideAddButton:e,theme:r})=>!e&&
|
|
49
|
-
`,
|
|
48
|
+
${({hideAddButton:e,theme:r})=>!e&&Tr(r)}
|
|
49
|
+
`,Re=Fe.default.div`
|
|
50
50
|
color: ${({theme:e})=>e.palette.text.primary};
|
|
51
51
|
|
|
52
|
-
padding: ${(0,
|
|
53
|
-
margin: ${(0,
|
|
52
|
+
padding: ${(0,L.toRem)(6)} ${(0,L.toRem)(16)};
|
|
53
|
+
margin: ${(0,L.toRem)(-6)} ${(0,L.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
|
|
60
|
+
`;var S=require("react/jsx-runtime"),he=require("react"),Sr=g=>{var f=g,{name:e,rules:r,defaultValue:o,shouldUnregister:n,label:i,required:b,options:s,onCreateOption:c,textFieldProps:p,hideAddButton:P,onInputChange:x}=f,u=F(f,["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 d=m=>{c?c(m):console.error("onCreateOption n\xE3o foi definido")};return(0,S.jsx)(ie.Controller,{control:l.control,name:e,rules:r,defaultValue:o,shouldUnregister:n,render:({field:{value:m,onChange:B}})=>{let T=(m==null?void 0:m.label)||(m==null?void 0:m.value)||m;return(0,S.jsxs)(v.Grid,{display:"flex",flexDirection:"column",children:[i&&(0,S.jsx)(w,{label:i,required:b}),(0,S.jsx)(Me,{hideAddButton:P,children:(0,S.jsx)(v.Autocomplete,a(t({fullWidth:!0,onChange:(h,y)=>(x==null||x(y,l.watch()),B(y)),options:s,value:m||null,noOptionsText:(0,S.jsx)(Re,{onClick:()=>d(m),children:(0,S.jsxs)(v.Typography,{children:["Adicionar ",T&&`"${T}"`]})}),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",a(t({},h),{key:y.key||y.value}),y.label):(0,he.createElement)("li",a(t({},h),{key:y}),y)},u),{renderInput:h=>{let y=P?h.InputProps:a(t({},h.InputProps),{endAdornment:(0,S.jsxs)("div",{className:"endAdornments",children:[h.InputProps.endAdornment,(0,S.jsxs)("div",{className:"creatable",children:[(0,S.jsx)("div",{className:"divider"}),(0,S.jsx)("div",{className:"button",onClick:()=>d(m),children:(0,S.jsx)(Ve.Plus,{size:18,weight:"bold"})})]})]})});return(0,S.jsx)(v.TextField,t(a(t({},h),{onChange:B,InputProps:y}),p))}}))}),(0,S.jsx)(C,{name:e})]})}})},Be=Sr;var le=require("react-hook-form"),N=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:b,required:s}=P,c=F(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:u,onChange:g}})=>(0,z.jsxs)(N.Grid,{display:"flex",flexDirection:"column",children:[(0,z.jsx)(N.FormControlLabel,{control:(0,z.jsx)(N.Checkbox,t({value:u!=null?u:"",defaultValue:u,onChange:g},c)),label:(0,z.jsx)(w,{label:i,required:s,regular:!0}),labelPlacement:b||"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=c=>{var p=c,{name:e,rules:r,defaultValue:o,shouldUnregister:n,label:i,labelPlacement:b}=p,s=F(p,["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:u}})=>(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:u},s)),label:(0,M.jsx)(w,{label:i}),labelPlacement:b||"end"}),(0,M.jsx)(C,{name:e})]})})},_e=Er;var W=require("@mui/material");var J=require("react/jsx-runtime"),kr=n=>{var i=n,{label:e,labelPlacement:r}=i,o=F(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"})})},Ue=kr;var se=require("react-hook-form"),ae=require("@mui/material");var V=require("react/jsx-runtime"),Dr=P=>{var x=P,{name:e,rules:r,defaultValue:o,shouldUnregister:n,label:i,required:b,children:s,orientation:c="row"}=x,p=F(x,["name","rules","defaultValue","shouldUnregister","label","required","children","orientation"]);let u=(0,se.useFormContext)();if(!u)throw new Error("Para usar o <RadioGroup /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,V.jsx)(se.Controller,{control:u.control,name:e,rules:r,defaultValue:o,shouldUnregister:n,render:({field:{value:g,onChange:f}})=>(0,V.jsxs)(ae.Grid,{display:"flex",flexDirection:"column",children:[i&&(0,V.jsx)(w,{label:i,required:b}),(0,V.jsx)(ae.RadioGroup,a(t({value:g||"",onChange:f,name:e},p),{style:{display:"flex",flexDirection:c},children:s})),(0,V.jsx)(C,{name:e})]})})},Ne=Dr;var de=require("react-hook-form"),je=require("@mui/material");var ge=require("react/jsx-runtime"),$r=b=>{var s=b,{name:e,rules:r,defaultValue:o,shouldUnregister:n}=s,i=F(s,["name","rules","defaultValue","shouldUnregister"]);let c=(0,de.useFormContext)();if(!c)throw new Error("Para usar o <Slider /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,ge.jsx)(de.Controller,{control:c.control,name:e,rules:r,defaultValue:o,shouldUnregister:n,render:({field:{value:p,onChange:P}})=>(0,ge.jsx)(je.Slider,t({value:p||(i==null?void 0:i.min)||0,onChange:P,valueLabelDisplay:"auto"},i))})},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
|
-
padding: ${({size:e})=>
|
|
63
|
-
border-radius: 0 ${(0,
|
|
62
|
+
padding: ${({size:e})=>Ir(e)};
|
|
63
|
+
border-radius: 0 ${(0,A.toRem)(4)} ${(0,A.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
|
|
71
|
+
`;var $=require("react/jsx-runtime"),Lr=P=>{var x=P,{rules:e,name:r,defaultValue:o,shouldUnregister:n,datePickerProps:i,label:b,required:s,placeholder:c}=x,p=F(x,["rules","name","defaultValue","shouldUnregister","datePickerProps","label","required","placeholder"]);let u=(0,me.useFormContext)();if(!u)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:u.control,name:r,rules:e,defaultValue:o,shouldUnregister:n,render:({field:{value:g,onChange:f}})=>(0,$.jsxs)(Ke.Grid,{display:"flex",flexDirection:"column",children:[b&&(0,$.jsx)(w,{label:b,required:s}),(0,$.jsx)(Qe.DatePicker,a(t({},i),{value:g!=null?g:null,inputFormat:(i==null?void 0:i.inputFormat)||"DD/MM/YYYY",onChange:f,renderInput:l=>{var d,m;return(0,$.jsx)(Je.TextField,a(t(t({variant:"outlined"},l),p),{inputProps:a(t({},l.inputProps),{placeholder:c||((d=l.inputProps)==null?void 0:d.placeholder)}),InputProps:a(t({},l.InputProps),{endAdornment:(0,$.jsx)(He,{size:p.size,children:(m=l.InputProps)==null?void 0:m.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
|
-
padding: ${({size:e})=>
|
|
74
|
-
border-radius: 0 ${(0,
|
|
73
|
+
padding: ${({size:e})=>vr(e)};
|
|
74
|
+
border-radius: 0 ${(0,E.toRem)(4)} ${(0,E.toRem)(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
|
-
`;var G=require("react/jsx-runtime"),
|
|
82
|
+
`;var G=require("react/jsx-runtime"),zr=P=>{var x=P,{rules:e,defaultValue:r,shouldUnregister:o,name:n,required:i,label:b,timePickerProps:s,placeholder:c}=x,p=F(x,["rules","defaultValue","shouldUnregister","name","required","label","timePickerProps","placeholder"]);let u=(0,pe.useFormContext)();if(!u)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:u.control,name:n,rules:e,defaultValue:r,shouldUnregister:o,render:({field:{value:g,onChange:f}})=>(0,G.jsxs)(tr.Grid,{display:"flex",flexDirection:"column",children:[b&&(0,G.jsx)(w,{label:b,required:i}),(0,G.jsx)(ir.TimePicker,a(t({value:g!=null?g:null,onChange:f},s),{renderInput:l=>{var d,m;return(0,G.jsx)(lr.TextField,a(t(t({variant:"outlined"},l),p),{inputProps:a(t({},l.inputProps),{placeholder:c||((d=l.inputProps)==null?void 0:d.placeholder)}),InputProps:a(t({},l.InputProps),{endAdornment:(0,G.jsx)(or,{size:p.size,children:(m=l.InputProps)==null?void 0:m.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=p=>{var P=p,{name:e,defaultValue:r,rules:o,shouldUnregister:n,label:i,required:b,onInputChange:s}=P,c=F(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:u,value:g}})=>(0,R.jsxs)(dr.Grid,{display:"flex",flexDirection:"column",children:[i&&(0,R.jsx)(w,{label:i,required:b}),(0,R.jsx)(fe.Autocomplete,a(t({onChange:(f,l)=>u(l),onInputChange:(f,l,d)=>{u(l),s==null||s(f,l,d,x.watch())},isOptionEqualToValue:(f,l)=>f.value===l.value,renderOption:(f,l)=>(0,pr.createElement)("li",a(t({},f),{key:l.key||l.value,onClick:d=>{var m;(m=f.onClick)==null||m.call(f,d),u(l)}}),l.label),value:g||null},c),{renderInput:f=>{var l,d,m;return(0,R.jsx)(fe.TextField,a(t(t({},f),c.textFieldProps),{InputProps:a(t(t({},f.InputProps),(l=c.textFieldProps)==null?void 0:l.InputProps),{inputProps:t(t({},f.inputProps),(m=(d=c.textFieldProps)==null?void 0:d.InputProps)==null?void 0:m.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,19 +1,19 @@
|
|
|
1
|
-
var
|
|
1
|
+
var de=Object.defineProperty,me=Object.defineProperties;var pe=Object.getOwnPropertyDescriptors;var B=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(B)for(var t of B(r))Y.call(r,t)&&j(e,t,r[t]);return e},a=(e,r)=>me(e,pe(r));var F=(e,r)=>{var t={};for(var l in e)W.call(e,l)&&r.indexOf(l)<0&&(t[l]=e[l]);if(e!=null&&B)for(var l of B(e))r.indexOf(l)<0&&Y.call(e,l)&&(t[l]=e[l]);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 b=n,{children:e,onSubmit:r,style:t}=b,l=F(b,["children","onSubmit","style"]);let s=ce(l);ue(()=>{s.reset(l.defaultValues)},[l.defaultValues,s.reset]);let c=()=>typeof e=="function"?e(a(o({},s),{onSubmit:s.handleSubmit(p=>r(p,s))})):e;return H(fe,a(o({},s),{children:H("form",{onSubmit:p=>{p.preventDefault(),p.stopPropagation(),s.handleSubmit(P=>r(P,s))()},style:t,children:c()})}))}var ye=xe;import{useState as we}from"react";import{Controller as Ce,useFormContext as Te}from"react-hook-form";import{Eye as Se,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: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,l,n;let r=be();return(l=(t=r==null?void 0:r.formState)==null?void 0:t.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 u=x,{name:e,rules:r,defaultValue:t,shouldUnregister:l,label:n,required:b,mask:s,variant:c="outlined",onInputChange:p}=u,P=F(u,["name","rules","defaultValue","shouldUnregister","label","required","mask","variant","onInputChange"]);let g=Te();if(!g)throw new Error("Para usar o <TextField /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let[f,i]=we(!1),d=T=>{var h;return s?(h=L==null?void 0:L[s])==null?void 0:h.format(T):T},m=T=>{var h;return s?(h=L==null?void 0:L[s])==null?void 0:h.parse(T):T},I=T=>{if(!T||s!=="porcentagem")return;T==null||T.stopPropagation();let h=(T==null?void 0:T.target).value;if(h){let y=String(h);if(y.length>0){let v=y.indexOf("%");v>-1&&(T.currentTarget.selectionEnd=v)}}};return D(Ce,{control:g.control,name:e,rules:r,defaultValue:t,shouldUnregister:l,render:({field:{value:T,onChange:h}})=>Ie(Ee,{display:"flex",flexDirection:"column",children:[n&&D(w,{label:n,required:b}),D(De,a(o({variant:c,autoComplete:"off",defaultValue:t,value:d(T||""),onChange:y=>{var v,N;h(m((v=y==null?void 0:y.target)==null?void 0:v.value)),p==null||p(y,(N=y==null?void 0:y.target)==null?void 0:N.value,g.watch())}},P),{type:P.type==="password"?f?"text":"password":P.type,InputProps:o({onKeyDown:I,endAdornment:P.type==="password"&&D(ke,{position:"end",onClick:()=>i(!f),style:{cursor:"pointer"},children:f?D(Se,{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 u=x,{name:e,rules:r,defaultValue:t,shouldUnregister:l,label:n,required:b,options:s,placeholder:c,onInputChange:p}=u,P=F(u,["name","rules","defaultValue","shouldUnregister","label","required","options","placeholder","onInputChange"]);let g=qe(),{palette:f}=Me();if(!g)throw new Error("Para usar o <Select /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return console.warn=()=>{},q(Le,{control:g.control,name:e,rules:r,defaultValue:t||"",shouldUnregister:l,render:({field:{value:i,onChange:d}})=>X(ve,{display:"flex",flexDirection:"column",children:[n&&q(w,{label:n,required:b}),X(ze,a(o({displayEmpty:Boolean(c),variant:"outlined",autoComplete:"off",value:i||"",onChange:m=>{d(m.target.value),p==null||p(m,m.target.value,g.watch())},size:P.size||"medium"},P),{children:[c&&q(Q,{disabled:!0,value:"",children:q("p",{style:{color:f.grey[400]},children:c})}),s==null?void 0:s.map((m,I)=>q(Q,{value:m.value,children:m.label},I))]})),q(C,{name:e})]})})},Ve=Re;import{Controller as Be,useFormContext as Oe}from"react-hook-form";import{Grid as _e,Autocomplete as Ue,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:t,shouldUnregister:l,label:n,required:b,options:s,textFieldProps:c}=x,p=F(x,["name","rules","defaultValue","shouldUnregister","label","required","options","textFieldProps"]);let u=Oe();if(!u)throw new Error("Para usar o <Searchable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return console.warn=()=>{},z(Be,{control:u.control,name:e,rules:r,defaultValue:t,shouldUnregister:l,render:({field:{onChange:g,value:f}})=>Ye(_e,{display:"flex",flexDirection:"column",children:[n&&z(w,{label:n,required:b}),z(Ue,a(o({onChange:(i,d)=>g(d),value:f||null,options:s,noOptionsText:"Nenhuma op\xE7\xE3o encontrada",isOptionEqualToValue:(i,d)=>typeof i=="string"&&typeof d=="string"?i===d:typeof i=="object"&&typeof d=="object"?i.value===d.value:!1,renderOption:(i,d)=>typeof d=="object"?Z("li",a(o({},i),{key:d.key||d.value}),d.label):Z("li",a(o({},i),{key:d}),d)},p),{renderInput:i=>z(Ne,o(o({},i),c))})),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;
|
|
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;
|
|
16
|
-
height: ${
|
|
16
|
+
height: ${k(20)};
|
|
17
17
|
background-color: ${e.palette.grey[400]};
|
|
18
18
|
}
|
|
19
19
|
|
|
@@ -24,9 +24,9 @@ var ae=Object.defineProperty,de=Object.defineProperties;var me=Object.getOwnProp
|
|
|
24
24
|
color: ${e.palette.grey[600]};
|
|
25
25
|
border-radius: 50%;
|
|
26
26
|
|
|
27
|
-
margin: 0 ${
|
|
28
|
-
width: ${
|
|
29
|
-
height: ${
|
|
27
|
+
margin: 0 ${k(6)};
|
|
28
|
+
width: ${k(28)};
|
|
29
|
+
height: ${k(28)};
|
|
30
30
|
|
|
31
31
|
&:hover {
|
|
32
32
|
cursor: pointer;
|
|
@@ -35,48 +35,48 @@ 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
|
-
padding: ${
|
|
53
|
-
margin: ${
|
|
52
|
+
padding: ${k(6)} ${k(16)};
|
|
53
|
+
margin: ${k(-6)} ${k(-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
|
-
`;import{jsx as
|
|
60
|
+
`;import{jsx as S,jsxs as O}from"react/jsx-runtime";import{createElement as le}from"react";var or=g=>{var f=g,{name:e,rules:r,defaultValue:t,shouldUnregister:l,label:n,required:b,options:s,onCreateOption:c,textFieldProps:p,hideAddButton:P,onInputChange:x}=f,u=F(f,["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 d=m=>{c?c(m):console.error("onCreateOption n\xE3o foi definido")};return S(Ke,{control:i.control,name:e,rules:r,defaultValue:t,shouldUnregister:l,render:({field:{value:m,onChange:I}})=>{let T=(m==null?void 0:m.label)||(m==null?void 0:m.value)||m;return O(Xe,{display:"flex",flexDirection:"column",children:[n&&S(w,{label:n,required:b}),S(te,{hideAddButton:P,children:S(Ze,a(o({fullWidth:!0,onChange:(h,y)=>(x==null||x(y,i.watch()),I(y)),options:s,value:m||null,noOptionsText:S(ie,{onClick:()=>d(m),children:O(rr,{children:["Adicionar ",T&&`"${T}"`]})}),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",a(o({},h),{key:y.key||y.value}),y.label):le("li",a(o({},h),{key:y}),y)},u),{renderInput:h=>{let y=P?h.InputProps:a(o({},h.InputProps),{endAdornment:O("div",{className:"endAdornments",children:[h.InputProps.endAdornment,O("div",{className:"creatable",children:[S("div",{className:"divider"}),S("div",{className:"button",onClick:()=>d(m),children:S(Qe,{size:18,weight:"bold"})})]})]})});return S(er,o(a(o({},h),{onChange:I,InputProps:y}),p))}}))}),S(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=p=>{var P=p,{name:e,rules:r,defaultValue:t,shouldUnregister:l,label:n,labelPlacement:b,required:s}=P,c=F(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:t,shouldUnregister:l,render:({field:{value:u,onChange:g}})=>pr(nr,{display:"flex",flexDirection:"column",children:[M(ar,{control:M(sr,o({value:u!=null?u:"",defaultValue:u,onChange:g},c)),label:M(w,{label:n,required:s,regular:!0}),labelPlacement:b||"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=c=>{var p=c,{name:e,rules:r,defaultValue:t,shouldUnregister:l,label:n,labelPlacement:b}=p,s=F(p,["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:t,shouldUnregister:l,render:({field:{value:x,onChange:u}})=>br(cr,{display:"flex",flexDirection:"column",children:[R(yr,{control:R(xr,o({value:x!=null?x:"",defaultValue:x,onChange:u},s)),label:R(w,{label:n}),labelPlacement:b||"end"}),R(C,{name:e})]})})},Fr=Pr;import{Grid as hr,Radio as gr,FormControlLabel as wr}from"@mui/material";import{jsx as _}from"react/jsx-runtime";var Cr=l=>{var n=l,{label:e,labelPlacement:r}=n,t=F(n,["label","labelPlacement"]);return _(hr,{display:"flex",flexDirection:"column",children:_(wr,{control:_(gr,o({},t)),label:_(w,{label:e}),labelPlacement:r||"end"})})},Tr=Cr;import{Controller as Sr,useFormContext as Ar}from"react-hook-form";import{Grid as Er,RadioGroup as kr}from"@mui/material";import{jsx as U,jsxs as Gr}from"react/jsx-runtime";var Dr=P=>{var x=P,{name:e,rules:r,defaultValue:t,shouldUnregister:l,label:n,required:b,children:s,orientation:c="row"}=x,p=F(x,["name","rules","defaultValue","shouldUnregister","label","required","children","orientation"]);let u=Ar();if(!u)throw new Error("Para usar o <RadioGroup /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return U(Sr,{control:u.control,name:e,rules:r,defaultValue:t,shouldUnregister:l,render:({field:{value:g,onChange:f}})=>Gr(Er,{display:"flex",flexDirection:"column",children:[n&&U(w,{label:n,required:b}),U(kr,a(o({value:g||"",onChange:f,name:e},p),{style:{display:"flex",flexDirection:c},children:s})),U(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=b=>{var s=b,{name:e,rules:r,defaultValue:t,shouldUnregister:l}=s,n=F(s,["name","rules","defaultValue","shouldUnregister"]);let c=Lr();if(!c)throw new Error("Para usar o <Slider /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return ne(Ir,{control:c.control,name:e,rules:r,defaultValue:t,shouldUnregister:l,render:({field:{value:p,onChange:P}})=>ne(qr,o({value:p||(n==null?void 0:n.min)||0,onChange:P,valueLabelDisplay:"auto"},n))})},zr=vr;import{Controller as Br,useFormContext as Or}from"react-hook-form";import{Grid as _r}from"@s_mart/core";import{TextField as Ur}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)}},Vr=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
|
-
padding: ${({size:e})=>
|
|
63
|
-
border-radius: 0 ${
|
|
62
|
+
padding: ${({size:e})=>Vr(e)};
|
|
63
|
+
border-radius: 0 ${A(4)} ${A(4)} 0;
|
|
64
64
|
|
|
65
65
|
margin: 0px -13px 0px 0px;
|
|
66
66
|
|
|
67
67
|
svg {
|
|
68
|
-
width: ${({size:e})=>
|
|
68
|
+
width: ${({size:e})=>Rr(e)};
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
|
-
`;import{jsx as
|
|
71
|
+
`;import{jsx as $,jsxs as Kr}from"react/jsx-runtime";var Yr=P=>{var x=P,{rules:e,name:r,defaultValue:t,shouldUnregister:l,datePickerProps:n,label:b,required:s,placeholder:c}=x,p=F(x,["rules","name","defaultValue","shouldUnregister","datePickerProps","label","required","placeholder"]);let u=Or();if(!u)throw new Error("Para usar o <DataPicker /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return $(Wr,{dateAdapter:jr,children:$(Br,{control:u.control,name:r,rules:e,defaultValue:t,shouldUnregister:l,render:({field:{value:g,onChange:f}})=>Kr(_r,{display:"flex",flexDirection:"column",children:[b&&$(w,{label:b,required:s}),$(Nr,a(o({},n),{value:g!=null?g:null,inputFormat:(n==null?void 0:n.inputFormat)||"DD/MM/YYYY",onChange:f,renderInput:i=>{var d,m;return $(Ur,a(o(o({variant:"outlined"},i),p),{inputProps:a(o({},i.inputProps),{placeholder:c||((d=i.inputProps)==null?void 0:d.placeholder)}),InputProps:a(o({},i.InputProps),{endAdornment:$(se,{size:p.size,children:(m=i.InputProps)==null?void 0:m.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
|
-
padding: ${({size:e})=>
|
|
74
|
-
border-radius: 0 ${
|
|
73
|
+
padding: ${({size:e})=>Xr(e)};
|
|
74
|
+
border-radius: 0 ${E(4)} ${E(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=P=>{var x=P,{rules:e,defaultValue:r,shouldUnregister:t,name:l,required:n,label:b,timePickerProps:s,placeholder:c}=x,p=F(x,["rules","defaultValue","shouldUnregister","name","required","label","timePickerProps","placeholder"]);let u=to();if(!u)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:u.control,name:l,rules:e,defaultValue:r,shouldUnregister:t,render:({field:{value:g,onChange:f}})=>ao(Zr,{display:"flex",flexDirection:"column",children:[b&&G(w,{label:b,required:n}),G(eo,a(o({value:g!=null?g:null,onChange:f},s),{renderInput:i=>{var d,m;return G(ro,a(o(o({variant:"outlined"},i),p),{inputProps:a(o({},i.inputProps),{placeholder:c||((d=i.inputProps)==null?void 0:d.placeholder)}),InputProps:a(o({},i.InputProps),{endAdornment:G(ae,{size:p.size,children:(m=i.InputProps)==null?void 0:m.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 V,jsxs as Fo}from"react/jsx-runtime";import{createElement as Po}from"react";var xo=p=>{var P=p,{name:e,defaultValue:r,rules:t,shouldUnregister:l,label:n,required:b,onInputChange:s}=P,c=F(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=()=>{},V(mo,{name:e,control:x.control,defaultValue:r,rules:t,shouldUnregister:l,render:({field:{onChange:u,value:g}})=>Fo(co,{display:"flex",flexDirection:"column",children:[n&&V(w,{label:n,required:b}),V(uo,a(o({onChange:(f,i)=>u(i),onInputChange:(f,i,d)=>{u(i),s==null||s(f,i,d,x.watch())},isOptionEqualToValue:(f,i)=>f.value===i.value,renderOption:(f,i)=>Po("li",a(o({},f),{key:i.key||i.value,onClick:d=>{var m;(m=f.onClick)==null||m.call(f,d),u(i)}}),i.label),value:g||null},c),{renderInput:f=>{var i,d,m;return V(fo,a(o(o({},f),c.textFieldProps),{InputProps:a(o(o({},f.InputProps),(i=c.textFieldProps)==null?void 0:i.InputProps),{inputProps:o(o({},f.inputProps),(m=(d=c.textFieldProps)==null?void 0:d.InputProps)==null?void 0:m.inputProps)})}))}})),V(C,{name:e})]})})},yo=xo;export{yo as Autocomplete,mr as Checkbox,tr as Creatable,Hr as DatePicker,ye as Form,Tr as RadioButton,$r as RadioGroup,We as Searchable,Ve as Select,zr as Slider,Fr as Switch,Ge as TextField,so as TimePicker};
|