@s_mart/form 2.6.4 → 2.6.6
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 +2 -2
- package/dist/index.js +4 -4
- package/dist/index.mjs +4 -4
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import { TextFieldProps as TextFieldProps$1, SelectProps as SelectProps$1, Selec
|
|
|
3
3
|
import { DatePickerProps as DatePickerProps$1, TimePickerProps as TimePickerProps$1 } from '@mui/x-date-pickers';
|
|
4
4
|
|
|
5
5
|
interface IFormProps<T> extends UseFormProps {
|
|
6
|
-
onSubmit: (data: T) => void;
|
|
6
|
+
onSubmit: (data: T, methods: UseFormReturn) => void;
|
|
7
7
|
children: ((methods: UseFormReturn & {
|
|
8
8
|
onSubmit: (e?: React.FormEvent | undefined) => Promise<void>;
|
|
9
9
|
}) => React.ReactNode) | React.ReactNode;
|
|
@@ -11,7 +11,7 @@ interface IFormProps<T> extends UseFormProps {
|
|
|
11
11
|
declare function Form({ children, onSubmit, ...rest }: IFormProps<any>): JSX.Element;
|
|
12
12
|
|
|
13
13
|
type ControllerTextField = Omit<ControllerProps, 'render' | 'control'>;
|
|
14
|
-
type Masks = 'cpf' | 'cnpj' | 'cpfCnpj' | 'cep' | 'telefone' | 'decimal' | 'porcentagem' | 'numero' | 'placa' | 'valor';
|
|
14
|
+
type Masks = 'cpf' | 'cnpj' | 'cpfCnpj' | 'cep' | 'telefone' | 'decimal' | 'decimal3' | 'decimal4' | 'decimal5' | 'porcentagem' | 'numero' | 'placa' | 'valor';
|
|
15
15
|
type TextFieldProps = TextFieldProps$1 & ControllerTextField & {
|
|
16
16
|
mask?: Masks;
|
|
17
17
|
/**
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var dr=Object.create;var W=Object.defineProperty,pr=Object.defineProperties,sr=Object.getOwnPropertyDescriptor,ar=Object.getOwnPropertyDescriptors,ur=Object.getOwnPropertyNames,Q=Object.getOwnPropertySymbols,fr=Object.getPrototypeOf,ce=Object.prototype.hasOwnProperty,ge=Object.prototype.propertyIsEnumerable;var he=(e,r,o)=>r in e?W(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,i=(e,r)=>{for(var o in r||(r={}))ce.call(r,o)&&he(e,o,r[o]);if(Q)for(var o of Q(r))ge.call(r,o)&&he(e,o,r[o]);return e},p=(e,r)=>pr(e,ar(r));var
|
|
1
|
+
"use strict";var dr=Object.create;var W=Object.defineProperty,pr=Object.defineProperties,sr=Object.getOwnPropertyDescriptor,ar=Object.getOwnPropertyDescriptors,ur=Object.getOwnPropertyNames,Q=Object.getOwnPropertySymbols,fr=Object.getPrototypeOf,ce=Object.prototype.hasOwnProperty,ge=Object.prototype.propertyIsEnumerable;var he=(e,r,o)=>r in e?W(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,i=(e,r)=>{for(var o in r||(r={}))ce.call(r,o)&&he(e,o,r[o]);if(Q)for(var o of Q(r))ge.call(r,o)&&he(e,o,r[o]);return e},p=(e,r)=>pr(e,ar(r));var x=(e,r)=>{var o={};for(var l in e)ce.call(e,l)&&r.indexOf(l)<0&&(o[l]=e[l]);if(e!=null&&Q)for(var l of Q(e))r.indexOf(l)<0&&ge.call(e,l)&&(o[l]=e[l]);return o};var cr=(e,r)=>{for(var o in r)W(e,o,{get:r[o],enumerable:!0})},Ce=(e,r,o,l)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of ur(r))!ce.call(e,t)&&t!==o&&W(e,t,{get:()=>r[t],enumerable:!(l=sr(r,t))||l.enumerable});return e};var X=(e,r,o)=>(o=e!=null?dr(fr(e)):{},Ce(r||!e||!e.__esModule?W(o,"default",{value:e,enumerable:!0}):o,e)),xr=e=>Ce(W({},"__esModule",{value:!0}),e);var Rr={};cr(Rr,{Autocomplete:()=>mr,Checkbox:()=>Ue,Creatable:()=>Ve,DatePicker:()=>Qe,Form:()=>we,RadioButton:()=>ze,RadioGroup:()=>Ne,Searchable:()=>Le,Select:()=>Ie,Slider:()=>_e,Switch:()=>ve,TextField:()=>Re,TimePicker:()=>lr});module.exports=xr(Rr);var Se=require("react"),Z=require("react-hook-form");var xe=require("react/jsx-runtime");function yr(l){var t=l,{children:e,onSubmit:r}=t,o=x(t,["children","onSubmit"]);let m=(0,Z.useForm)(o);(0,Se.useEffect)(()=>{m.reset(o.defaultValues)},[o.defaultValues,m.reset]);let n=()=>typeof e=="function"?e(p(i({},m),{onSubmit:m.handleSubmit(s=>r(s,m))})):e;return(0,xe.jsx)(Z.FormProvider,p(i({},m),{children:(0,xe.jsx)("form",{onSubmit:m.handleSubmit(s=>r(s,m)),children:n()})}))}var we=yr;var Ge=require("react"),ee=require("react-hook-form"),re=require("phosphor-react"),z=require("@mui/material"),v=X(require("@s_mart/masks"));var ye=require("@mui/material"),Ae=require("@s_mart/utils"),Y=require("react/jsx-runtime"),b=({label:e,required:r,regular:o})=>(0,Y.jsxs)("span",{style:{display:"flex",alignItems:"center",gap:(0,Ae.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 Ee=require("react-hook-form"),Te=require("@s_mart/core"),De=require("react/jsx-runtime"),h=({name:e})=>{var o,l,t;let r=(0,Ee.useFormContext)();return(l=(o=r==null?void 0:r.formState)==null?void 0:o.errors)!=null&&l[e]?(0,De.jsx)(Te.Indicator,{severity:"error",children:(t=r.formState.errors[e])==null?void 0:t.message}):null};var E=require("react/jsx-runtime"),Fr=a=>{var d=a,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:m,mask:n,variant:s="outlined",onInputChange:u}=d,y=x(d,["name","rules","defaultValue","shouldUnregister","label","required","mask","variant","onInputChange"]);let F=(0,ee.useFormContext)();if(!F)throw new Error("Para usar o <TextField /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let[w,f]=(0,Ge.useState)(!1),g=C=>{var P;return n?(P=v==null?void 0:v[n])==null?void 0:P.format(C):C},c=C=>{var P;return n?(P=v==null?void 0:v[n])==null?void 0:P.parse(C):C},U=C=>{if(!C||n!=="porcentagem")return;C==null||C.stopPropagation();let P=(C==null?void 0:C.target).value;if(P){let S=String(P);if(S.length>0){let j=S.indexOf("%");j>-1&&(C.currentTarget.selectionEnd=j)}}};return(0,E.jsx)(ee.Controller,{control:F.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:C,onChange:P}})=>(0,E.jsxs)(z.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,E.jsx)(b,{label:t,required:m}),(0,E.jsx)(z.TextField,p(i({size:"small",variant:s,autoComplete:"off",defaultValue:o,value:g(C||""),onChange:S=>{var j;u==null||u(S),P(c((j=S==null?void 0:S.target)==null?void 0:j.value))}},y),{type:y.type==="password"?w?"text":"password":y.type,InputProps:i({onKeyDown:U,endAdornment:y.type==="password"&&(0,E.jsx)(z.InputAdornment,{position:"end",onClick:()=>f(!w),style:{cursor:"pointer"},children:w?(0,E.jsx)(re.Eye,{size:20}):(0,E.jsx)(re.EyeSlash,{size:20})})},y.InputProps)})),(0,E.jsx)(h,{name:e})]})})},Re=Fr;var oe=require("react-hook-form"),R=require("@mui/material");var T=require("react/jsx-runtime"),Pr=a=>{var d=a,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:m,options:n,placeholder:s,onInputChange:u}=d,y=x(d,["name","rules","defaultValue","shouldUnregister","label","required","options","placeholder","onInputChange"]);let F=(0,oe.useFormContext)(),{palette:w}=(0,R.useTheme)();if(!F)throw new Error("Para usar o <Select /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,T.jsx)(oe.Controller,{control:F.control,name:e,rules:r,defaultValue:o||"",shouldUnregister:l,render:({field:{value:f,onChange:g}})=>(0,T.jsxs)(R.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,T.jsx)(b,{label:t,required:m}),(0,T.jsxs)(R.Select,p(i({displayEmpty:Boolean(s),size:"small",variant:"outlined",autoComplete:"off",value:f||"",onChange:c=>{u==null||u(c),g(c.target.value)}},y),{children:[s&&(0,T.jsx)(R.MenuItem,{disabled:!0,value:"",children:(0,T.jsx)("p",{style:{color:w.grey[400]},children:s})}),n==null?void 0:n.map((c,U)=>(0,T.jsx)(R.MenuItem,{value:c.value,children:c.label},U))]})),(0,T.jsx)(h,{name:e})]})})},Ie=Pr;var te=require("react-hook-form"),N=require("@mui/material");var L=require("react/jsx-runtime"),br=y=>{var a=y,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:m,options:n,textFieldProps:s}=a,u=x(a,["name","rules","defaultValue","shouldUnregister","label","required","options","textFieldProps"]);let d=(0,te.useFormContext)();if(!d)throw new Error("Para usar o <Searchable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,L.jsx)(te.Controller,{control:d.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{onChange:F,value:w}})=>(0,L.jsxs)(N.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,L.jsx)(b,{label:t,required:m}),(0,L.jsx)(N.Autocomplete,p(i({size:"small",onChange:(f,g)=>F(g),value:w||null,options:n,noOptionsText:"Nenhuma op\xE7\xE3o encontrada",isOptionEqualToValue:(f,g)=>typeof f=="string"&&typeof g=="string"?f===g:typeof f=="object"&&typeof g=="object"?f.value===g.value:!1},u),{renderInput:f=>(0,L.jsx)(N.TextField,i(i({},f),s))})),(0,L.jsx)(h,{name:e})]})})},Le=br;var ie=require("react-hook-form"),Me=require("phosphor-react"),$=require("@mui/material");var I=require("@s_mart/utils"),Fe=X(require("@emotion/styled")),Pe=require("@emotion/react"),$e=Pe.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"),gr=
|
|
60
|
+
`;var A=require("react/jsx-runtime"),gr=F=>{var w=F,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:m,options:n,onCreateOption:s,textFieldProps:u,hideAddButton:y,onInputChange:a}=w,d=x(w,["name","rules","defaultValue","shouldUnregister","label","required","options","onCreateOption","textFieldProps","hideAddButton","onInputChange"]);let f=(0,ie.useFormContext)();if(!f)throw new Error("Para usar o <Creatable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let g=c=>{s?s(c):console.error("onCreateOption n\xE3o foi definido")};return(0,A.jsx)(ie.Controller,{control:f.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:c,onChange:U}})=>{let C=(c==null?void 0:c.label)||(c==null?void 0:c.value)||c;return(0,A.jsxs)($.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,A.jsx)(b,{label:t,required:m}),(0,A.jsx)(ke,{hideAddButton:y,children:(0,A.jsx)($.Autocomplete,p(i({size:"small",fullWidth:!0,onChange:(P,S)=>(a==null||a(S),U(S)),options:n,value:c||null,noOptionsText:(0,A.jsx)(qe,{onClick:()=>g(c),children:(0,A.jsxs)($.Typography,{children:["Adicionar ",C&&`"${C}"`]})}),isOptionEqualToValue:(P,S)=>S?typeof P=="string"&&typeof S=="string"?P===S:typeof P=="object"&&typeof S=="object"?P.value===S.value:typeof P=="object"&&typeof S=="string":!1},d),{renderInput:P=>{let S=y?P.InputProps:p(i({},P.InputProps),{endAdornment:(0,A.jsxs)("div",{className:"endAdornments",children:[P.InputProps.endAdornment,(0,A.jsxs)("div",{className:"creatable",children:[(0,A.jsx)("div",{className:"divider"}),(0,A.jsx)("div",{className:"button",onClick:()=>g(c),children:(0,A.jsx)(Me.Plus,{size:18,weight:"bold"})})]})]})});return(0,A.jsx)($.TextField,i(p(i({},P),{onChange:U,InputProps:S}),u))}}))}),(0,A.jsx)(h,{name:e})]})}})},Ve=gr;var le=require("react-hook-form"),O=require("@mui/material");var k=require("react/jsx-runtime"),Cr=u=>{var y=u,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,labelPlacement:m,required:n}=y,s=x(y,["name","rules","defaultValue","shouldUnregister","label","labelPlacement","required"]);let a=(0,le.useFormContext)();if(!a)throw new Error("Para usar o <Checkbox /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,k.jsx)(le.Controller,{control:a.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:d,onChange:F}})=>(0,k.jsxs)(O.Grid,{display:"flex",flexDirection:"column",children:[(0,k.jsx)(O.FormControlLabel,{control:(0,k.jsx)(O.Checkbox,i({value:d!=null?d:"",defaultValue:d,onChange:F},s)),label:(0,k.jsx)(b,{label:t,required:n,regular:!0}),labelPlacement:m||"end"}),(0,k.jsx)(h,{name:e})]})})},Ue=Cr;var ne=require("react-hook-form"),_=require("@mui/material");var q=require("react/jsx-runtime"),Sr=s=>{var u=s,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,labelPlacement:m}=u,n=x(u,["name","rules","defaultValue","shouldUnregister","label","labelPlacement"]);let y=(0,ne.useFormContext)();if(!y)throw new Error("Para usar o <Switch /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,q.jsx)(ne.Controller,{control:y.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:a,onChange:d}})=>(0,q.jsxs)(_.Grid,{display:"flex",flexDirection:"column",children:[(0,q.jsx)(_.FormControlLabel,{control:(0,q.jsx)(_.Switch,i({value:a!=null?a:"",defaultValue:a,onChange:d},n)),label:(0,q.jsx)(b,{label:t}),labelPlacement:m||"end"}),(0,q.jsx)(h,{name:e})]})})},ve=Sr;var B=require("@mui/material");var H=require("react/jsx-runtime"),wr=l=>{var t=l,{label:e,labelPlacement:r}=t,o=x(t,["label","labelPlacement"]);return(0,H.jsx)(B.Grid,{display:"flex",flexDirection:"column",children:(0,H.jsx)(B.FormControlLabel,{control:(0,H.jsx)(B.Radio,i({},o)),label:(0,H.jsx)(b,{label:e}),labelPlacement:r||"end"})})},ze=wr;var me=require("react-hook-form"),de=require("@mui/material");var V=require("react/jsx-runtime"),Ar=y=>{var a=y,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:t,required:m,children:n,orientation:s="row"}=a,u=x(a,["name","rules","defaultValue","shouldUnregister","label","required","children","orientation"]);let d=(0,me.useFormContext)();if(!d)throw new Error("Para usar o <RadioGroup /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,V.jsx)(me.Controller,{control:d.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:F,onChange:w}})=>(0,V.jsxs)(de.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,V.jsx)(b,{label:t,required:m}),(0,V.jsx)(de.RadioGroup,p(i({value:F||"",onChange:w,name:e},u),{style:{display:"flex",flexDirection:s},children:n})),(0,V.jsx)(h,{name:e})]})})},Ne=Ar;var pe=require("react-hook-form"),Oe=require("@mui/material");var be=require("react/jsx-runtime"),Er=m=>{var n=m,{name:e,rules:r,defaultValue:o,shouldUnregister:l}=n,t=x(n,["name","rules","defaultValue","shouldUnregister"]);let s=(0,pe.useFormContext)();if(!s)throw new Error("Para usar o <Slider /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,be.jsx)(pe.Controller,{control:s.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:u,onChange:y}})=>(0,be.jsx)(Oe.Slider,i({value:u||(t==null?void 0:t.min)||0,onChange:y,valueLabelDisplay:"auto"},t))})},_e=Er;var se=require("react-hook-form"),We=require("@s_mart/core"),Ye=require("@mui/material"),He=require("@mui/x-date-pickers/DatePicker"),Ke=require("@mui/x-date-pickers/AdapterDayjs"),Je=require("@mui/x-date-pickers/LocalizationProvider");var K=require("@s_mart/utils"),Be=X(require("@emotion/styled")),je=Be.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"),Tr=
|
|
67
|
+
`;var D=require("react/jsx-runtime"),Tr=y=>{var a=y,{rules:e,name:r,defaultValue:o,shouldUnregister:l,datePickerProps:t,label:m,required:n,placeholder:s}=a,u=x(a,["rules","name","defaultValue","shouldUnregister","datePickerProps","label","required","placeholder"]);let d=(0,se.useFormContext)();if(!d)throw new Error("Para usar o <DataPicker /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,D.jsx)(Je.LocalizationProvider,{dateAdapter:Ke.AdapterDayjs,children:(0,D.jsx)(se.Controller,{control:d.control,name:r,rules:e,defaultValue:o,shouldUnregister:l,render:({field:{value:F,onChange:w}})=>(0,D.jsxs)(We.Grid,{display:"flex",flexDirection:"column",children:[m&&(0,D.jsx)(b,{label:m,required:n}),(0,D.jsx)(He.DatePicker,p(i({},t),{value:F!=null?F:null,inputFormat:(t==null?void 0:t.inputFormat)||"DD/MM/YYYY",onChange:w,renderInput:f=>{var g,c;return(0,D.jsx)(Ye.TextField,p(i(i({size:"small",variant:"outlined"},f),u),{inputProps:p(i({},f.inputProps),{placeholder:s||((g=f.inputProps)==null?void 0:g.placeholder)}),InputProps:p(i({},f.InputProps),{endAdornment:(0,D.jsx)(je,{children:(c=f.InputProps)==null?void 0:c.endAdornment})})}))}})),(0,D.jsx)(h,{name:r})]})})})},Qe=Tr;var er=require("@s_mart/core"),rr=require("@mui/x-date-pickers/TimePicker"),or=require("@mui/material"),ae=require("react-hook-form"),tr=require("@mui/x-date-pickers/AdapterDayjs"),ir=require("@mui/x-date-pickers/LocalizationProvider");var J=require("@s_mart/utils"),Xe=X(require("@emotion/styled")),Ze=Xe.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 G=require("react/jsx-runtime"),Dr=
|
|
74
|
+
`;var G=require("react/jsx-runtime"),Dr=y=>{var a=y,{rules:e,defaultValue:r,shouldUnregister:o,name:l,required:t,label:m,timePickerProps:n,placeholder:s}=a,u=x(a,["rules","defaultValue","shouldUnregister","name","required","label","timePickerProps","placeholder"]);let d=(0,ae.useFormContext)();if(!d)throw new Error("Para usar o <TimePicker /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return(0,G.jsx)(ir.LocalizationProvider,{dateAdapter:tr.AdapterDayjs,children:(0,G.jsx)(ae.Controller,{control:d.control,name:l,rules:e,defaultValue:r,shouldUnregister:o,render:({field:{value:F,onChange:w}})=>(0,G.jsxs)(er.Grid,{display:"flex",flexDirection:"column",children:[m&&(0,G.jsx)(b,{label:m,required:t}),(0,G.jsx)(rr.TimePicker,p(i({value:F!=null?F:null,onChange:w},n),{renderInput:f=>{var g,c;return(0,G.jsx)(or.TextField,p(i(i({size:"small",variant:"outlined"},f),u),{inputProps:p(i({},f.inputProps),{placeholder:s||((g=f.inputProps)==null?void 0:g.placeholder)}),InputProps:p(i({},f.InputProps),{endAdornment:(0,G.jsx)(Ze,{children:(c=f.InputProps)==null?void 0:c.endAdornment})})}))}})),(0,G.jsx)(h,{name:l})]})})})},lr=Dr;var ue=require("react-hook-form"),fe=require("@mui/material");var nr=require("@s_mart/core");var M=require("react/jsx-runtime"),Gr=s=>{var u=s,{name:e,defaultValue:r,rules:o,shouldUnregister:l,label:t,required:m}=u,n=x(u,["name","defaultValue","rules","shouldUnregister","label","required"]);let y=(0,ue.useFormContext)();if(!y)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:y.control,defaultValue:r,rules:o,shouldUnregister:l,render:({field:{onChange:a}})=>(0,M.jsxs)(nr.Grid,{display:"flex",flexDirection:"column",children:[t&&(0,M.jsx)(b,{label:t,required:m}),(0,M.jsx)(fe.Autocomplete,p(i({size:"small",onChange:(d,F)=>a(F)},n),{renderInput:d=>{var F;return(0,M.jsx)(fe.TextField,p(i(i({},d),n.textFieldProps),{InputProps:i(i({},d.InputProps),(F=n.textFieldProps)==null?void 0:F.InputProps)}))}})),(0,M.jsx)(h,{name:e})]})})},mr=Gr;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 ne=Object.defineProperty,me=Object.defineProperties;var de=Object.getOwnPropertyDescriptors;var
|
|
1
|
+
var ne=Object.defineProperty,me=Object.defineProperties;var de=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable;var B=(e,r,o)=>r in e?ne(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,t=(e,r)=>{for(var o in r||(r={}))j.call(r,o)&&B(e,o,r[o]);if(U)for(var o of U(r))W.call(r,o)&&B(e,o,r[o]);return e},p=(e,r)=>me(e,de(r));var x=(e,r)=>{var o={};for(var l in e)j.call(e,l)&&r.indexOf(l)<0&&(o[l]=e[l]);if(e!=null&&U)for(var l of U(e))r.indexOf(l)<0&&W.call(e,l)&&(o[l]=e[l]);return o};import{useEffect as pe}from"react";import{FormProvider as se,useForm as ae}from"react-hook-form";import{jsx as Y}from"react/jsx-runtime";function ue(l){var i=l,{children:e,onSubmit:r}=i,o=x(i,["children","onSubmit"]);let m=ae(o);pe(()=>{m.reset(o.defaultValues)},[o.defaultValues,m.reset]);let n=()=>typeof e=="function"?e(p(t({},m),{onSubmit:m.handleSubmit(s=>r(s,m))})):e;return Y(se,p(t({},m),{children:Y("form",{onSubmit:m.handleSubmit(s=>r(s,m)),children:n()})}))}var fe=ue;import{useState as be}from"react";import{Controller as he,useFormContext as ge}from"react-hook-form";import{Eye as Ce,EyeSlash as Se}from"phosphor-react";import{Grid as we,InputAdornment as Ae,TextField as Ee}from"@mui/material";import*as I from"@s_mart/masks";import{Typography as H}from"@mui/material";import{toRem as ce}from"@s_mart/utils";import{jsx as K,jsxs as xe}from"react/jsx-runtime";var b=({label:e,required:r,regular:o})=>xe("span",{style:{display:"flex",alignItems:"center",gap:ce(2)},children:[K(H,{variant:"caption",fontWeight:o?400:700,style:{display:"flex",alignItems:"center"},children:e}),r&&K(H,{variant:"caption",fontWeight:900,color:"error",children:"*"})]});import{useFormContext as ye}from"react-hook-form";import{Indicator as Fe}from"@s_mart/core";import{jsx as Pe}from"react/jsx-runtime";var h=({name:e})=>{var o,l,i;let r=ye();return(l=(o=r==null?void 0:r.formState)==null?void 0:o.errors)!=null&&l[e]?Pe(Fe,{severity:"error",children:(i=r.formState.errors[e])==null?void 0:i.message}):null};import{jsx as T,jsxs as Ge}from"react/jsx-runtime";var Te=a=>{var d=a,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:i,required:m,mask:n,variant:s="outlined",onInputChange:u}=d,y=x(d,["name","rules","defaultValue","shouldUnregister","label","required","mask","variant","onInputChange"]);let F=ge();if(!F)throw new Error("Para usar o <TextField /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let[w,f]=be(!1),g=C=>{var P;return n?(P=I==null?void 0:I[n])==null?void 0:P.format(C):C},c=C=>{var P;return n?(P=I==null?void 0:I[n])==null?void 0:P.parse(C):C},R=C=>{if(!C||n!=="porcentagem")return;C==null||C.stopPropagation();let P=(C==null?void 0:C.target).value;if(P){let S=String(P);if(S.length>0){let $=S.indexOf("%");$>-1&&(C.currentTarget.selectionEnd=$)}}};return T(he,{control:F.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:C,onChange:P}})=>Ge(we,{display:"flex",flexDirection:"column",children:[i&&T(b,{label:i,required:m}),T(Ee,p(t({size:"small",variant:s,autoComplete:"off",defaultValue:o,value:g(C||""),onChange:S=>{var $;u==null||u(S),P(c(($=S==null?void 0:S.target)==null?void 0:$.value))}},y),{type:y.type==="password"?w?"text":"password":y.type,InputProps:t({onKeyDown:R,endAdornment:y.type==="password"&&T(Ae,{position:"end",onClick:()=>f(!w),style:{cursor:"pointer"},children:w?T(Ce,{size:20}):T(Se,{size:20})})},y.InputProps)})),T(h,{name:e})]})})},De=Te;import{Controller as Re,useFormContext as Ie}from"react-hook-form";import{Grid as Le,Select as $e,MenuItem as J,useTheme as ke}from"@mui/material";import{jsx as L,jsxs as Q}from"react/jsx-runtime";var qe=a=>{var d=a,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:i,required:m,options:n,placeholder:s,onInputChange:u}=d,y=x(d,["name","rules","defaultValue","shouldUnregister","label","required","options","placeholder","onInputChange"]);let F=Ie(),{palette:w}=ke();if(!F)throw new Error("Para usar o <Select /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return L(Re,{control:F.control,name:e,rules:r,defaultValue:o||"",shouldUnregister:l,render:({field:{value:f,onChange:g}})=>Q(Le,{display:"flex",flexDirection:"column",children:[i&&L(b,{label:i,required:m}),Q($e,p(t({displayEmpty:Boolean(s),size:"small",variant:"outlined",autoComplete:"off",value:f||"",onChange:c=>{u==null||u(c),g(c.target.value)}},y),{children:[s&&L(J,{disabled:!0,value:"",children:L("p",{style:{color:w.grey[400]},children:s})}),n==null?void 0:n.map((c,R)=>L(J,{value:c.value,children:c.label},R))]})),L(h,{name:e})]})})},Me=qe;import{Controller as Ve,useFormContext as Ue}from"react-hook-form";import{Grid as ve,Autocomplete as ze,TextField as Ne}from"@mui/material";import{jsx as k,jsxs as Be}from"react/jsx-runtime";var Oe=y=>{var a=y,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:i,required:m,options:n,textFieldProps:s}=a,u=x(a,["name","rules","defaultValue","shouldUnregister","label","required","options","textFieldProps"]);let d=Ue();if(!d)throw new Error("Para usar o <Searchable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return k(Ve,{control:d.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{onChange:F,value:w}})=>Be(ve,{display:"flex",flexDirection:"column",children:[i&&k(b,{label:i,required:m}),k(ze,p(t({size:"small",onChange:(f,g)=>F(g),value:w||null,options:n,noOptionsText:"Nenhuma op\xE7\xE3o encontrada",isOptionEqualToValue:(f,g)=>typeof f=="string"&&typeof g=="string"?f===g:typeof f=="object"&&typeof g=="object"?f.value===g.value:!1},u),{renderInput:f=>k(Ne,t(t({},f),s))})),k(h,{name:e})]})})},_e=Oe;import{Controller as We,useFormContext as Ye}from"react-hook-form";import{Plus as He}from"phosphor-react";import{Grid as Ke,Autocomplete as Je,TextField as Qe,Typography as Xe}from"@mui/material";import{toRem as E}from"@s_mart/utils";import X from"@emotion/styled";import{css as Z}from"@emotion/react";var ee=Z`
|
|
2
2
|
display: flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
justify-content: center;
|
|
@@ -57,18 +57,18 @@ var ne=Object.defineProperty,me=Object.defineProperties;var de=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
|
|
60
|
+
`;import{jsx as A,jsxs as v}from"react/jsx-runtime";var Ze=F=>{var w=F,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:i,required:m,options:n,onCreateOption:s,textFieldProps:u,hideAddButton:y,onInputChange:a}=w,d=x(w,["name","rules","defaultValue","shouldUnregister","label","required","options","onCreateOption","textFieldProps","hideAddButton","onInputChange"]);let f=Ye();if(!f)throw new Error("Para usar o <Creatable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let g=c=>{s?s(c):console.error("onCreateOption n\xE3o foi definido")};return A(We,{control:f.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:c,onChange:R}})=>{let C=(c==null?void 0:c.label)||(c==null?void 0:c.value)||c;return v(Ke,{display:"flex",flexDirection:"column",children:[i&&A(b,{label:i,required:m}),A(re,{hideAddButton:y,children:A(Je,p(t({size:"small",fullWidth:!0,onChange:(P,S)=>(a==null||a(S),R(S)),options:n,value:c||null,noOptionsText:A(oe,{onClick:()=>g(c),children:v(Xe,{children:["Adicionar ",C&&`"${C}"`]})}),isOptionEqualToValue:(P,S)=>S?typeof P=="string"&&typeof S=="string"?P===S:typeof P=="object"&&typeof S=="object"?P.value===S.value:typeof P=="object"&&typeof S=="string":!1},d),{renderInput:P=>{let S=y?P.InputProps:p(t({},P.InputProps),{endAdornment:v("div",{className:"endAdornments",children:[P.InputProps.endAdornment,v("div",{className:"creatable",children:[A("div",{className:"divider"}),A("div",{className:"button",onClick:()=>g(c),children:A(He,{size:18,weight:"bold"})})]})]})});return A(Qe,t(p(t({},P),{onChange:R,InputProps:S}),u))}}))}),A(h,{name:e})]})}})},er=Ze;import{Controller as rr,useFormContext as or}from"react-hook-form";import{Grid as tr,Checkbox as ir,FormControlLabel as lr}from"@mui/material";import{jsx as q,jsxs as dr}from"react/jsx-runtime";var nr=u=>{var y=u,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:i,labelPlacement:m,required:n}=y,s=x(y,["name","rules","defaultValue","shouldUnregister","label","labelPlacement","required"]);let a=or();if(!a)throw new Error("Para usar o <Checkbox /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return q(rr,{control:a.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:d,onChange:F}})=>dr(tr,{display:"flex",flexDirection:"column",children:[q(lr,{control:q(ir,t({value:d!=null?d:"",defaultValue:d,onChange:F},s)),label:q(b,{label:i,required:n,regular:!0}),labelPlacement:m||"end"}),q(h,{name:e})]})})},mr=nr;import{Controller as pr,useFormContext as sr}from"react-hook-form";import{Grid as ar,Switch as ur,FormControlLabel as fr}from"@mui/material";import{jsx as M,jsxs as yr}from"react/jsx-runtime";var cr=s=>{var u=s,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:i,labelPlacement:m}=u,n=x(u,["name","rules","defaultValue","shouldUnregister","label","labelPlacement"]);let y=sr();if(!y)throw new Error("Para usar o <Switch /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return M(pr,{control:y.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:a,onChange:d}})=>yr(ar,{display:"flex",flexDirection:"column",children:[M(fr,{control:M(ur,t({value:a!=null?a:"",defaultValue:a,onChange:d},n)),label:M(b,{label:i}),labelPlacement:m||"end"}),M(h,{name:e})]})})},xr=cr;import{Grid as Fr,Radio as Pr,FormControlLabel as br}from"@mui/material";import{jsx as z}from"react/jsx-runtime";var hr=l=>{var i=l,{label:e,labelPlacement:r}=i,o=x(i,["label","labelPlacement"]);return z(Fr,{display:"flex",flexDirection:"column",children:z(br,{control:z(Pr,t({},o)),label:z(b,{label:e}),labelPlacement:r||"end"})})},gr=hr;import{Controller as Cr,useFormContext as Sr}from"react-hook-form";import{Grid as wr,RadioGroup as Ar}from"@mui/material";import{jsx as N,jsxs as Dr}from"react/jsx-runtime";var Er=y=>{var a=y,{name:e,rules:r,defaultValue:o,shouldUnregister:l,label:i,required:m,children:n,orientation:s="row"}=a,u=x(a,["name","rules","defaultValue","shouldUnregister","label","required","children","orientation"]);let d=Sr();if(!d)throw new Error("Para usar o <RadioGroup /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return N(Cr,{control:d.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:F,onChange:w}})=>Dr(wr,{display:"flex",flexDirection:"column",children:[i&&N(b,{label:i,required:m}),N(Ar,p(t({value:F||"",onChange:w,name:e},u),{style:{display:"flex",flexDirection:s},children:n})),N(h,{name:e})]})})},Tr=Er;import{Controller as Gr,useFormContext as Rr}from"react-hook-form";import{Slider as Ir}from"@mui/material";import{jsx as te}from"react/jsx-runtime";var Lr=m=>{var n=m,{name:e,rules:r,defaultValue:o,shouldUnregister:l}=n,i=x(n,["name","rules","defaultValue","shouldUnregister"]);let s=Rr();if(!s)throw new Error("Para usar o <Slider /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return te(Gr,{control:s.control,name:e,rules:r,defaultValue:o,shouldUnregister:l,render:({field:{value:u,onChange:y}})=>te(Ir,t({value:u||(i==null?void 0:i.min)||0,onChange:y,valueLabelDisplay:"auto"},i))})},$r=Lr;import{Controller as qr,useFormContext as Mr}from"react-hook-form";import{Grid as Vr}from"@s_mart/core";import{TextField as Ur}from"@mui/material";import{DatePicker as vr}from"@mui/x-date-pickers/DatePicker";import{AdapterDayjs as zr}from"@mui/x-date-pickers/AdapterDayjs";import{LocalizationProvider as Nr}from"@mui/x-date-pickers/LocalizationProvider";import{toRem as O}from"@s_mart/utils";import kr from"@emotion/styled";var ie=kr.div`
|
|
61
61
|
> div > button {
|
|
62
62
|
padding: ${O(6)} ${O(8)};
|
|
63
63
|
border-radius: 0 ${O(4)} ${O(4)} 0;
|
|
64
64
|
|
|
65
65
|
margin: 0px -13px 0px 0px;
|
|
66
66
|
}
|
|
67
|
-
`;import{jsx as D,jsxs as Br}from"react/jsx-runtime";var Or=
|
|
67
|
+
`;import{jsx as D,jsxs as Br}from"react/jsx-runtime";var Or=y=>{var a=y,{rules:e,name:r,defaultValue:o,shouldUnregister:l,datePickerProps:i,label:m,required:n,placeholder:s}=a,u=x(a,["rules","name","defaultValue","shouldUnregister","datePickerProps","label","required","placeholder"]);let d=Mr();if(!d)throw new Error("Para usar o <DataPicker /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return D(Nr,{dateAdapter:zr,children:D(qr,{control:d.control,name:r,rules:e,defaultValue:o,shouldUnregister:l,render:({field:{value:F,onChange:w}})=>Br(Vr,{display:"flex",flexDirection:"column",children:[m&&D(b,{label:m,required:n}),D(vr,p(t({},i),{value:F!=null?F:null,inputFormat:(i==null?void 0:i.inputFormat)||"DD/MM/YYYY",onChange:w,renderInput:f=>{var g,c;return D(Ur,p(t(t({size:"small",variant:"outlined"},f),u),{inputProps:p(t({},f.inputProps),{placeholder:s||((g=f.inputProps)==null?void 0:g.placeholder)}),InputProps:p(t({},f.InputProps),{endAdornment:D(ie,{children:(c=f.InputProps)==null?void 0:c.endAdornment})})}))}})),D(h,{name:r})]})})})},_r=Or;import{Grid as Wr}from"@s_mart/core";import{TimePicker as Yr}from"@mui/x-date-pickers/TimePicker";import{TextField as Hr}from"@mui/material";import{Controller as Kr,useFormContext as Jr}from"react-hook-form";import{AdapterDayjs as Qr}from"@mui/x-date-pickers/AdapterDayjs";import{LocalizationProvider as Xr}from"@mui/x-date-pickers/LocalizationProvider";import{toRem as _}from"@s_mart/utils";import jr from"@emotion/styled";var le=jr.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 G,jsxs as ro}from"react/jsx-runtime";var Zr=
|
|
74
|
+
`;import{jsx as G,jsxs as ro}from"react/jsx-runtime";var Zr=y=>{var a=y,{rules:e,defaultValue:r,shouldUnregister:o,name:l,required:i,label:m,timePickerProps:n,placeholder:s}=a,u=x(a,["rules","defaultValue","shouldUnregister","name","required","label","timePickerProps","placeholder"]);let d=Jr();if(!d)throw new Error("Para usar o <TimePicker /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return G(Xr,{dateAdapter:Qr,children:G(Kr,{control:d.control,name:l,rules:e,defaultValue:r,shouldUnregister:o,render:({field:{value:F,onChange:w}})=>ro(Wr,{display:"flex",flexDirection:"column",children:[m&&G(b,{label:m,required:i}),G(Yr,p(t({value:F!=null?F:null,onChange:w},n),{renderInput:f=>{var g,c;return G(Hr,p(t(t({size:"small",variant:"outlined"},f),u),{inputProps:p(t({},f.inputProps),{placeholder:s||((g=f.inputProps)==null?void 0:g.placeholder)}),InputProps:p(t({},f.InputProps),{endAdornment:G(le,{children:(c=f.InputProps)==null?void 0:c.endAdornment})})}))}})),G(h,{name:l})]})})})},eo=Zr;import{Controller as oo,useFormContext as to}from"react-hook-form";import{Autocomplete as io,TextField as lo}from"@mui/material";import{Grid as no}from"@s_mart/core";import{jsx as V,jsxs as so}from"react/jsx-runtime";var mo=s=>{var u=s,{name:e,defaultValue:r,rules:o,shouldUnregister:l,label:i,required:m}=u,n=x(u,["name","defaultValue","rules","shouldUnregister","label","required"]);let y=to();if(!y)throw new Error("Para usar o <Autocomplete /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return V(oo,{name:e,control:y.control,defaultValue:r,rules:o,shouldUnregister:l,render:({field:{onChange:a}})=>so(no,{display:"flex",flexDirection:"column",children:[i&&V(b,{label:i,required:m}),V(io,p(t({size:"small",onChange:(d,F)=>a(F)},n),{renderInput:d=>{var F;return V(lo,p(t(t({},d),n.textFieldProps),{InputProps:t(t({},d.InputProps),(F=n.textFieldProps)==null?void 0:F.InputProps)}))}})),V(h,{name:e})]})})},po=mo;export{po as Autocomplete,mr as Checkbox,er as Creatable,_r as DatePicker,fe as Form,gr as RadioButton,Tr as RadioGroup,_e as Searchable,Me as Select,$r as Slider,xr as Switch,De as TextField,eo as TimePicker};
|