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