@s_mart/form 7.2.9 → 7.2.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.mjs +8 -8
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{FormProvider as io}from"react-hook-form";import{jsx as
|
|
1
|
+
import{FormProvider as io}from"react-hook-form";import{jsx as Se}from"react/jsx-runtime";function lo({children:e,style:t,onSubmit:i,...n}){return Se(io,{...n,children:Se("form",{onSubmit:l=>{l.preventDefault(),l.stopPropagation(),i(l)},style:t,children:e})})}var Fe=lo;import{useEffect as no}from"react";import{useForm as ao}from"react-hook-form";import{zodResolver as so}from"@hookform/resolvers/zod";var po=({disableDefaultValuesUpdate:e,onSubmit:t,...i})=>{let n=ao({...i,resolver:i.schema&&so(i.schema)});return no(()=>{e||n.reset(i.defaultValues)},[i.defaultValues,n.reset]),{...n,onSubmit:n.handleSubmit(l=>t(l,n))}},ge=po;import{jsx as fo}from"react/jsx-runtime";function mo({children:e,style:t,...i}){let n=ge(i);return fo(Fe,{...n,style:t,children:typeof e=="function"?e(n):e})}var uo=mo;import{memo as ho,useRef as vo,useState as Co}from"react";import{Controller as To,useFormContext as Io}from"react-hook-form";import{Tooltip as So,Grid as Pe,InputAdornment as ko,TextField as Vo}from"@mui/material";import{lineEye as wo,lineEyeSlash as Ro,lineInfoCircle as Eo}from"@s_mart/solid-icons";import*as we from"@s_mart/masks";import{Typography as ke}from"@mui/material";import{toRem as co}from"@s_mart/utils";import{jsx as Ve,jsxs as xo}from"react/jsx-runtime";var yo=({label:e,required:t,regular:i})=>xo("span",{style:{display:"flex",alignItems:"center",gap:co(2)},children:[Ve(ke,{variant:"caption",fontWeight:i?400:700,style:{display:"flex",alignItems:"center"},children:e}),t&&Ve(ke,{variant:"caption",fontWeight:900,color:"error",children:"*"})]}),v=yo;import{useFormContext as bo}from"react-hook-form";import{Indicator as Fo}from"@s_mart/core";var R=(e,t)=>t.replace(/[[\]]/g,"").split(".").reduce((n,l)=>n?.[l],e);import{jsx as Po}from"react/jsx-runtime";var go=({name:e,disableIcon:t})=>{let i=bo(),n=R(i?.formState?.errors,e);return n?Po(Fo,{severity:"error",icon:t?!1:void 0,children:n?.message}):null},I=go;import{LIcon as Re}from"@s_mart/core";import{jsx as q,jsxs as Ee}from"react/jsx-runtime";var Lo=({name:e,rules:t,defaultValue:i,shouldUnregister:n,label:l,required:P,mask:c,variant:y="outlined",info:C,parse:u,format:f,onInputChange:a,disableIconError:F,...s})=>{let g=Io(),x=vo(i||void 0);if(!g)throw new Error("Para usar o <TextField /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let[d,b]=Co(!1),p=o=>{let r=o;return r=f?.(o)??o,c?we?.[c]?.format(r):r},m=o=>{let r=o;return r=u?.(o)??r,c?we?.[c]?.parse(r,x.current):r},E=o=>{if(!o||c!=="porcentagem"&&c!=="porcentagem0")return;o?.stopPropagation();let r=(o?.target).value;if(r){let T=String(r);if(T.length>0){let S=T.indexOf("%");S>-1&&(o.currentTarget.selectionEnd=S)}}},L=R(g.formState.errors,e);return q(To,{control:g.control,name:e,rules:t,defaultValue:i,shouldUnregister:n,render:({field:{value:o,onChange:r,ref:T}})=>Ee(Pe,{display:"flex",flexDirection:"column",children:[Ee("div",{style:{display:"flex"},children:[l&&q(Pe,{item:!0,children:q(v,{label:l,required:P})}),C&&q(Pe,{item:!0,children:q(So,{title:C,placement:"top",children:q("div",{style:{width:"fit-content"},children:q(Re,{icon:Eo,color:"#757575"})})})})]}),q(Vo,{variant:y,defaultValue:i,value:p(o||(o!=0?"":o)),onChange:S=>{let H=m(S?.target?.value);r(H),a?.(H,g.getValues()),x.current=S.target.value},error:!!L,...s,type:s.type==="password"?d?"text":"password":s.type,autoComplete:s.autoComplete||"off",InputProps:{onKeyDown:E,inputRef:T,endAdornment:s.type==="password"&&q(ko,{position:"start",onClick:()=>b(!d),style:{cursor:"pointer"},children:q(Re,{icon:d?wo:Ro,size:"24px",removeMargin:!0})}),...s.InputProps}},e),q(I,{name:e,disableIcon:F})]})})},Ao=ho(Lo);import{memo as Bo,useState as Go}from"react";import{Controller as Mo,useFormContext as $o}from"react-hook-form";import{IconButton as Do,LIcon as Le}from"@s_mart/core";import{lineTimes as _o}from"@s_mart/regular-icons";import{lineInfoCircle as qo}from"@s_mart/solid-icons";import{colorPalette as zo}from"@s_mart/tokens";import{Divider as Oo,Tooltip as No,Grid as J,Select as Uo,MenuItem as jo,useTheme as Ho}from"@mui/material";import{Fragment as Yo,jsx as $,jsxs as ne}from"react/jsx-runtime";var Ae=Bo(({name:e,rules:t,defaultValue:i,shouldUnregister:n,label:l,required:P,options:c,placeholder:y,clearable:C,disableOnChangeForm:u=!1,multiple:f,info:a,footer:F,onChange:s,disableIconError:g,variant:x="outlined",...d})=>{let b=$o(),{palette:p}=Ho(),[m,E]=Go(!1);if(!b)throw new Error("Para usar o <Select /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let L=R(b.formState.errors,e);return $(Mo,{control:b.control,name:e,rules:t,defaultValue:i,shouldUnregister:n,render:({field:{value:o,onChange:r,ref:T}})=>ne(J,{display:"flex",flexDirection:"column",children:[ne("div",{style:{display:"flex"},children:[l&&$(J,{item:!0,children:$(v,{label:l,required:P})}),a&&$(J,{item:!0,children:$(No,{title:a,placement:"top",children:$("div",{style:{width:"fit-content"},children:$(Le,{icon:qo,color:"#757575"})})})})]}),ne(Uo,{open:m,onOpen:()=>E(!0),onClose:()=>E(!1),displayEmpty:!!y,variant:x,autoComplete:"off",value:o?o||"":f?[]:"",renderValue:S=>{if(S.label)return S.label;if(y)return $("p",{style:{color:p.grey[400]},children:y})},multiple:f,onChange:S=>{!u&&r(S.target.value),s&&s(S.target.value,b.getValues())},error:!!L,size:d.size||"medium",inputRef:T,...d,endAdornment:ne(Yo,{children:[d.endAdornment,!!(C&&o)&&$(Do,{variant:"text",color:"neutral",size:"small",sx:{borderRadius:"50%",position:"absolute",right:"2rem"},style:{padding:0},"aria-label":"Clear",title:"Clear",onClick:()=>{!u&&r(null),s&&s(null,b.getValues())},children:$(Le,{icon:_o,color:zo.neutral[100],size:"25px",removeMargin:!0})})]}),children:[c?.map((S,H)=>$(jo,{value:S,children:ne(J,{container:!0,direction:"column",children:[$(J,{item:!0,children:S.label}),S.afterLabel&&$(J,{item:!0,children:S.afterLabel})]})},H)),F&&[$(J,{px:2,py:1,children:$(Oo,{})},"footer-divider"),$("div",{children:F({closeSelect:()=>E(!1)})},"footer-content")]]},e),$(I,{name:e,disableIcon:g})]})})});Ae.displayName="Select";var Wo=Ae;import{forwardRef as Jo,memo as Ko}from"react";import{Controller as Xo,useFormContext as Qo}from"react-hook-form";import{Tooltip as Zo,Divider as Be,Grid as W,Autocomplete as er,TextField as or}from"@mui/material";import{LIcon as rr}from"@s_mart/core";import{lineInfoCircle as tr}from"@s_mart/solid-icons";import{colorPalette as ir}from"@s_mart/tokens";import{Fragment as pe,jsx as M,jsxs as K}from"react/jsx-runtime";import{createElement as Ge}from"react";var Me=Ko(({name:e,rules:t,defaultValue:i,shouldUnregister:n,label:l,required:P,options:c,textFieldProps:y,noOptionsText:C,footer:u,multiple:f,info:a,placeholder:F,onChange:s,onInputChange:g,disableIconError:x,...d})=>{let b=Qo();if(!b)throw new Error("Para usar o <Searchable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let p=R(b.formState.errors,e);return M(Xo,{control:b.control,name:e,rules:t,defaultValue:i,shouldUnregister:n,render:({field:{onChange:m,value:E,ref:L}})=>K(W,{display:"flex",flexDirection:"column",children:[K("div",{style:{display:"flex"},children:[l&&M(W,{item:!0,children:M(v,{label:l,required:P})}),a&&M(W,{item:!0,children:M(Zo,{title:a,placement:"top",children:M("div",{style:{width:"fit-content"},children:M(rr,{icon:tr,color:"#757575"})})})})]}),M(er,{onChange:(o,r)=>{m(r),s?.(r,b.getValues())},onInputChange:(o,r,T)=>{T==="input"&&setTimeout(()=>{g?.(r,b.getValues())},0)},slotProps:{...d.slotProps||{},paper:{...(d.slotProps||{}).paper||{},sx:{border:`1px solid ${ir.neutral[30]}`,boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.15)",...(d.slotProps||{}).paper?.sx||{}}}},value:E||(f?[]:null),options:c,multiple:f,readOnly:d.disabled,noOptionsText:K(pe,{children:[C||"Nenhum resultado encontrado",u?K(pe,{children:[M(W,{py:1,children:M(Be,{})}),u]}):null]}),isOptionEqualToValue:(o,r)=>typeof o=="string"&&typeof r=="string"?o===r:typeof o=="object"&&typeof r=="object"?typeof o.value=="object"&&typeof r.value=="object"&&o.key!==void 0&&r.key!==void 0?o.key===r.key:o.value===r.value:!1,renderOption:(o,r)=>typeof r=="object"?Ge("li",{...o,key:r.key||r.value},K(W,{container:!0,direction:"column",children:[M(W,{item:!0,children:r.label}),r.afterLabel&&M(W,{item:!0,children:r.afterLabel})]})):Ge("li",{...o,key:r},r),ListboxComponent:Jo(function(r,T){return K(pe,{children:[M("ul",{...r,ref:T}),!!u&&M("div",{...r,children:K(pe,{children:[M(W,{px:2,py:1,children:M(Be,{})}),u]})},"searchable-footer")]})}),...d,renderInput:o=>M(or,{error:!!p,placeholder:F,...o,...y,inputRef:L})},e),M(I,{name:e,disableIcon:x})]})})});Me.displayName="Searchable";var lr=Me;import{forwardRef as dr,memo as sr}from"react";import{Controller as pr,useFormContext as mr}from"react-hook-form";import{isObject as ur,isEmpty as fr}from"lodash-es";import{Grid as X,Autocomplete as cr,TextField as yr,Tooltip as xr,Divider as br}from"@mui/material";import{LIcon as ue,Button as Fr}from"@s_mart/core";import{colorPalette as gr}from"@s_mart/tokens";import{linePlus as qe,linePen as Pr,lineInfoCircle as hr}from"@s_mart/solid-icons";import{toRem as ze}from"@s_mart/utils";import{toRem as me}from"@s_mart/utils";import nr from"@emotion/styled";import{css as $e}from"@emotion/react";var De=$e`
|
|
2
2
|
display: flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
justify-content: center;
|
|
@@ -51,7 +51,7 @@ import{FormProvider as io}from"react-hook-form";import{jsx as Ie}from"react/jsx-
|
|
|
51
51
|
}
|
|
52
52
|
|
|
53
53
|
${({hideAddButton:e,theme:t})=>!e&&ar(t)}
|
|
54
|
-
`;import{Fragment as he,jsx as
|
|
54
|
+
`;import{Fragment as he,jsx as k,jsxs as N}from"react/jsx-runtime";import{createElement as Oe}from"react";var Ne=sr(({name:e,rules:t,defaultValue:i,shouldUnregister:n,label:l,required:P,options:c,editable:y,footer:C,onEditOption:u,onCreateOption:f,textFieldProps:a,hideAddButton:F,multiple:s,info:g,onChange:x,onInputChange:d,placeholder:b,disableIconError:p,...m})=>{let E=mr();if(!E)throw new Error("Para usar o <Creatable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let L=R(E.formState.errors,e),o=F||m.disabled,r=w=>{let D=0;return a?.InputProps||(D+=2.5),o||(D+=2.56,T(w)&&(D+=2.56)),!m.disableClearable&&!m.disabled&&(D+=1.3),D+"rem"},T=w=>m.disabled?!1:y&&ur(w)&&!fr(w);console.warn=()=>{};let S=w=>{f?f(w):console.error("onCreateOption n\xE3o foi definido")},H=w=>{u?u(w):console.error("onEditOption n\xE3o foi definido")};return k(pr,{control:E.control,name:e,rules:t,defaultValue:i,shouldUnregister:n,render:({field:{value:w,onChange:D,ref:be}})=>{let ie=w?.label||w?.value||w;return N(X,{display:"flex",flexDirection:"column",children:[N("div",{style:{display:"flex"},children:[l&&k(X,{item:!0,children:k(v,{label:l,required:P})}),g&&k(X,{item:!0,children:k(xr,{title:g,placement:"top",children:k("div",{style:{width:"fit-content"},children:k(ue,{icon:hr,color:"#757575"})})})})]}),k(_e,{hideAddButton:o,children:k(cr,{fullWidth:!0,onChange:(A,h)=>{D(h),x?.(h,E.getValues())},onInputChange:(A,h,le)=>{le==="input"&&setTimeout(()=>{d?.(h,E.getValues())},0)},slotProps:{...m.slotProps||{},paper:{...(m.slotProps||{}).paper||{},sx:{border:`1px solid ${gr.neutral[30]}`,boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.15)",...(m.slotProps||{}).paper?.sx||{}}}},options:c,value:w||(s?[]:null),multiple:s,readOnly:m.disabled,noOptionsText:o?void 0:N(Fr,{sx:{justifyContent:"flex-start",padding:`${ze(6)} ${ze(-16)}`,margin:0},fullWidth:!0,onClick:()=>S(w),variant:"text",startIcon:k(ue,{icon:qe}),children:["Adicionar ",ie&&`"${ie}"`]}),isOptionEqualToValue:(A,h)=>h?typeof A=="string"&&typeof h=="string"?A===h:typeof A=="object"&&typeof h=="object"?typeof A.value=="object"&&typeof h.value=="object"&&A.key!==void 0&&h.key!==void 0?A.key===h.key:A.value===h.value:typeof A=="object"&&typeof h=="string":!1,renderOption:(A,h)=>typeof h=="object"?Oe("li",{...A,key:h.key||h.value},N(X,{container:!0,direction:"column",children:[k(X,{item:!0,children:h.label}),h.afterLabel&&k(X,{item:!0,children:h.afterLabel})]})):Oe("li",{...A,key:h},h),ListboxComponent:dr(function(h,le){return N(he,{children:[k("ul",{...h,ref:le}),!!C&&k("div",{...h,children:N(he,{children:[k(X,{px:2,py:1,children:k(br,{})}),C]})},"creatable-footer")]})}),...m,sx:{"& div.MuiInputBase-root":{paddingRight:`${r(w)} !important`},...m.sx},renderInput:A=>k(yr,{placeholder:b,...A,error:!!L,InputProps:{...A.InputProps,inputRef:be,endAdornment:N("div",{className:"endAdornments",children:[A.InputProps.endAdornment,!o&&N(he,{children:[T(w)?N("div",{className:"editable",children:[k("div",{className:"divider"}),k("div",{className:"button",onClick:()=>H(w),children:k(ue,{icon:Pr,size:"24px",removeMargin:!0})})]}):null,N("div",{className:"creatable",children:[k("div",{className:"divider"}),k("div",{className:"button",onClick:()=>S(w),children:k(ue,{icon:qe,size:"24px",removeMargin:!0})})]})]})]})},...a})},e)}),k(I,{name:e,disableIcon:p})]})}})});Ne.displayName="Creatable";var vr=Ne;import{Controller as Cr,useFormContext as Tr}from"react-hook-form";import{Grid as Ir,Checkbox as Sr,FormControlLabel as kr}from"@mui/material";import{jsx as ae,jsxs as Rr}from"react/jsx-runtime";var Vr=({name:e,rules:t,defaultValue:i,shouldUnregister:n,label:l,labelPlacement:P,required:c,disableIconError:y,onChange:C,...u})=>{let f=Tr();if(!f)throw new Error("Para usar o <Checkbox /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return ae(Cr,{control:f.control,name:e,rules:t,defaultValue:i,shouldUnregister:n,render:({field:{value:a,onChange:F}})=>Rr(Ir,{display:"flex",flexDirection:"column",children:[ae(kr,{control:ae(Sr,{checked:!!a,value:a??"",defaultValue:a,onChange:(s,g)=>{F(s,g),C?.(s,g)},...u},e),label:ae(v,{label:l,required:c,regular:!0}),labelPlacement:P||"end"}),ae(I,{name:e,disableIcon:y})]})})},wr=Vr;import{Controller as Er,useFormContext as Lr}from"react-hook-form";import{Grid as Ar,Switch as Br,FormControlLabel as Gr}from"@mui/material";import{jsx as de,jsxs as Dr}from"react/jsx-runtime";var Mr=({name:e,rules:t,defaultValue:i,shouldUnregister:n,label:l,labelPlacement:P,disableIconError:c,onChange:y,...C})=>{let u=Lr();if(!u)throw new Error("Para usar o <Switch /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return de(Er,{control:u.control,name:e,rules:t,defaultValue:i,shouldUnregister:n,render:({field:{value:f,onChange:a}})=>Dr(Ar,{display:"flex",flexDirection:"column",children:[de(Gr,{control:de(Br,{value:f??"",checked:f??!1,defaultValue:f,onChange:(F,s)=>{a(F,s),y?.(F,s)},...C},e),label:de(v,{label:l}),labelPlacement:P||"end"}),de(I,{name:e,disableIcon:c})]})})},$r=Mr;import{Grid as _r,Radio as qr,FormControlLabel as zr}from"@mui/material";import{jsx as fe}from"react/jsx-runtime";var Or=({label:e,labelPlacement:t,...i})=>fe(_r,{display:"flex",flexDirection:"column",children:fe(zr,{control:fe(qr,{...i}),label:fe(v,{label:e}),labelPlacement:t||"end"})}),Nr=Or;import{Controller as Ur,useFormContext as jr}from"react-hook-form";import{Grid as Hr,RadioGroup as Wr}from"@mui/material";import{jsx as ce,jsxs as Kr}from"react/jsx-runtime";var Yr=({name:e,rules:t,defaultValue:i,shouldUnregister:n,label:l,required:P,children:c,orientation:y="row",disableIconError:C,...u})=>{let f=jr();if(!f)throw new Error("Para usar o <RadioGroup /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return ce(Ur,{control:f.control,name:e,rules:t,defaultValue:i,shouldUnregister:n,render:({field:{value:a,onChange:F}})=>Kr(Hr,{display:"flex",flexDirection:"column",children:[l&&ce(v,{label:l,required:P}),ce(Wr,{value:a||"",name:e,...u,onChange:s=>{u?.onChange?.(s,s.target?.value),F(s)},style:{display:"flex",flexDirection:y},children:c},e),ce(I,{name:e,disableIcon:C})]})})},Jr=Yr;import{Controller as Xr,useFormContext as Qr}from"react-hook-form";import{Slider as Zr}from"@mui/material";import{jsx as Ue}from"react/jsx-runtime";var et=({name:e,rules:t,defaultValue:i,shouldUnregister:n,...l})=>{let P=Qr();if(!P)throw new Error("Para usar o <Slider /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");return Ue(Xr,{control:P.control,name:e,rules:t,defaultValue:i,shouldUnregister:n,render:({field:{value:c,onChange:y}})=>Ue(Zr,{value:c||l?.min||0,onChange:y,valueLabelDisplay:"auto",...l},e)})},ot=et;import{memo as nt}from"react";import{Controller as at,useFormContext as dt}from"react-hook-form";import{composeValidators as st,date as He}from"@s_mart/rules";import{Grid as pt,TextField as mt}from"@mui/material";import{DatePicker as ut}from"@mui/x-date-pickers/DatePicker";import{AdapterDayjs as ft}from"@mui/x-date-pickers/AdapterDayjs";import{LocalizationProvider as ct}from"@mui/x-date-pickers/LocalizationProvider";import{ptBR as yt}from"@mui/x-date-pickers/locales/ptBR";import xt from"dayjs/locale/pt-br";import rt from"@emotion/styled";import{IconButton as tt}from"@mui/material";import{toRem as U}from"@s_mart/utils";var it=e=>{switch(e){case"small":return U(16);default:case"medium":return U(20);case"large":return U(24)}},lt=e=>{switch(e){case"small":return`${U(2)} ${U(8)}`;default:case"medium":return`${U(6)} ${U(8)}`;case"large":return`${U(10)}`}},je=rt(tt)`
|
|
55
55
|
margin: 0px;
|
|
56
56
|
|
|
57
57
|
padding: ${({size:e})=>lt(e)};
|
|
@@ -60,20 +60,20 @@ import{FormProvider as io}from"react-hook-form";import{jsx as Ie}from"react/jsx-
|
|
|
60
60
|
svg {
|
|
61
61
|
width: ${({size:e})=>it(e)} !important;
|
|
62
62
|
}
|
|
63
|
-
`;import{jsx as se,jsxs as
|
|
63
|
+
`;import{jsx as se,jsxs as Pt}from"react/jsx-runtime";import{createElement as gt}from"react";var bt=({rules:e,name:t,defaultValue:i,shouldUnregister:n,datePickerProps:l,label:P,required:c,placeholder:y,disabled:C,disableIconError:u,...f})=>{let a=dt();if(!a)throw new Error("Para usar o <DataPicker /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let F=R(a.formState.errors,t),s=l?.format||"DD/MM/YYYY",g=e?st([He(s),e]):He(s);return se(ct,{dateAdapter:ft,adapterLocale:xt,localeText:yt.components.MuiLocalizationProvider.defaultProps.localeText,children:se(at,{control:a.control,name:t,rules:g,defaultValue:i,shouldUnregister:n,render:({field:{value:x,onChange:d,ref:b}})=>Pt(pt,{display:"flex",flexDirection:"column",children:[P&&se(v,{label:P,required:c}),gt(ut,{...l,key:t,value:x??null,format:s,onChange:(p,m)=>{d(p,m),l?.onChange?.(p,m)},disabled:C,slots:{textField:mt,openPickerButton:p=>se(je,{...p,size:f.size,tabIndex:-1})},slotProps:{textField:p=>({variant:"outlined",...p,error:!!F,...f,inputProps:{...p.inputProps,placeholder:y||p.inputProps?.placeholder},InputProps:{...p.InputProps,inputRef(m){b(m),typeof p.inputRef=="function"&&p.inputRef(m)}}})}}),se(I,{name:t,disableIcon:u})]})})})},Ft=nt(bt);import{memo as It}from"react";import{Controller as St,useFormContext as kt}from"react-hook-form";import{composeValidators as Vt,time as Ye}from"@s_mart/rules";import{Grid as wt,TextField as Rt}from"@mui/material";import{TimePicker as Et}from"@mui/x-date-pickers/TimePicker";import{AdapterDayjs as Lt}from"@mui/x-date-pickers/AdapterDayjs";import{LocalizationProvider as At}from"@mui/x-date-pickers/LocalizationProvider";import{ptBR as Bt}from"@mui/x-date-pickers/locales/ptBR";import Gt from"dayjs/locale/pt-br";import ht from"@emotion/styled";import{IconButton as vt}from"@mui/material";import{toRem as j}from"@s_mart/utils";var Ct=e=>{switch(e){case"small":return j(16);default:case"medium":return j(20);case"large":return j(24)}},Tt=e=>{switch(e){case"small":return`${j(2)} ${j(8)}`;default:case"medium":return`${j(6)} ${j(8)}`;case"large":return`${j(10)}`}},We=ht(vt)`
|
|
64
64
|
margin: 0px;
|
|
65
65
|
|
|
66
|
-
padding: ${({size:e})=>
|
|
66
|
+
padding: ${({size:e})=>Tt(e)};
|
|
67
67
|
border-radius: 0 ${j(4)} ${j(4)} 0;
|
|
68
68
|
|
|
69
69
|
svg {
|
|
70
|
-
width: ${({size:e})=>
|
|
70
|
+
width: ${({size:e})=>Ct(e)} !important;
|
|
71
71
|
}
|
|
72
|
-
`;import{jsx as oe,jsxs as
|
|
72
|
+
`;import{jsx as oe,jsxs as Dt}from"react/jsx-runtime";var Mt=({rules:e,defaultValue:t,shouldUnregister:i,name:n,required:l,label:P,timePickerProps:c,placeholder:y,disabled:C,disableIconError:u,...f})=>{let a=kt();if(!a)throw new Error("Para usar o <TimePicker /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let F=R(a.formState.errors,n),s=c?.format||"HH:mm",g=e?Vt([Ye(s),e]):Ye(s);return oe(At,{dateAdapter:Lt,adapterLocale:Gt,localeText:Bt.components.MuiLocalizationProvider.defaultProps.localeText,children:oe(St,{control:a.control,name:n,rules:g,defaultValue:t,shouldUnregister:i,render:({field:{value:x,onChange:d,ref:b}})=>Dt(wt,{display:"flex",flexDirection:"column",children:[P&&oe(v,{label:P,required:l}),oe(Et,{ampm:!1,format:s,value:x??null,disabled:C,...c,onChange:(p,m)=>{d(p,m),c?.onChange?.(p,m)},slots:{textField:Rt,openPickerButton:p=>oe(We,{...p,size:f.size})},slotProps:{textField:p=>({variant:"outlined",...p,error:!!F,...f,inputProps:{...p.inputProps,placeholder:y||p.inputProps?.placeholder},InputProps:{...p.InputProps,inputRef(m){b(m),typeof p.inputRef=="function"&&p.inputRef(m)}}})}},n),oe(I,{name:n,disableIcon:u})]})})})},$t=It(Mt);import{memo as _t}from"react";import{Controller as qt,useFormContext as zt}from"react-hook-form";import{Grid as ye,Autocomplete as Ot,TextField as Nt}from"@mui/material";import{colorPalette as Ut}from"@s_mart/tokens";import{jsx as Q,jsxs as Je}from"react/jsx-runtime";import{createElement as Wt}from"react";var jt=({name:e,defaultValue:t,rules:i,shouldUnregister:n,label:l,required:P,noOptionsText:c,placeholder:y,onInputChange:C,onChange:u,disableIconError:f,...a})=>{let F=zt();if(!F)throw new Error("Para usar o <Autocomplete /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let s=R(F.formState.errors,e);return console.warn=()=>{},Q(qt,{name:e,control:F.control,defaultValue:t,rules:i,shouldUnregister:n,render:({field:g})=>Je(ye,{display:"flex",flexDirection:"column",children:[l&&Q(v,{label:l,required:P}),Q(Ot,{onChange:(x,d)=>{g.onChange(d),u?.(d,F.getValues())},onInputChange:(x,d,b)=>{b==="input"&&(g.onChange(d),setTimeout(()=>{C?.(d,F.getValues())},0))},slotProps:{...a.slotProps||{},paper:{...(a.slotProps||{}).paper||{},sx:{border:`1px solid ${Ut.neutral[30]}`,boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.15)",...(a.slotProps||{}).paper?.sx||{}}}},isOptionEqualToValue:(x,d)=>x.value===d.value,renderOption:(x,d)=>Wt("li",{...x,key:d.key||d.value,onClick:b=>{x.onClick?.(b),g.onChange(d)}},Je(ye,{container:!0,direction:"column",children:[Q(ye,{item:!0,children:d.label}),d.afterLabel&&Q(ye,{item:!0,children:d.afterLabel})]})),value:g.value||null,readOnly:a.disabled,noOptionsText:c||"Nenhuma op\xE7\xE3o encontrada",...a,renderInput:x=>Q(Nt,{placeholder:y,...x,...a.textFieldProps,error:!!s,InputProps:{...x.InputProps,...a.textFieldProps?.InputProps,inputRef:g.ref,inputProps:{...x.inputProps,...a.textFieldProps?.InputProps?.inputProps}}})},e),Q(I,{name:e,disableIcon:f})]})})},Ht=_t(jt);import{useController as Zt,useFormContext as ei}from"react-hook-form";import{Tooltip as Yt}from"@mui/material";import{LIcon as Jt}from"@s_mart/core";import{lineInfoCircle as Kt}from"@s_mart/solid-icons";import{jsx as ve}from"react/jsx-runtime";var Xt=({title:e})=>ve(Yt,{title:e,placement:"top",children:ve("div",{style:{width:"fit-content"},children:ve(Jt,{icon:Kt,color:"#757575"})})}),Z=Xt;import{Autocomplete as oi,Divider as Ke,TextField as ri}from"@mui/material";import{isEqual as ti}from"lodash-es";import{forwardRef as ii}from"react";import{colorPalette as li}from"@s_mart/tokens";import{memo as Qt}from"react";var re=Qt;import{Fragment as Ce,jsx as _,jsxs as ee}from"react/jsx-runtime";import{createElement as di}from"react";var ni=({name:e,rules:t,defaultValue:i,shouldUnregister:n,label:l,required:P,options:c,textFieldProps:y,noOptionsText:C,footer:u,multiple:f,info:a,placeholder:F,onChange:s,onInputChange:g,getOptionAfterLabel:x,getOptionLabel:d,getOptionKey:b,...p})=>{let m=ei();if(!m)throw new Error("Para usar o <SearchableV2 /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let E=R(m.formState.errors,e),{field:L}=Zt({name:e,control:m.control,rules:t,defaultValue:i,shouldUnregister:n});return ee("div",{style:{display:"flex",flexDirection:"column"},children:[ee("div",{style:{display:"flex"},children:[l&&_(v,{label:l,required:P}),a&&_(Z,{title:a})]}),_(oi,{onChange:(o,r)=>{L.onChange(r),s?.(r)},onInputChange:(o,r,T)=>{T==="input"&&g?.(r)},value:L.value?L.value:f?[]:null,options:c,multiple:f,readOnly:p.disabled,slotProps:{...p.slotProps,paper:{...p.slotProps?.paper,sx:{border:`1px solid ${li.neutral[30]}`,boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.15)",...p.slotProps?.paper?.sx}}},noOptionsText:ee(Ce,{children:[C||"Nenhuma op\xE7\xE3o encontrada",typeof u<"u"?ee(Ce,{children:[_("div",{style:{paddingTop:"0.5rem",paddingBottom:"0.5rem"},children:_(Ke,{})}),u()]}):null]}),isOptionEqualToValue:(o,r)=>ti(o,r),getOptionLabel:o=>d(o),getOptionKey:o=>b(o),renderOption:typeof x=="function"?(o,r)=>{let T=x(r),S=b(r);return di("li",{...o,key:S},ee("div",{style:{display:"flex",flexDirection:"column"},children:[_("span",{children:d(r)}),typeof T=="string"?_("span",{children:T}):T]}))}:void 0,ListboxComponent:ii(function(r,T){return ee(Ce,{children:[_("ul",{...r,ref:T}),typeof u<"u"?ee("div",{...r,children:[_("div",{style:{paddingTop:"0.5rem",paddingBottom:"0.5rem"},children:_(Ke,{})}),u()]},"searchable-footer"):null]})}),...p,renderInput:o=>_(ri,{error:!!E,placeholder:F,...o,...y,inputRef:L.ref})},e),_(I,{name:e})]})},ai=re(ni);import{useState as mi}from"react";import{useController as ui,useFormContext as fi}from"react-hook-form";import{IconButton as ci,LIcon as yi}from"@s_mart/core";import{lineTimes as xi}from"@s_mart/regular-icons";import{colorPalette as bi}from"@s_mart/tokens";import{Select as Fi,MenuItem as gi,Divider as Pi}from"@mui/material";import{colorPalette as si}from"@s_mart/tokens";import{jsx as pi}from"react/jsx-runtime";var Xe=({value:e,placeholder:t,getOptionLabel:i})=>e===null||e?.length===0?pi("p",{style:{color:si.neutral[100]},children:t}):i(e);import{Fragment as Ci,jsx as z,jsxs as te}from"react/jsx-runtime";var hi=({name:e,rules:t,defaultValue:i,shouldUnregister:n,label:l,required:P,options:c,placeholder:y,clearable:C,info:u,footer:f,onChange:a,variant:F="outlined",getOptionKey:s,getOptionLabel:g,getOptionAfterLabel:x,...d})=>{let b=fi(),[p,m]=mi(!1);if(!b)throw new Error("Para usar o <SelectV2 /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let E=R(b.formState.errors,e),{field:L}=ui({control:b.control,name:e,rules:t,defaultValue:i,shouldUnregister:n});return te("div",{style:{display:"flex",flexDirection:"column"},children:[te("div",{style:{display:"flex"},children:[l&&z(v,{label:l,required:P}),u&&z(Z,{title:u})]}),te(Fi,{open:p,onOpen:()=>m(!0),onClose:()=>m(!1),displayEmpty:!!y,variant:F,autoComplete:"off",value:L.value||null,renderValue:o=>z(Xe,{getOptionLabel:g,placeholder:y,value:o}),onChange:o=>{L.onChange(o.target.value),a?.(o.target.value)},error:!!E,size:d.size||"medium",inputRef:L.ref,...d,endAdornment:te(Ci,{children:[d.endAdornment,!!(C&&L.value)&&z(ci,{variant:"text",color:"neutral",size:"small",sx:{borderRadius:"50%",position:"absolute",right:"2rem"},style:{padding:0},"aria-label":"Limpar",title:"Limpar",onClick:()=>{L.onChange(null),a?.(null)},children:z(yi,{icon:xi,color:bi.neutral[100],size:"25px",removeMargin:!0})})]}),children:[c.map(o=>{let r=s(o),T=g(o);return z(gi,{value:o,children:te("div",{style:{display:"flex",flexDirection:"column",flex:1},children:[T,z("span",{children:x?.(o)??null})]})},r)}),f!==void 0&&te("div",{children:[z("div",{style:{padding:"8px 16px"},children:z(Pi,{})},"footer-divider"),z("div",{children:f({closeSelect:()=>m(!1)})},"footer-content")]},"footer")]},e),z(I,{name:e})]})},vi=re(hi);import{forwardRef as Si,useCallback as ki,useState as Vi}from"react";import{useController as wi,useFormContext as Ri}from"react-hook-form";import{isObject as Ei,isEmpty as Li,isEqual as Ai}from"lodash-es";import{Autocomplete as Bi,TextField as Gi,Divider as eo}from"@mui/material";import{LIcon as Te,Button as Mi}from"@s_mart/core";import{colorPalette as $i}from"@s_mart/tokens";import{linePlus as oo,linePen as Di}from"@s_mart/solid-icons";import{toRem as ro}from"@s_mart/utils";import{toRem as xe}from"@s_mart/utils";import Ti from"@emotion/styled";import{css as Ii}from"@emotion/react";var Qe=Ii`
|
|
73
73
|
display: flex;
|
|
74
74
|
align-items: center;
|
|
75
75
|
justify-content: center;
|
|
76
|
-
`,Ze=
|
|
76
|
+
`,Ze=Ti.div`
|
|
77
77
|
display: flex;
|
|
78
78
|
|
|
79
79
|
div.endAdornments {
|
|
@@ -120,4 +120,4 @@ import{FormProvider as io}from"react-hook-form";import{jsx as Ie}from"react/jsx-
|
|
|
120
120
|
}
|
|
121
121
|
}
|
|
122
122
|
}
|
|
123
|
-
`;import{Fragment as
|
|
123
|
+
`;import{Fragment as Ie,jsx as G,jsxs as O}from"react/jsx-runtime";import{createElement as zi}from"react";var _i=({name:e,rules:t,defaultValue:i,shouldUnregister:n,label:l,required:P,options:c,footer:y,showCreatableButton:C=!0,showEditableButton:u,onEditOption:f,onCreateOption:a,getOptionKey:F,getOptionLabel:s,getOptionAfterLabel:g,textFieldProps:x,multiple:d,info:b,noOptionsText:p,onChange:m,onInputChange:E,placeholder:L,...o})=>{let[r,T]=Vi(""),S=Ri();if(!S)throw new Error("Para usar o <CreatableV2 /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let H=R(S.formState.errors,e),w=!C||o.disabled,{field:D}=wi({name:e,control:S.control,rules:t,defaultValue:i,shouldUnregister:n}),be=V=>{let B=0;return x?.InputProps||(B+=2.5),w||(B+=2.56,ie(V)&&(B+=2.56)),!o.disableClearable&&!o.disabled&&(B+=1.3),B+"rem"},ie=V=>o.disabled?!1:u&&Ei(V)&&!Li(V),A=()=>o.disabled?!1:C,h=ki(()=>{typeof a<"u"&&(a(r),T(""))},[r]),le=V=>{f?.(V)};return O("div",{style:{display:"flex",flexDirection:"column"},children:[O("div",{style:{display:"flex"},children:[l&&G(v,{label:l,required:P}),b&&G(Z,{title:b})]}),G(Ze,{children:G(Bi,{fullWidth:!0,onChange:(V,B)=>{T(""),D.onChange(B),m?.(B)},onInputChange:(V,B,Y)=>{Y==="input"&&(T(B),E?.(B))},slotProps:{...o.slotProps,paper:{...o.slotProps?.paper,sx:{border:`1px solid ${$i.neutral[30]}`,boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.15)",...o.slotProps?.paper?.sx}}},value:D.value?D.value:d?[]:null,options:c,multiple:d,readOnly:o.disabled,noOptionsText:O(Ie,{children:[p||"Nenhuma op\xE7\xE3o encontrada",!w&&O(Mi,{sx:{justifyContent:"flex-start",padding:`${ro(6)} ${ro(-16)}`,margin:0},fullWidth:!0,onClick:h,variant:"text",startIcon:G(Te,{icon:oo}),children:["Adicionar ",`"${r}"`]}),typeof y<"u"&&O(Ie,{children:[G("div",{style:{paddingTop:"0.5rem",paddingBottom:"0.5rem"},children:G(eo,{})}),y()]})]}),isOptionEqualToValue:(V,B)=>Ai(V,B),getOptionLabel:V=>s(V),getOptionKey:V=>F(V),renderOption:typeof g=="function"?(V,B)=>{let Y=g(B),to=F(B);return zi("li",{...V,key:to},O("div",{style:{display:"flex",flexDirection:"column"},children:[G("span",{children:s(B)}),typeof Y=="string"?G("span",{children:Y}):Y]}))}:void 0,ListboxComponent:Si(function(B,Y){return O(Ie,{children:[G("ul",{...B,ref:Y}),typeof y<"u"?O("div",{...B,children:[G("div",{style:{paddingTop:"0.5rem",paddingBottom:"0.5rem"},children:G(eo,{})}),y()]},"creatable-footer"):null]})}),...o,sx:{"& div.MuiInputBase-root":{paddingRight:`${be(D.value)} !important`},...o.sx},onBlur:V=>{o?.onBlur?.(V),T("")},renderInput:V=>G(Gi,{placeholder:L,...V,error:!!H,...x,InputProps:{...V.InputProps,...x?.InputProps,inputRef:D.ref,endAdornment:O("div",{className:"endAdornments",children:[V.InputProps.endAdornment,x?.InputProps?.endAdornment??null,ie(D.value)?O("div",{className:"editable",children:[G("div",{className:"divider"}),G("div",{className:"button",onClick:()=>le(D.value),children:G(Te,{icon:Di,size:"24px",removeMargin:!0})})]}):null,A()&&O("div",{className:"creatable",children:[G("div",{className:"divider"}),G("div",{className:"button",onClick:h,children:G(Te,{icon:oo,size:"24px",removeMargin:!0})})]})]})}})},e)}),G(I,{name:e})]})},qi=re(_i);export{Ht as Autocomplete,wr as Checkbox,vr as Creatable,qi as CreatableV2,Ft as DatePicker,v as FieldLabel,uo as Form,Fe as FormProvider,Nr as RadioButton,Jr as RadioGroup,lr as Searchable,ai as SearchableV2,Wo as Select,vi as SelectV2,ot as Slider,$r as Switch,Ao as TextField,$t as TimePicker,ge as useForm};
|