@s_mart/form 9.0.4 → 9.0.5
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 +2 -2
- package/package.json +7 -5
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{FormProvider as io}from"react-hook-form";import{jsx as ke}from"react/jsx-runtime";function lo({children:e,style:t,onSubmit:i,...n}){return ke(io,{...n,children:ke("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{Grid as he,InputAdornment as vo,TextField as Po,Tooltip as Co}from"@mui/material";import{LIcon as we}from"@s_mart/core";import*as Re from"@s_mart/masks";import{lineEye as To,lineEyeSlash as So,lineInfoCircle as ko}from"@s_mart/solid-icons";import{memo as Io,useRef as Vo,useState as wo}from"react";import{Controller as Ro,useFormContext as Eo}from"react-hook-form";import{
|
|
1
|
+
import{FormProvider as io}from"react-hook-form";import{jsx as ke}from"react/jsx-runtime";function lo({children:e,style:t,onSubmit:i,...n}){return ke(io,{...n,children:ke("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{Grid as he,InputAdornment as vo,TextField as Po,Tooltip as Co}from"@mui/material";import{LIcon as we}from"@s_mart/core";import*as Re from"@s_mart/masks";import{lineEye as To,lineEyeSlash as So,lineInfoCircle as ko}from"@s_mart/solid-icons";import{memo as Io,useRef as Vo,useState as wo}from"react";import{Controller as Ro,useFormContext as Eo}from"react-hook-form";import{Indicator as co}from"@s_mart/core";import{useFormContext as yo}from"react-hook-form";var E=(e,t)=>t.replace(/[[\]]/g,"").split(".").reduce((n,l)=>n?.[l],e);import{jsx as bo}from"react/jsx-runtime";var xo=({name:e,disableIcon:t})=>{let i=yo(),n=E(i?.formState?.errors,e);return n?bo(co,{severity:"error",icon:t?!1:void 0,children:n?.message}):null},k=xo;import{Typography as Ie}from"@mui/material";import{toRem as Fo}from"@s_mart/utils";import{jsx as Ve,jsxs as ho}from"react/jsx-runtime";var go=({label:e,required:t,regular:i})=>ho("span",{style:{display:"flex",alignItems:"center",gap:Fo(2)},children:[Ve(Ie,{variant:"caption",style:{display:"flex",alignItems:"center"},sx:{fontWeight:i?400:700},children:e}),t&&Ve(Ie,{variant:"caption",color:"error",sx:{fontWeight:900},children:"*"})]}),P=go;import{jsx as z,jsxs as Ee}from"react/jsx-runtime";var Ao=({name:e,rules:t,defaultValue:i,shouldUnregister:n,label:l,required:g,mask:c,variant:y="outlined",info:C,parse:m,format:u,onInputChange:d,disableIconError:x,...a})=>{let h=Eo(),F=Vo(i||void 0);if(!h)throw new Error("Para usar o <TextField /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let[p,b]=wo(!1),s=r=>{let o=r;return o=u?.(r)??r,c?Re?.[c]?.format(o):o},f=r=>{let o=r;return o=m?.(r)??o,c?Re?.[c]?.parse(o,F.current):o},w=r=>{if(!r||c!=="porcentagem"&&c!=="porcentagem0")return;r?.stopPropagation();let o=(r?.target).value;if(o){let T=String(o);if(T.length>0){let S=T.indexOf("%");S>-1&&(r.currentTarget.selectionEnd=S)}}},$=E(h.formState.errors,e);return z(Ro,{control:h.control,name:e,rules:t,defaultValue:i,shouldUnregister:n,render:({field:{value:r,onChange:o,ref:T}})=>Ee(he,{sx:{display:"flex",flexDirection:"column"},children:[Ee("div",{style:{display:"flex"},children:[l&&z(he,{item:!0,children:z(P,{label:l,required:g})}),C&&z(he,{item:!0,children:z(Co,{title:C,placement:"top",children:z("div",{style:{width:"fit-content"},children:z(we,{icon:ko,color:"#757575"})})})})]}),z(Po,{variant:y,defaultValue:i,value:s(r||(r!=0?"":r)),onChange:S=>{let _=f(S?.target?.value);o(_),d?.(_,h.getValues()),F.current=S.target.value},error:!!$,...a,type:a.type==="password"?p?"text":"password":a.type,autoComplete:a.autoComplete||"off",slotProps:{input:{onKeyDown:w,inputRef:T,endAdornment:a.type==="password"&&z(vo,{position:"start",onClick:()=>b(!p),style:{cursor:"pointer"},children:z(we,{icon:p?To:So,size:"24px",removeMargin:!0})}),...a.InputProps}}},e),z(k,{name:e,disableIcon:x})]})})},Bo=Io(Ao);import{Divider as Lo,Grid as J,MenuItem as Go,Select as Mo,Tooltip as $o,useTheme as Do}from"@mui/material";import{IconButton as qo,LIcon as Ae}from"@s_mart/core";import{lineTimes as _o}from"@s_mart/regular-icons";import{lineInfoCircle as zo}from"@s_mart/solid-icons";import{colorPalette as Oo}from"@s_mart/tokens";import{memo as No,useState as Uo}from"react";import{Controller as jo,useFormContext as Ho}from"react-hook-form";import{Fragment as Yo,jsx as M,jsxs as ne}from"react/jsx-runtime";var Be=No(({name:e,rules:t,defaultValue:i,shouldUnregister:n,label:l,required:g,options:c,placeholder:y,clearable:C,disableOnChangeForm:m=!1,multiple:u,info:d,footer:x,onChange:a,disableIconError:h,variant:F="outlined",...p})=>{let b=Ho(),{palette:s}=Do(),[f,w]=Uo(!1);if(!b)throw new Error("Para usar o <Select /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let $=E(b.formState.errors,e);return M(jo,{control:b.control,name:e,rules:t,defaultValue:i,shouldUnregister:n,render:({field:{value:r,onChange:o,ref:T}})=>ne(J,{sx:{display:"flex",flexDirection:"column"},children:[ne("div",{style:{display:"flex"},children:[l&&M(J,{item:!0,children:M(P,{label:l,required:g})}),d&&M(J,{item:!0,children:M($o,{title:d,placement:"top",children:M("div",{style:{width:"fit-content"},children:M(Ae,{icon:zo,color:"#757575"})})})})]}),ne(Mo,{open:f,onOpen:()=>w(!0),onClose:()=>w(!1),displayEmpty:!!y,variant:F,autoComplete:"off",value:r?r||"":u?[]:"",renderValue:S=>{if(S.label)return S.label;if(y)return M("p",{style:{color:s.grey[400]},children:y})},multiple:u,onChange:S=>{!m&&o(S.target.value),a&&a(S.target.value,b.getValues())},error:!!$,size:p.size||"medium",inputRef:T,...p,endAdornment:ne(Yo,{children:[p.endAdornment,!!(C&&r)&&M(qo,{variant:"text",color:"neutral",size:"small",sx:{borderRadius:"50%",position:"absolute",right:"2rem"},style:{padding:0},"aria-label":"Clear",title:"Clear",onClick:()=>{!m&&o(null),a&&a(null,b.getValues())},children:M(Ae,{icon:_o,color:Oo.neutral[100],size:"25px",removeMargin:!0})})]}),children:[c?.map((S,_)=>M(Go,{value:S,children:ne(J,{container:!0,direction:"column",children:[M(J,{item:!0,children:S.label}),S.afterLabel&&M(J,{item:!0,children:S.afterLabel})]})},_)),x&&[M(J,{sx:{px:2,py:1},children:M(Lo,{})},"footer-divider"),M("div",{children:x({closeSelect:()=>w(!1)})},"footer-content")]]},e),M(k,{name:e,disableIcon:h})]})})});Be.displayName="Select";var Wo=Be;import{Autocomplete as Jo,Divider as Le,Grid as W,TextField as Ko,Tooltip as Xo}from"@mui/material";import{LIcon as Qo}from"@s_mart/core";import{lineInfoCircle as Zo}from"@s_mart/solid-icons";import{colorPalette as er}from"@s_mart/tokens";import{forwardRef as or,memo as rr}from"react";import{Controller as tr,useFormContext as ir}from"react-hook-form";import{Fragment as de,jsx as G,jsxs as K}from"react/jsx-runtime";import{createElement as Ge}from"react";var Me=rr(({name:e,rules:t,defaultValue:i,shouldUnregister:n,label:l,required:g,options:c,textFieldProps:y,noOptionsText:C,footer:m,multiple:u,info:d,placeholder:x,onChange:a,onInputChange:h,disableIconError:F,...p})=>{let b=ir();if(!b)throw new Error("Para usar o <Searchable /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let s=E(b.formState.errors,e);return G(tr,{control:b.control,name:e,rules:t,defaultValue:i,shouldUnregister:n,render:({field:{onChange:f,value:w,ref:$}})=>K(W,{sx:{display:"flex",flexDirection:"column"},children:[K("div",{style:{display:"flex"},children:[l&&G(W,{item:!0,children:G(P,{label:l,required:g})}),d&&G(W,{item:!0,children:G(Xo,{title:d,placement:"top",children:G("div",{style:{width:"fit-content"},children:G(Qo,{icon:Zo,color:"#757575"})})})})]}),G(Jo,{onChange:(r,o)=>{f(o),a?.(o,b.getValues())},onInputChange:(r,o,T)=>{T==="input"&&setTimeout(()=>{h?.(o,b.getValues())},0)},slotProps:{...p.slotProps||{},paper:{...(p.slotProps||{}).paper||{},sx:{border:`1px solid ${er.neutral[30]}`,boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.15)"}},listbox:{component:or(function(o,T){return K(de,{children:[G("ul",{...o,ref:T}),!!m&&G("div",{...o,children:K(de,{children:[G(W,{sx:{px:2,py:1},children:G(Le,{})}),m]})},"searchable-footer")]})})}},value:w||(u?[]:null),options:c,multiple:u,readOnly:p.disabled,noOptionsText:K(de,{children:[C||"Nenhum resultado encontrado",m?K(de,{children:[G(W,{sx:{py:1},children:G(Le,{})}),m]}):null]}),isOptionEqualToValue:(r,o)=>typeof r=="string"&&typeof o=="string"?r===o:typeof r=="object"&&typeof o=="object"?typeof r.value=="object"&&typeof o.value=="object"&&r.key!==void 0&&o.key!==void 0?r.key===o.key:r.value===o.value:!1,renderOption:(r,o)=>typeof o=="object"?Ge("li",{...r,key:o.key||o.value},K(W,{container:!0,direction:"column",children:[G(W,{item:!0,children:o.label}),o.afterLabel&&G(W,{item:!0,children:o.afterLabel})]})):Ge("li",{...r,key:o},o),...p,renderInput:r=>G(Ko,{error:!!s,placeholder:x,...r,...y,inputRef:$})},e),G(k,{name:e,disableIcon:F})]})})});Me.displayName="Searchable";var lr=Me;import{forwardRef as sr,memo as dr}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 me,Button as Fr}from"@s_mart/core";import{colorPalette as gr}from"@s_mart/tokens";import{linePlus as _e,linePen as hr,lineInfoCircle as vr}from"@s_mart/solid-icons";import{toRem as ze}from"@s_mart/utils";import{css as $e}from"@emotion/react";import{styled as nr}from"@mui/material";import{toRem as pe}from"@s_mart/utils";var De=$e`
|
|
2
2
|
display: flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
justify-content: center;
|
|
@@ -69,7 +69,7 @@ import{FormProvider as io}from"react-hook-form";import{jsx as ke}from"react/jsx-
|
|
|
69
69
|
svg {
|
|
70
70
|
width: ${({size:e})=>Pt(e)} !important;
|
|
71
71
|
}
|
|
72
|
-
`;import{jsx as re,jsxs as $t}from"react/jsx-runtime";var Gt=({rules:e,defaultValue:t,shouldUnregister:i,name:n,required:l,label:g,timePickerProps:c,placeholder:y,disabled:C,disableIconError:m,...u})=>{let d=Lt();if(!d)throw new Error("Para usar o <TimePicker /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let x=E(d.formState.errors,n),a=c?.format||"HH:mm",h=e?Rt([Ye(a),e]):Ye(a);return re(It,{dateAdapter:kt,adapterLocale:Et,localeText:wt.components.MuiLocalizationProvider.defaultProps.localeText,children:re(Bt,{control:d.control,name:n,rules:h,defaultValue:t,shouldUnregister:i,render:({field:{value:F,onChange:p,ref:b}})=>$t(Tt,{sx:{display:"flex",flexDirection:"column"},children:[g&&re(P,{label:g,required:l}),re(Vt,{ampm:!1,format:a,value:F??null,disabled:C,...c,onChange:(s,f)=>{p(s,f),c?.onChange?.(s,f)},slots:{textField:St,openPickerButton:s=>re(We,{...s,size:u.size})},slotProps:{textField:s=>({variant:"outlined",...s,error:!!x,...u,inputProps:{...s.inputProps,placeholder:y||s.inputProps?.placeholder},InputProps:{...s.InputProps,inputRef:f=>{b(f),typeof s.inputRef=="function"&&s.inputRef(f)}}})}},n),re(k,{name:n,disableIcon:m})]})})})},Mt=At(Gt);import{Autocomplete as Dt,Grid as ye,TextField as qt}from"@mui/material";import{colorPalette as _t}from"@s_mart/tokens";import{memo as zt}from"react";import{Controller as Ot,useFormContext as Nt}from"react-hook-form";import{jsx as Q,jsxs as Je}from"react/jsx-runtime";import{createElement as Ht}from"react";var Ut=({name:e,defaultValue:t,rules:i,shouldUnregister:n,label:l,required:g,noOptionsText:c,placeholder:y,onInputChange:C,onChange:m,disableIconError:u,...d})=>{let x=Nt();if(!x)throw new Error("Para usar o <Autocomplete /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let a=E(x.formState.errors,e);return console.warn=()=>{},Q(Ot,{name:e,control:x.control,defaultValue:t,rules:i,shouldUnregister:n,render:({field:h})=>Je(ye,{sx:{display:"flex",flexDirection:"column"},children:[l&&Q(P,{label:l,required:g}),Q(Dt,{onChange:(F,p)=>{h.onChange(p),m?.(p,x.getValues())},onInputChange:(F,p,b)=>{b==="input"&&(h.onChange(p),setTimeout(()=>{C?.(p,x.getValues())},0))},slotProps:{...d.slotProps||{},paper:{...d.slotProps?.paper||{},sx:{border:`1px solid ${_t.neutral[30]}`,boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.15)"}}},isOptionEqualToValue:(F,p)=>F.value===p.value,renderOption:(F,p)=>Ht("li",{...F,key:p.key||p.value,onClick:b=>{F.onClick?.(b),h.onChange(p)}},Je(ye,{container:!0,direction:"column",children:[Q(ye,{item:!0,children:p.label}),p.afterLabel&&Q(ye,{item:!0,children:p.afterLabel})]})),value:h.value||null,readOnly:d.disabled,noOptionsText:c||"Nenhuma op\xE7\xE3o encontrada",...d,renderInput:F=>Q(qt,{placeholder:y,...F,error:!!a,slotProps:{input:{inputProps:F.inputProps,inputRef:h.ref}}})},e),Q(k,{name:e,disableIcon:u})]})})},jt=zt(Ut);import{Autocomplete as Qt,Divider as Ke,TextField as Zt}from"@mui/material";import{colorPalette as ei}from"@s_mart/tokens";import{isEqual as oi}from"lodash-es";import{forwardRef as ri}from"react";import{useController as ti,useFormContext as ii}from"react-hook-form";import{Tooltip as Wt}from"@mui/material";import{LIcon as Yt}from"@s_mart/core";import{lineInfoCircle as Jt}from"@s_mart/solid-icons";import{jsx as Pe}from"react/jsx-runtime";var Kt=({title:e})=>Pe(Wt,{title:e,placement:"top",children:Pe("div",{style:{width:"fit-content"},children:Pe(Yt,{icon:Jt,color:"#757575"})})}),Z=Kt;import{memo as Xt}from"react";var te=Xt;import{Fragment as Ce,jsx as q,jsxs as ee}from"react/jsx-runtime";import{createElement as ai}from"react";var li=({name:e,rules:t,defaultValue:i,shouldUnregister:n,label:l,required:g,options:c,textFieldProps:y,noOptionsText:C,footer:m,multiple:u,info:d,placeholder:x,onChange:a,onInputChange:h,getOptionAfterLabel:F,getOptionLabel:p,getOptionKey:b,...s})=>{let f=ii();if(!f)throw new Error("Para usar o <SearchableV2 /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let w=E(f.formState.errors,e),{field:$}=ti({name:e,control:f.control,rules:t,defaultValue:i,shouldUnregister:n});return ee("div",{style:{display:"flex",flexDirection:"column"},children:[ee("div",{style:{display:"flex"},children:[l&&q(P,{label:l,required:g}),d&&q(Z,{title:d})]}),q(Qt,{onChange:(r,o)=>{$.onChange(o),a?.(o)},onInputChange:(r,o,T)=>{T==="input"&&h?.(o)},value:$.value?$.value:u?[]:null,options:c,multiple:u,readOnly:s.disabled,slotProps:{...s.slotProps,paper:{...s.slotProps?.paper,sx:{border:`1px solid ${ei.neutral[30]}`,boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.15)"}},listbox:{component:ri(function(o,T){return ee(Ce,{children:[q("ul",{...o,ref:T}),typeof m<"u"?ee("div",{...o,children:[q("div",{style:{paddingTop:"0.5rem",paddingBottom:"0.5rem"},children:q(Ke,{})}),m()]},"searchable-footer"):null]})})}},noOptionsText:ee(Ce,{children:[C||"Nenhuma op\xE7\xE3o encontrada",typeof m<"u"?ee(Ce,{children:[q("div",{style:{paddingTop:"0.5rem",paddingBottom:"0.5rem"},children:q(Ke,{})}),m()]}):null]}),isOptionEqualToValue:(r,o)=>oi(r,o),getOptionLabel:r=>p(r),getOptionKey:r=>b(r),renderOption:typeof F=="function"?(r,o)=>{let T=F(o),S=b(o);return ai("li",{...r,key:S},ee("div",{style:{display:"flex",flexDirection:"column",flex:1},children:[q("span",{children:p(o)}),typeof T=="string"?q("span",{children:T}):T]}))}:void 0,...s,renderInput:r=>q(Zt,{error:!!w,placeholder:x,...r,...y,inputRef:$.ref})},e),q(k,{name:e})]})},ni=te(li);import{useState as pi}from"react";import{useController as mi,useFormContext as ui}from"react-hook-form";import{IconButton as fi,LIcon as ci}from"@s_mart/core";import{lineTimes as yi}from"@s_mart/regular-icons";import{colorPalette as xi}from"@s_mart/tokens";import{Select as bi,MenuItem as Fi,Divider as gi}from"@mui/material";import{colorPalette as si}from"@s_mart/tokens";import{jsx as di}from"react/jsx-runtime";var Xe=({value:e,placeholder:t,getOptionLabel:i})=>e===null||e?.length===0?di("p",{style:{color:si.neutral[100]},children:t}):i(e);import{Fragment as Pi,jsx as O,jsxs as oe}from"react/jsx-runtime";var hi=({name:e,rules:t,defaultValue:i,shouldUnregister:n,label:l,required:g,options:c,placeholder:y,clearable:C,info:m,footer:u,onChange:d,variant:x="outlined",getOptionKey:a,getOptionLabel:h,getOptionAfterLabel:F,getOptionIcon:p,...b})=>{let s=ui(),[f,w]=pi(!1);if(!s)throw new Error("Para usar o <SelectV2 /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let $=E(s.formState.errors,e),{field:r}=mi({control:s.control,name:e,rules:t,defaultValue:i,shouldUnregister:n});return oe("div",{style:{display:"flex",flexDirection:"column"},children:[oe("div",{style:{display:"flex"},children:[l&&O(P,{label:l,required:g}),m&&O(Z,{title:m})]}),oe(bi,{open:f,onOpen:()=>w(!0),onClose:()=>w(!1),displayEmpty:!!y,variant:x,autoComplete:"off",value:r.value||null,renderValue:o=>O(Xe,{getOptionLabel:h,placeholder:y,value:o}),onChange:o=>{r.onChange(o.target.value),d?.(o.target.value)},error:!!$,size:b.size||"medium",inputRef:r.ref,...b,endAdornment:oe(Pi,{children:[b.endAdornment,!!(C&&r.value)&&O(fi,{variant:"text",color:"neutral",size:"small",sx:{borderRadius:"50%",position:"absolute",right:"2rem"},style:{padding:0},"aria-label":"Limpar",title:"Limpar",onClick:()=>{r.onChange(null),d?.(null)},children:O(ci,{icon:yi,color:xi.neutral[100],size:"25px",removeMargin:!0})})]}),children:[c.map(o=>{let T=a(o),S=h(o),_=p?.(o);return O(Fi,{value:o,children:oe("div",{style:{display:"flex",flexDirection:"column",flex:1},children:[_!==void 0?oe("div",{style:{display:"flex",alignItems:"center"},children:[_,S]}):S,O("span",{children:F?.(o)??null})]})},T)}),u!==void 0&&oe("div",{children:[O("div",{style:{padding:"8px 16px"},children:O(gi,{})},"footer-divider"),O("div",{children:u({closeSelect:()=>w(!1)})},"footer-content")]},"footer")]},e),O(k,{name:e})]})},vi=te(hi);import{forwardRef as Si,useCallback as ki,useState as Ii}from"react";import{useController as Vi,useFormContext as wi}from"react-hook-form";import{isObject as Ri,isEmpty as Ei,isEqual as Ai}from"lodash-es";import{Autocomplete as Bi,TextField as Li,Divider as eo}from"@mui/material";import{LIcon as Te,Button as Gi}from"@s_mart/core";import{colorPalette as Mi}from"@s_mart/tokens";import{linePlus as oo,linePen as $i}from"@s_mart/solid-icons";import{toRem as ro}from"@s_mart/utils";import{css as Ci,styled as Ti}from"@mui/material";import{toRem as xe}from"@s_mart/utils";var Qe=Ci`
|
|
72
|
+
`;import{jsx as re,jsxs as $t}from"react/jsx-runtime";var Gt=({rules:e,defaultValue:t,shouldUnregister:i,name:n,required:l,label:g,timePickerProps:c,placeholder:y,disabled:C,disableIconError:m,...u})=>{let d=Lt();if(!d)throw new Error("Para usar o <TimePicker /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let x=E(d.formState.errors,n),a=c?.format||"HH:mm",h=e?Rt([Ye(a),e]):Ye(a);return re(It,{dateAdapter:kt,adapterLocale:Et,localeText:wt.components.MuiLocalizationProvider.defaultProps.localeText,children:re(Bt,{control:d.control,name:n,rules:h,defaultValue:t,shouldUnregister:i,render:({field:{value:F,onChange:p,ref:b}})=>$t(Tt,{sx:{display:"flex",flexDirection:"column"},children:[g&&re(P,{label:g,required:l}),re(Vt,{ampm:!1,format:a,value:F??null,disabled:C,...c,onChange:(s,f)=>{p(s,f),c?.onChange?.(s,f)},slots:{textField:St,openPickerButton:s=>re(We,{...s,size:u.size})},slotProps:{textField:s=>({variant:"outlined",...s,error:!!x,...u,inputProps:{...s.inputProps,placeholder:y||s.inputProps?.placeholder},InputProps:{...s.InputProps,inputRef:f=>{b(f),typeof s.inputRef=="function"&&s.inputRef(f)}}})}},n),re(k,{name:n,disableIcon:m})]})})})},Mt=At(Gt);import{Autocomplete as Dt,Grid as ye,TextField as qt}from"@mui/material";import{colorPalette as _t}from"@s_mart/tokens";import{memo as zt}from"react";import{Controller as Ot,useFormContext as Nt}from"react-hook-form";import{jsx as Q,jsxs as Je}from"react/jsx-runtime";import{createElement as Ht}from"react";var Ut=({name:e,defaultValue:t,rules:i,shouldUnregister:n,label:l,required:g,noOptionsText:c,placeholder:y,onInputChange:C,onChange:m,disableIconError:u,...d})=>{let x=Nt();if(!x)throw new Error("Para usar o <Autocomplete /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let a=E(x.formState.errors,e);return console.warn=()=>{},Q(Ot,{name:e,control:x.control,defaultValue:t,rules:i,shouldUnregister:n,render:({field:h})=>Je(ye,{sx:{display:"flex",flexDirection:"column"},children:[l&&Q(P,{label:l,required:g}),Q(Dt,{onChange:(F,p)=>{h.onChange(p),m?.(p,x.getValues())},onInputChange:(F,p,b)=>{b==="input"&&(h.onChange(p),setTimeout(()=>{C?.(p,x.getValues())},0))},slotProps:{...d.slotProps||{},paper:{...d.slotProps?.paper||{},sx:{border:`1px solid ${_t.neutral[30]}`,boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.15)"}}},isOptionEqualToValue:(F,p)=>F.value===p.value,renderOption:(F,p)=>Ht("li",{...F,key:p.key||p.value,onClick:b=>{F.onClick?.(b),h.onChange(p)}},Je(ye,{container:!0,direction:"column",children:[Q(ye,{item:!0,children:p.label}),p.afterLabel&&Q(ye,{item:!0,children:p.afterLabel})]})),value:h.value||null,readOnly:d.disabled,noOptionsText:c||"Nenhuma op\xE7\xE3o encontrada",...d,renderInput:F=>Q(qt,{placeholder:y,...F,error:!!a,slotProps:{input:{inputProps:F.inputProps,inputRef:h.ref}}})},e),Q(k,{name:e,disableIcon:u})]})})},jt=zt(Ut);import{Autocomplete as Qt,Divider as Ke,TextField as Zt}from"@mui/material";import{colorPalette as ei}from"@s_mart/tokens";import{isEqual as oi}from"lodash-es";import{forwardRef as ri}from"react";import{useController as ti,useFormContext as ii}from"react-hook-form";import{Tooltip as Wt}from"@mui/material";import{LIcon as Yt}from"@s_mart/core";import{lineInfoCircle as Jt}from"@s_mart/solid-icons";import{jsx as Pe}from"react/jsx-runtime";var Kt=({title:e})=>Pe(Wt,{title:e,placement:"top",children:Pe("div",{style:{width:"fit-content"},children:Pe(Yt,{icon:Jt,color:"#757575"})})}),Z=Kt;import{memo as Xt}from"react";var te=Xt;import{Fragment as Ce,jsx as q,jsxs as ee}from"react/jsx-runtime";import{createElement as ai}from"react";var li=({name:e,rules:t,defaultValue:i,shouldUnregister:n,label:l,required:g,options:c,textFieldProps:y,noOptionsText:C,footer:m,multiple:u,info:d,placeholder:x,onChange:a,onInputChange:h,getOptionAfterLabel:F,getOptionLabel:p,getOptionKey:b,...s})=>{let f=ii();if(!f)throw new Error("Para usar o <SearchableV2 /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let w=E(f.formState.errors,e),{field:$}=ti({name:e,control:f.control,rules:t,defaultValue:i,shouldUnregister:n});return ee("div",{style:{display:"flex",flexDirection:"column"},children:[ee("div",{style:{display:"flex"},children:[l&&q(P,{label:l,required:g}),d&&q(Z,{title:d})]}),q(Qt,{onChange:(r,o)=>{$.onChange(o),a?.(o)},onInputChange:(r,o,T)=>{T==="input"&&h?.(o)},value:$.value?$.value:u?[]:null,options:c,multiple:u,readOnly:s.disabled,slotProps:{...s.slotProps,paper:{...s.slotProps?.paper,sx:{border:`1px solid ${ei.neutral[30]}`,boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.15)"}},listbox:{component:ri(function(o,T){return ee(Ce,{children:[q("ul",{...o,ref:T}),typeof m<"u"?ee("div",{...o,children:[q("div",{style:{paddingTop:"0.5rem",paddingBottom:"0.5rem"},children:q(Ke,{})}),m()]},"searchable-footer"):null]})})}},noOptionsText:ee(Ce,{children:[C||"Nenhuma op\xE7\xE3o encontrada",typeof m<"u"?ee(Ce,{children:[q("div",{style:{paddingTop:"0.5rem",paddingBottom:"0.5rem"},children:q(Ke,{})}),m()]}):null]}),isOptionEqualToValue:(r,o)=>oi(r,o),getOptionLabel:r=>p(r),getOptionKey:r=>b(r),renderOption:typeof F=="function"?(r,o)=>{let T=F(o),S=b(o);return ai("li",{...r,key:S},ee("div",{style:{display:"flex",flexDirection:"column",flex:1},children:[q("span",{children:p(o)}),typeof T=="string"?q("span",{children:T}):T]}))}:void 0,...s,renderInput:r=>q(Zt,{error:!!w,placeholder:x,...r,...y,inputRef:$.ref})},e),q(k,{name:e})]})},ni=te(li);import{useState as pi}from"react";import{useController as mi,useFormContext as ui}from"react-hook-form";import{IconButton as fi,LIcon as ci}from"@s_mart/core";import{lineTimes as yi}from"@s_mart/regular-icons";import{colorPalette as xi}from"@s_mart/tokens";import{Select as bi,MenuItem as Fi,Divider as gi}from"@mui/material";import{colorPalette as si}from"@s_mart/tokens";import{jsx as di}from"react/jsx-runtime";var Xe=({value:e,placeholder:t,getOptionLabel:i})=>e===null||e?.length===0?di("p",{style:{color:si.neutral[100]},children:t}):i(e);import{Fragment as Pi,jsx as O,jsxs as oe}from"react/jsx-runtime";var hi=({name:e,rules:t,defaultValue:i,shouldUnregister:n,label:l,required:g,options:c,placeholder:y,clearable:C,info:m,footer:u,onChange:d,variant:x="outlined",getOptionKey:a,getOptionLabel:h,getOptionAfterLabel:F,getOptionIcon:p,...b})=>{let s=ui(),[f,w]=pi(!1);if(!s)throw new Error("Para usar o <SelectV2 /> \xE9 necess\xE1rio que ele esteja dentro de um <Form />");let $=E(s.formState.errors,e),{field:r}=mi({control:s.control,name:e,rules:t,defaultValue:i,shouldUnregister:n});return oe("div",{style:{display:"flex",flexDirection:"column"},children:[oe("div",{style:{display:"flex"},children:[l&&O(P,{label:l,required:g}),m&&O(Z,{title:m})]}),oe(bi,{open:f,onOpen:()=>w(!0),onClose:()=>w(!1),displayEmpty:!!y,variant:x,autoComplete:"off",value:r.value||null,renderValue:o=>O(Xe,{getOptionLabel:h,placeholder:y,value:o}),onChange:o=>{r.onChange(o.target.value),d?.(o.target.value)},error:!!$,size:b.size||"medium",inputRef:r.ref,...b,endAdornment:oe(Pi,{children:[b.endAdornment,!!(C&&r.value)&&O(fi,{variant:"text",color:"neutral",size:"small",sx:{borderRadius:"50%",position:"absolute",right:"2rem"},style:{padding:0},"aria-label":"Limpar",title:"Limpar",onClick:()=>{r.onChange(null),d?.(null)},children:O(ci,{icon:yi,color:xi.neutral[100],size:"25px",removeMargin:!0})})]}),children:[c.map(o=>{let T=a(o),S=h(o),_=p?.(o);return O(Fi,{value:o,children:oe("div",{style:{display:"flex",flexDirection:"column",flex:1},children:[_!==void 0?oe("div",{style:{display:"flex",alignItems:"center"},children:[_,S]}):S,O("span",{children:F?.(o)??null})]})},T)}),u!==void 0&&oe("div",{children:[O("div",{style:{padding:"8px 16px"},children:O(gi,{})},"footer-divider"),O("div",{children:u({closeSelect:()=>w(!1)})},"footer-content")]},"footer")]},e),O(k,{name:e})]})},vi=te(hi);import{forwardRef as Si,useCallback as ki,useState as Ii}from"react";import{useController as Vi,useFormContext as wi}from"react-hook-form";import{isObject as Ri,isEmpty as Ei,isEqual as Ai}from"lodash-es";import{Autocomplete as Bi,TextField as Li,Divider as eo}from"@mui/material";import{LIcon as Te,Button as Gi}from"@s_mart/core";import{colorPalette as Mi}from"@s_mart/tokens";import{linePlus as oo,linePen as $i}from"@s_mart/solid-icons";import{toRem as ro}from"@s_mart/utils";import{css as Ci,styled as Ti}from"@mui/material";import{toRem as xe}from"@s_mart/utils";import"@mui/system";var Qe=Ci`
|
|
73
73
|
display: flex;
|
|
74
74
|
align-items: center;
|
|
75
75
|
justify-content: center;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@s_mart/form",
|
|
3
|
-
"version": "9.0.
|
|
3
|
+
"version": "9.0.5",
|
|
4
4
|
"main": "./dist/index.mjs",
|
|
5
5
|
"module": "./dist/index.mjs",
|
|
6
6
|
"types": "./dist/index.d.mts",
|
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
"@emotion/react": "^11.11.4",
|
|
21
21
|
"@emotion/styled": "^11.13.0",
|
|
22
22
|
"@mui/material": "^6.1.3",
|
|
23
|
+
"@mui/system": "^6.4.0",
|
|
23
24
|
"@mui/x-date-pickers": "^7.22.0",
|
|
24
25
|
"@types/lodash-es": ">=4.17.12",
|
|
25
26
|
"@types/node": ">=20.0.0",
|
|
@@ -31,16 +32,17 @@
|
|
|
31
32
|
"react-hook-form": "^7.51.0",
|
|
32
33
|
"typescript": ">=5.4.2",
|
|
33
34
|
"zod": "^3.22.4",
|
|
34
|
-
"@s_mart/core": "9.0.
|
|
35
|
-
"@s_mart/tokens": "5.1.1",
|
|
36
|
-
"@s_mart/rules": "5.1.1",
|
|
35
|
+
"@s_mart/core": "9.0.5",
|
|
37
36
|
"@s_mart/masks": "5.2.0",
|
|
37
|
+
"@s_mart/rules": "5.1.1",
|
|
38
|
+
"@s_mart/tokens": "5.1.1",
|
|
38
39
|
"@s_mart/typed": "7.2.1",
|
|
39
40
|
"@s_mart/utils": "5.3.4"
|
|
40
41
|
},
|
|
41
42
|
"devDependencies": {
|
|
42
43
|
"@emotion/styled": "^11.13.0",
|
|
43
44
|
"@mui/material": "^6.1.3",
|
|
45
|
+
"@mui/system": "^6.4.0",
|
|
44
46
|
"@mui/x-date-pickers": "^7.22.0",
|
|
45
47
|
"@types/lodash-es": ">=4.17.12",
|
|
46
48
|
"@types/node": ">=20.0.0",
|
|
@@ -48,7 +50,7 @@
|
|
|
48
50
|
"@types/react-dom": ">=18.3.1",
|
|
49
51
|
"dayjs": "^1.11.10",
|
|
50
52
|
"typescript": ">=5.4.2",
|
|
51
|
-
"@s_mart/core": "9.0.
|
|
53
|
+
"@s_mart/core": "9.0.5",
|
|
52
54
|
"@s_mart/masks": "5.2.0",
|
|
53
55
|
"@s_mart/rules": "5.1.1",
|
|
54
56
|
"@s_mart/tokens": "5.1.1",
|