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