@ufal-lccv/gpsub-ds 0.0.12 → 0.0.13

package/README.md

@@ -1,31 +1,31 @@
-# gpsub-ds
-
-Design system temporário do GP-SUB para auxiliar na futura migração para o DS Subweb 2.0
-
-## Atomic Design
-
-Para dúvidas sobre o Atomic Design, consulte o [link](https://github.com/diegohaz/arc/wiki/Atomic-Design).
-
-### Atoms
-
-Um átomo é uma tag html nativa, um Componente React que renderiza uma tag html ou qualquer componente de terceiros
-
-### Molecules
-
-Uma molécula é um grupo de átomos.
-
-### Organisms
-
-Um organismo é um grupo de átomos, moléculas e/ou outros organismos.
-
-### Pages
-
-Uma página é uma página, onde você colocará principalmente (mas não exclusivamente) organismos.
-
-### Templates
-
-Um template é um layout para ser usado em páginas.
-
-## Do not worry!
-
-Atomic Design deve ser uma solução, não outro problema. Se você quiser criar um componente e não sabe onde colocá-lo (átomos, moléculas, organismos etc.), não se preocupe, não pense muito, apenas coloque-o em qualquer lugar. Depois de você perceber o que é, apenas mova a pasta do componente para o lugar certo. Tudo irá funcionar por que os componentes são exportados de forma dinâmica em `src/components/index.ts`.
+# gpsub-ds
+
+Design system temporário do GP-SUB para auxiliar na futura migração para o DS Subweb 2.0
+
+## Atomic Design
+
+Para dúvidas sobre o Atomic Design, consulte o [link](https://github.com/diegohaz/arc/wiki/Atomic-Design).
+
+### Atoms
+
+Um átomo é uma tag html nativa, um Componente React que renderiza uma tag html ou qualquer componente de terceiros
+
+### Molecules
+
+Uma molécula é um grupo de átomos.
+
+### Organisms
+
+Um organismo é um grupo de átomos, moléculas e/ou outros organismos.
+
+### Pages
+
+Uma página é uma página, onde você colocará principalmente (mas não exclusivamente) organismos.
+
+### Templates
+
+Um template é um layout para ser usado em páginas.
+
+## Do not worry!
+
+Atomic Design deve ser uma solução, não outro problema. Se você quiser criar um componente e não sabe onde colocá-lo (átomos, moléculas, organismos etc.), não se preocupe, não pense muito, apenas coloque-o em qualquer lugar. Depois de você perceber o que é, apenas mova a pasta do componente para o lugar certo. Tudo irá funcionar por que os componentes são exportados de forma dinâmica em `src/components/index.ts`.

package/dist/{Table.view-BJQBIN5k.cjs → Table.view-BipNpove.cjs}

@@ -1,4 +1,4 @@
-"use strict";const o=require("./Checkbox.view-DFbiE7Mi.cjs"),u=require("react"),t=require("sbwb-ds"),H=require("./index-BcwQwoIM.cjs"),Q=require("react-hook-form"),ee=350,ae=({title:e,children:n,endAdornment:i=null,marginBottom:s="16px",customStyles:a={},wrapperCustomStyles:c={},hideAdornmentOnCollapse:l=!1})=>{const[f,d]=u.useState(!1),[x,m]=u.useState(!0);u.useEffect(()=>{if(l)if(f){const S=setTimeout(()=>m(!1),ee);return()=>clearTimeout(S)}else m(!0)},[f,l]);const h=l&&!x?null:i;return o.jsxRuntimeExports.jsxs(o.Container,{width:"100%",flex:"1",gap:"8px",customStyles:c,children:[o.jsxRuntimeExports.jsx(o.SectionTitle,{title:e,divider:!0,marginBottom:s,collapse:{collapsed:f,setCollapsed:d},endAdornment:h,customStyles:a}),o.jsxRuntimeExports.jsx(o.Container,{gap:"8px",width:"100%",customStyles:{maxHeight:f?"0":"2000px",transition:`max-height ${ee}ms ease-in-out`},children:n})]})};function Y(e,n,i){var s,a,c,l,f;n==null&&(n=100);function d(){var m=Date.now()-l;m<n&&m>=0?s=setTimeout(d,n-m):(s=null,i||(f=e.apply(c,a),c=a=null))}var x=function(){c=this,a=arguments,l=Date.now();var m=i&&!s;return s||(s=setTimeout(d,n)),m&&(f=e.apply(c,a),c=a=null),f};return x.clear=function(){s&&(clearTimeout(s),s=null)},x.flush=function(){s&&(f=e.apply(c,a),c=a=null,clearTimeout(s),s=null)},x}Y.debounce=Y;var ce=Y;const de=o.getDefaultExportFromCjs(ce);function Z({form:e,fieldName:n,triggerType:i=null,debounceTime:s=500}){const a=u.useCallback(()=>{e.trigger(n)},[e,n]),c=u.useMemo(()=>de(()=>a(),s),[a,s]),l=u.useMemo(()=>["all","onChange"].includes(i)?c:null,[c,i]),f=u.useMemo(()=>["all","onBlur"].includes(i)?a:null,[i]);return u.useMemo(()=>({onChangeTrigger:l,onBlurTrigger:f}),[l,f])}const ge=({form:e,name:n,label:i,options:s,readonly:a=!1,disabled:c=!1,optionsMap:l,width:f="100%",flex:d,placeholder:x,onSelect:m,parser:h,filter:S,tooltipProps:p={},infoProps:j={},maxHeigthMenu:R,isRequired:E=!1,onRemoveSelected:F,triggerFormField:b=null,displayText:W,...v})=>{const{onChangeTrigger:C}=Z({form:e,fieldName:n,triggerType:b,debounceTime:0}),O={position:"top",...p},L={...j,tooltipProps:{position:"top",maxWidth:"300px",...j==null?void 0:j.tooltipProps}},T=(w,I)=>{let M=w;h&&(M=h==null?void 0:h(w)),I(M),m==null||m(M),C==null||C()},$=u.useMemo(()=>H.valuable(l)?l:Object.fromEntries(s.map(w=>[w.value,w])),[s,l]);return o.jsxRuntimeExports.jsx(o.Container,{width:f,flex:d,children:o.jsxRuntimeExports.jsx(Q.Controller,{name:n,control:e.control,render:({field:{onChange:w,value:I},fieldState:{error:M=null}})=>{let k=$[I];return o.jsxRuntimeExports.jsx(K,{label:i,width:"100%",size:"Small",disabled:c,readonly:a,filter:S,errorMessage:M==null?void 0:M.message,placeholder:x,value:k,handleOption:g=>{T(g.value,w)},tooltipProps:O,options:s,maxHeigthMenu:R,infoProps:L,maxHeightMenu:R,isRequired:E,onRemoveSelected:F,displayText:W,...v})}})})},oe=({form:e,name:n,label:i,readonly:s=!1,disabled:a=!1,width:c="100%",height:l="100%",flex:f,placeholder:d,charactersCounter:x=!0,maxlength:m=1e3,resize:h=!0,triggerFormField:S=null,minHeight:p,maxHeight:j,...R})=>{const{onChangeTrigger:E}=Z({form:e,fieldName:n,triggerType:S}),F=(b,W)=>{W(b),E==null||E()};return o.jsxRuntimeExports.jsx(o.Container,{width:c,flex:f,height:l,children:o.jsxRuntimeExports.jsx(Q.Controller,{name:n,control:e.control,render:({field:{onChange:b,value:W},fieldState:{error:v=null}})=>o.jsxRuntimeExports.jsx(o.Textarea,{label:i,value:W||"",width:"100%",disabled:a,readonly:s,height:l,minHeight:p,maxHeight:j,errorMessage:v==null?void 0:v.message,placeholder:d,onChange:C=>F(C.target.value,b),charactersCounter:x,maxlength:m,size:"Small",resize:h,...R})})})};oe.displayName="TextareaField";const ue=({form:e,name:n,id:i=n,label:s,readonly:a=!1,disabled:c=!1,afterCheck:l,width:f="100%",formatter:d,parser:x,flex:m,size:h="Medium",triggerFormField:S=null,...p})=>{const{onChangeTrigger:j}=Z({form:e,fieldName:n,triggerType:S,debounceTime:0}),R=(E,F)=>{F(E),l==null||l(E),j==null||j()};return o.jsxRuntimeExports.jsx(o.Container,{width:f,flex:m,children:o.jsxRuntimeExports.jsx(Q.Controller,{name:n,control:e.control,render:({field:{onChange:E,value:F},fieldState:{error:b=null}})=>{const W=b==null?void 0:b.message;return W&&console.log("Error on checkbox!",W),o.jsxRuntimeExports.jsx(o.Checkbox,{id:`form-checkbox-${i}`,checked:(d==null?void 0:d(F))??F,name:n,label:s,disabled:c||a,onChange:v=>{R((x==null?void 0:x(v.target.checked,F))??v.target.checked,E)},size:h,...p})}})})},fe=o.qe.ul`
+"use strict";const o=require("./Checkbox.view-DFbiE7Mi.cjs"),u=require("react"),t=require("sbwb-ds"),H=require("./index-BcwQwoIM.cjs"),Q=require("react-hook-form"),ee=350,ae=({title:e,children:n,endAdornment:i=null,marginBottom:s="16px",customStyles:a={},wrapperCustomStyles:c={},hideAdornmentOnCollapse:l=!1,maxHeight:x="none"})=>{const[d,m]=u.useState(!1),[p,f]=u.useState(!0);u.useEffect(()=>{if(l)if(d){const h=setTimeout(()=>f(!1),ee);return()=>clearTimeout(h)}else f(!0)},[d,l]);const S=l&&!p?null:i;return o.jsxRuntimeExports.jsxs(o.Container,{width:"100%",flex:"1",gap:"8px",customStyles:c,children:[o.jsxRuntimeExports.jsx(o.SectionTitle,{title:e,divider:!0,marginBottom:s,collapse:{collapsed:d,setCollapsed:m},endAdornment:S,customStyles:a}),o.jsxRuntimeExports.jsx(o.Container,{gap:"8px",width:"100%",customStyles:{maxHeight:d?"0":x,transition:`max-height ${ee}ms ease-in-out`},children:n})]})};function Y(e,n,i){var s,a,c,l,x;n==null&&(n=100);function d(){var p=Date.now()-l;p<n&&p>=0?s=setTimeout(d,n-p):(s=null,i||(x=e.apply(c,a),c=a=null))}var m=function(){c=this,a=arguments,l=Date.now();var p=i&&!s;return s||(s=setTimeout(d,n)),p&&(x=e.apply(c,a),c=a=null),x};return m.clear=function(){s&&(clearTimeout(s),s=null)},m.flush=function(){s&&(x=e.apply(c,a),c=a=null,clearTimeout(s),s=null)},m}Y.debounce=Y;var ce=Y;const de=o.getDefaultExportFromCjs(ce);function Z({form:e,fieldName:n,triggerType:i=null,debounceTime:s=500}){const a=u.useCallback(()=>{e.trigger(n)},[e,n]),c=u.useMemo(()=>de(()=>a(),s),[a,s]),l=u.useMemo(()=>["all","onChange"].includes(i)?c:null,[c,i]),x=u.useMemo(()=>["all","onBlur"].includes(i)?a:null,[i]);return u.useMemo(()=>({onChangeTrigger:l,onBlurTrigger:x}),[l,x])}const ge=({form:e,name:n,label:i,options:s,readonly:a=!1,disabled:c=!1,optionsMap:l,width:x="100%",flex:d,placeholder:m,onSelect:p,parser:f,filter:S,tooltipProps:h={},infoProps:j={},maxHeigthMenu:R,isRequired:E=!1,onRemoveSelected:F,triggerFormField:b=null,displayText:W,...v})=>{const{onChangeTrigger:C}=Z({form:e,fieldName:n,triggerType:b,debounceTime:0}),O={position:"top",...h},L={...j,tooltipProps:{position:"top",maxWidth:"300px",...j==null?void 0:j.tooltipProps}},T=(w,I)=>{let M=w;f&&(M=f==null?void 0:f(w)),I(M),p==null||p(M),C==null||C()},$=u.useMemo(()=>H.valuable(l)?l:Object.fromEntries(s.map(w=>[w.value,w])),[s,l]);return o.jsxRuntimeExports.jsx(o.Container,{width:x,flex:d,children:o.jsxRuntimeExports.jsx(Q.Controller,{name:n,control:e.control,render:({field:{onChange:w,value:I},fieldState:{error:M=null}})=>{let k=$[I];return o.jsxRuntimeExports.jsx(K,{label:i,width:"100%",size:"Small",disabled:c,readonly:a,filter:S,errorMessage:M==null?void 0:M.message,placeholder:m,value:k,handleOption:g=>{T(g.value,w)},tooltipProps:O,options:s,maxHeigthMenu:R,infoProps:L,maxHeightMenu:R,isRequired:E,onRemoveSelected:F,displayText:W,...v})}})})},oe=({form:e,name:n,label:i,readonly:s=!1,disabled:a=!1,width:c="100%",height:l="100%",flex:x,placeholder:d,charactersCounter:m=!0,maxlength:p=1e3,resize:f=!0,triggerFormField:S=null,minHeight:h,maxHeight:j,...R})=>{const{onChangeTrigger:E}=Z({form:e,fieldName:n,triggerType:S}),F=(b,W)=>{W(b),E==null||E()};return o.jsxRuntimeExports.jsx(o.Container,{width:c,flex:x,height:l,children:o.jsxRuntimeExports.jsx(Q.Controller,{name:n,control:e.control,render:({field:{onChange:b,value:W},fieldState:{error:v=null}})=>o.jsxRuntimeExports.jsx(o.Textarea,{label:i,value:W||"",width:"100%",disabled:a,readonly:s,height:l,minHeight:h,maxHeight:j,errorMessage:v==null?void 0:v.message,placeholder:d,onChange:C=>F(C.target.value,b),charactersCounter:m,maxlength:p,size:"Small",resize:f,...R})})})};oe.displayName="TextareaField";const ue=({form:e,name:n,id:i=n,label:s,readonly:a=!1,disabled:c=!1,afterCheck:l,width:x="100%",formatter:d,parser:m,flex:p,size:f="Medium",triggerFormField:S=null,...h})=>{const{onChangeTrigger:j}=Z({form:e,fieldName:n,triggerType:S,debounceTime:0}),R=(E,F)=>{F(E),l==null||l(E),j==null||j()};return o.jsxRuntimeExports.jsx(o.Container,{width:x,flex:p,children:o.jsxRuntimeExports.jsx(Q.Controller,{name:n,control:e.control,render:({field:{onChange:E,value:F},fieldState:{error:b=null}})=>{const W=b==null?void 0:b.message;return W&&console.log("Error on checkbox!",W),o.jsxRuntimeExports.jsx(o.Checkbox,{id:`form-checkbox-${i}`,checked:(d==null?void 0:d(F))??F,name:n,label:s,disabled:c||a,onChange:v=>{R((m==null?void 0:m(v.target.checked,F))??v.target.checked,E)},size:f,...h})}})})},fe=o.qe.ul`
   ${H.resetStyles}
   position: fixed;
   margin-top: ${({marginTop:e})=>e};
@@ -118,7 +118,7 @@
   margin: 0;
   display: flex;
   align-self: center;
-`,we=(e,n,i=0,s=0,a="left")=>{const[c,l]=u.useState(0),[f,d]=u.useState(),x=u.useRef(null),m=u.useCallback(()=>{if(!e.current||!x.current)return;const h=e.current.getBoundingClientRect(),S=x.current.getBoundingClientRect(),p=window.innerHeight,j=window.innerWidth,R=h.top,E=p-h.bottom,F=E<S.height+s&&R>E;let b;F?(b=h.top-S.height-i,x.current.style.maxHeight=`${R-i}px`):(b=h.bottom+s,x.current.style.maxHeight=`${E-s}px`);let W=h.left;const v=W+S.width-j;v>0&&(W-=v),W<0&&(W=0);const C=j-h.right;Object.assign(x.current.style,{position:"fixed",top:`${b}px`,...a==="left"?{left:`${W}px`}:{right:`${C}px`},width:`${Math.max(h.width,S.width)}px`,overflowY:"auto"})},[i,s,a]);return u.useEffect(()=>{var S;l(0),d((S=e.current)==null?void 0:S.clientWidth),m();const h=()=>m();return window.addEventListener("scroll",h,!0),window.addEventListener("resize",h),()=>{window.removeEventListener("scroll",h,!0),window.removeEventListener("resize",h)}},[e,m]),{highlightedIndex:c,setHighlightedIndex:l,isOptionSelected:h=>h.label===(n==null?void 0:n.label),optionsRef:x,parentWidth:f}},J=u.forwardRef(({selectContainerRef:e,optionsSelect:n,size:i,selectOption:s,value:a,inputValue:c,widthMenu:l,maxHeightMenu:f="180px",menuIsOpen:d,onEnter:x,marginTop:m="4px",iconName:h,iconColor:S,iconPosition:p,topOffset:j=0,bottomOffset:R=0,truncateText:E=!0,menuJustifyContent:F="flex-start",tableActionButton:b,menuLateralPadding:W="8px",menuOptionFlexDirection:v="column",confirmSelection:C,menuAlign:O="left"},L)=>{H.valuable(h)&&(h+="Ant");const{highlightedIndex:T,setHighlightedIndex:$,isOptionSelected:w,optionsRef:I,parentWidth:M}=we(e,a,j,R,O);u.useEffect(()=>{const r=y=>{if(d){if(y.key==="ArrowDown")y.preventDefault(),$(z=>z<n.length-1?z+1:z);else if(y.key==="ArrowUp")y.preventDefault(),$(z=>z>0?z-1:0);else if(y.key==="Enter"&&n[T]){y.preventDefault();const z=n[T];s(z),x&&x(z)}}};return window.addEventListener("keydown",r),()=>window.removeEventListener("keydown",r)},[d,n,T,x,s,C]);const k=r=>typeof r=="string"?r:u.isValidElement(r)&&typeof r.props.children=="string"?r.props.children:String(r),g=(r,y)=>{var A,N;if(p!==y)return null;const z=H.valuable((A=r.tooltipProps)==null?void 0:A.label),B=r.iconName||h||"InfoFill0Sm",P=o.jsxRuntimeExports.jsx($e,{iconPosition:(N=r.tooltipProps)==null?void 0:N.position,id:`iconContainer-${r.value}`,children:o.jsxRuntimeExports.jsx(t.Icon,{iconName:B,color:r.disabled?t.sg.colors.neutralColors.colorNeutralCleanest:w(r)?t.sg.colors.brandColors.colorBrandSoft:S??t.sg.colors.neutralColors.colorNeutralDark})});return z?o.jsxRuntimeExports.jsx(o.Tooltip,{...r==null?void 0:r.tooltipProps,isActive:!0,children:P}):P};return o.jsxRuntimeExports.jsx(fe,{marginTop:m,width:l??`${M}px`,maxHeight:f,height:"fit-content",ref:r=>{I.current=r,typeof L=="function"?L(r):L&&(L.current=r)},"data-testid":"MenuSelect",id:"MenuSelect",children:n.length===0?o.jsxRuntimeExports.jsx(he,{size:i,children:"Sem opções"}):n.map((r,y)=>{var P,A;const z=typeof r.render=="function"?r.render():null,B=k(r.label);if(r.isSection)return o.jsxRuntimeExports.jsx(me,{size:i,children:B},B);{const N=B.toLowerCase().indexOf((c==null?void 0:c.toLowerCase())||"");return o.jsxRuntimeExports.jsxs(be,{isOptionSelected:w(r),highlightedIndex:y===T,onClick:D=>{D.stopPropagation(),r.disabled||(C?o.showConfirm({id:"select-option",title:C.title,description:C.description,icon:C.icon,iconColor:C.iconColor,leftButtonProps:{name:"Cancelar",variant:"tertiary",onClick:()=>{}},rightButtonProps:{name:"Confirmar",variant:"secondary",onClick:()=>s(r)}}):s(r))},onMouseEnter:()=>$(y),disabled:r.disabled,size:i,menuLateralPadding:W,children:[g(r,"left"),o.jsxRuntimeExports.jsxs(xe,{menuOptionFlexDirection:v,menuJustifyContent:F,iconName:h,isOptionSelected:w(r),highlightedIndex:y===T,"data-testid":r.value,size:i,hasDescription:!!r.description,optionValue:r.value,disabled:r.disabled,truncateText:E,tableActionButton:b,children:[o.jsxRuntimeExports.jsxs(Se,{truncateText:!u.isValidElement(r.label)&&E,children:[z,u.isValidElement(r.label)?o.jsxRuntimeExports.jsx("p",{title:((P=r==null?void 0:r.tooltipProps)==null?void 0:P.label)??k(r.label),children:r.label}):o.jsxRuntimeExports.jsx("p",{title:((A=r==null?void 0:r.tooltipProps)==null?void 0:A.label)??B,children:c&&N>=0?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[B.substring(0,N),o.jsxRuntimeExports.jsx(pe,{size:i,children:B.substring(N,N+((c==null?void 0:c.length)||0))}),B.substring(N+((c==null?void 0:c.length)||0))]}):B})]}),r.description&&o.jsxRuntimeExports.jsx("p",{title:r.description,children:r.description})]}),g(r,"right")]},String(r.value))}})})});J.displayName="MenuSelect";const ne=({title:e,iconName:n,onClickIcon:i,width:s,height:a,flex:c,children:l,wrapperCustomStyles:f={},contentCustomStyles:d={},titleCustomStyles:x={}})=>o.jsxRuntimeExports.jsxs(o.Container,{width:s,height:a,flex:c,direction:"vertical",padding:t.sg.spacings.spacingStack.spacingStackSm,customStyles:{backgroundColor:t.sg.colors.backgroundColors.colorBackgroundSnow,border:`1px solid ${t.sg.colors.neutralColors.colorNeutralSoft}`,borderRadius:"8px",...f},children:[o.jsxRuntimeExports.jsxs(o.Container,{width:"100%",direction:"horizontal",customStyles:d,children:[e?o.jsxRuntimeExports.jsx(o.Container,{width:"fit-content",customStyles:x,children:o.jsxRuntimeExports.jsx(o.SectionTitle,{title:e,divider:!1})}):null,n?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(o.Spacer,{size:"auto",direction:"horizontal"}),o.jsxRuntimeExports.jsx(t.Icon,{iconName:n,onClick:()=>i==null?void 0:i(),color:H.valuable(i)?t.sg.colors.neutralColors.colorNeutralDark:t.sg.colors.neutralColors.colorNeutralCloudy,cursorPointer:H.valuable(i)})]}):null]}),o.jsxRuntimeExports.jsx(o.Container,{width:"100%",flex:"1",children:l})]});ne.displayName="Section";const ye=o.qe.div`
+`,we=(e,n,i=0,s=0,a="left")=>{const[c,l]=u.useState(0),[x,d]=u.useState(),m=u.useRef(null),p=u.useCallback(()=>{if(!e.current||!m.current)return;const f=e.current.getBoundingClientRect(),S=m.current.getBoundingClientRect(),h=window.innerHeight,j=window.innerWidth,R=f.top,E=h-f.bottom,F=E<S.height+s&&R>E;let b;F?(b=f.top-S.height-i,m.current.style.maxHeight=`${R-i}px`):(b=f.bottom+s,m.current.style.maxHeight=`${E-s}px`);let W=f.left;const v=W+S.width-j;v>0&&(W-=v),W<0&&(W=0);const C=j-f.right;Object.assign(m.current.style,{position:"fixed",top:`${b}px`,...a==="left"?{left:`${W}px`}:{right:`${C}px`},width:`${Math.max(f.width,S.width)}px`,overflowY:"auto"})},[i,s,a]);return u.useEffect(()=>{var S;l(0),d((S=e.current)==null?void 0:S.clientWidth),p();const f=()=>p();return window.addEventListener("scroll",f,!0),window.addEventListener("resize",f),()=>{window.removeEventListener("scroll",f,!0),window.removeEventListener("resize",f)}},[e,p]),{highlightedIndex:c,setHighlightedIndex:l,isOptionSelected:f=>f.label===(n==null?void 0:n.label),optionsRef:m,parentWidth:x}},J=u.forwardRef(({selectContainerRef:e,optionsSelect:n,size:i,selectOption:s,value:a,inputValue:c,widthMenu:l,maxHeightMenu:x="180px",menuIsOpen:d,onEnter:m,marginTop:p="4px",iconName:f,iconColor:S,iconPosition:h,topOffset:j=0,bottomOffset:R=0,truncateText:E=!0,menuJustifyContent:F="flex-start",tableActionButton:b,menuLateralPadding:W="8px",menuOptionFlexDirection:v="column",confirmSelection:C,menuAlign:O="left"},L)=>{H.valuable(f)&&(f+="Ant");const{highlightedIndex:T,setHighlightedIndex:$,isOptionSelected:w,optionsRef:I,parentWidth:M}=we(e,a,j,R,O);u.useEffect(()=>{const r=y=>{if(d){if(y.key==="ArrowDown")y.preventDefault(),$(z=>z<n.length-1?z+1:z);else if(y.key==="ArrowUp")y.preventDefault(),$(z=>z>0?z-1:0);else if(y.key==="Enter"&&n[T]){y.preventDefault();const z=n[T];s(z),m&&m(z)}}};return window.addEventListener("keydown",r),()=>window.removeEventListener("keydown",r)},[d,n,T,m,s,C]);const k=r=>typeof r=="string"?r:u.isValidElement(r)&&typeof r.props.children=="string"?r.props.children:String(r),g=(r,y)=>{var A,N;if(h!==y)return null;const z=H.valuable((A=r.tooltipProps)==null?void 0:A.label),B=r.iconName||f||"InfoFill0Sm",P=o.jsxRuntimeExports.jsx($e,{iconPosition:(N=r.tooltipProps)==null?void 0:N.position,id:`iconContainer-${r.value}`,children:o.jsxRuntimeExports.jsx(t.Icon,{iconName:B,color:r.disabled?t.sg.colors.neutralColors.colorNeutralCleanest:w(r)?t.sg.colors.brandColors.colorBrandSoft:S??t.sg.colors.neutralColors.colorNeutralDark})});return z?o.jsxRuntimeExports.jsx(o.Tooltip,{...r==null?void 0:r.tooltipProps,isActive:!0,children:P}):P};return o.jsxRuntimeExports.jsx(fe,{marginTop:p,width:l??`${M}px`,maxHeight:x,height:"fit-content",ref:r=>{I.current=r,typeof L=="function"?L(r):L&&(L.current=r)},"data-testid":"MenuSelect",id:"MenuSelect",children:n.length===0?o.jsxRuntimeExports.jsx(he,{size:i,children:"Sem opções"}):n.map((r,y)=>{var P,A;const z=typeof r.render=="function"?r.render():null,B=k(r.label);if(r.isSection)return o.jsxRuntimeExports.jsx(me,{size:i,children:B},B);{const N=B.toLowerCase().indexOf((c==null?void 0:c.toLowerCase())||"");return o.jsxRuntimeExports.jsxs(be,{isOptionSelected:w(r),highlightedIndex:y===T,onClick:D=>{D.stopPropagation(),r.disabled||(C?o.showConfirm({id:"select-option",title:C.title,description:C.description,icon:C.icon,iconColor:C.iconColor,leftButtonProps:{name:"Cancelar",variant:"tertiary",onClick:()=>{}},rightButtonProps:{name:"Confirmar",variant:"secondary",onClick:()=>s(r)}}):s(r))},onMouseEnter:()=>$(y),disabled:r.disabled,size:i,menuLateralPadding:W,children:[g(r,"left"),o.jsxRuntimeExports.jsxs(xe,{menuOptionFlexDirection:v,menuJustifyContent:F,iconName:f,isOptionSelected:w(r),highlightedIndex:y===T,"data-testid":r.value,size:i,hasDescription:!!r.description,optionValue:r.value,disabled:r.disabled,truncateText:E,tableActionButton:b,children:[o.jsxRuntimeExports.jsxs(Se,{truncateText:!u.isValidElement(r.label)&&E,children:[z,u.isValidElement(r.label)?o.jsxRuntimeExports.jsx("p",{title:((P=r==null?void 0:r.tooltipProps)==null?void 0:P.label)??k(r.label),children:r.label}):o.jsxRuntimeExports.jsx("p",{title:((A=r==null?void 0:r.tooltipProps)==null?void 0:A.label)??B,children:c&&N>=0?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[B.substring(0,N),o.jsxRuntimeExports.jsx(pe,{size:i,children:B.substring(N,N+((c==null?void 0:c.length)||0))}),B.substring(N+((c==null?void 0:c.length)||0))]}):B})]}),r.description&&o.jsxRuntimeExports.jsx("p",{title:r.description,children:r.description})]}),g(r,"right")]},String(r.value))}})})});J.displayName="MenuSelect";const ne=({title:e,iconName:n,onClickIcon:i,width:s,height:a,flex:c,children:l,wrapperCustomStyles:x={},contentCustomStyles:d={},titleCustomStyles:m={}})=>o.jsxRuntimeExports.jsxs(o.Container,{width:s,height:a,flex:c,direction:"vertical",padding:t.sg.spacings.spacingStack.spacingStackSm,customStyles:{backgroundColor:t.sg.colors.backgroundColors.colorBackgroundSnow,border:`1px solid ${t.sg.colors.neutralColors.colorNeutralSoft}`,borderRadius:"8px",...x},children:[o.jsxRuntimeExports.jsxs(o.Container,{width:"100%",direction:"horizontal",customStyles:d,children:[e?o.jsxRuntimeExports.jsx(o.Container,{width:"fit-content",customStyles:m,children:o.jsxRuntimeExports.jsx(o.SectionTitle,{title:e,divider:!1})}):null,n?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(o.Spacer,{size:"auto",direction:"horizontal"}),o.jsxRuntimeExports.jsx(t.Icon,{iconName:n,onClick:()=>i==null?void 0:i(),color:H.valuable(i)?t.sg.colors.neutralColors.colorNeutralDark:t.sg.colors.neutralColors.colorNeutralCloudy,cursorPointer:H.valuable(i)})]}):null]}),o.jsxRuntimeExports.jsx(o.Container,{width:"100%",flex:"1",children:l})]});ne.displayName="Section";const ye=o.qe.div`
   ${H.resetStyles}
   display: flex;
   flex-direction: column;
@@ -258,7 +258,7 @@
   color: ${t.sg.colors.neutralColors.colorNeutralDark};
   margin-top: ${t.sg.spacings.spacingInline.spacingInlineNano};
   width: 100%;
-`,We=(e,{value:n,options:i})=>{const[s,a]=u.useState(!1),[c,l]=u.useState(!1),[f,d]=u.useState(""),[x,m]=u.useState(i),h=u.useRef(null),S=u.useRef(null),p=u.useRef(null),j=u.useRef(null);u.useEffect(()=>{const b=()=>{l(!1)};return window.addEventListener("scroll",b,{passive:!0}),window.addEventListener("resize",b,{passive:!0}),()=>{window.removeEventListener("scroll",b),window.removeEventListener("resize",b)}},[]);function R(b){d(""),l(!1),a(!0),p!=null&&p.current&&p.current.focus(),b!==n&&e(b)}const E=b=>{if(b){const W=new RegExp(b,"i"),v=i.filter(C=>W.exec(C.label));m(v)}else m(i)};function F(b){return!b}return{isOpen:s,setIsOpen:a,expanded:c,setExpanded:l,inputValue:f,setInputValue:d,optionsSelect:x,setOptionSelect:m,selectContainerRef:h,containerRef:S,inputContainerRef:p,optionsRef:j,selectOption:R,handlerFilterOptions:E,isValue:F}},K=u.forwardRef(({value:e,handleOption:n,options:i,filter:s=!0,placeholder:a,label:c,size:l="Medium",width:f="100%",disabled:d,helpText:x,readonly:m,errorMessage:h,tooltipProps:S={},onBlur:p,onEnter:j,variant:R="default",infoProps:E={},maxHeightMenu:F,isRequired:b=!1,onRemoveSelected:W,displayText:v,displayTextProps:C={}},O)=>{const{isOpen:L,setIsOpen:T,expanded:$,setExpanded:w,inputValue:I,setInputValue:M,optionsSelect:k,selectContainerRef:g,containerRef:r,inputContainerRef:y,selectOption:z,setOptionSelect:B,handlerFilterOptions:P,isValue:A}=We(n,{value:e,options:i}),N=!!h,D={label:h,...S,wrapperWidth:"auto",isActive:N,isErrorTooltip:!0},q={...E,size:l},_=o.jsxRuntimeExports.jsx(t.Icon,{iconName:`Close${l==="Small"?"Sm":"Ant"}`,onClick:X=>{X.stopPropagation(),W(e)}}),V=o.jsxRuntimeExports.jsx(t.Icon,{iconName:`ExpandLess${l==="Small"?"Sm":"Ant"}`}),le=o.jsxRuntimeExports.jsx(t.Icon,{iconName:`ExpandMore${l==="Small"?"Sm":"Ant"}`});return o.jsxRuntimeExports.jsxs(ye,{ref:g,width:f,size:l,disabled:d,readonly:m,children:[c&&o.jsxRuntimeExports.jsxs(Ee,{children:[o.jsxRuntimeExports.jsxs(ze,{"data-testid":"label",ref:O,children:[c,b&&!d?o.jsxRuntimeExports.jsx(Be,{children:" *"}):null]}),((q==null?void 0:q.message)||(q==null?void 0:q.render))&&o.jsxRuntimeExports.jsx(o.Info,{...q})]}),o.jsxRuntimeExports.jsx(o.Tooltip,{...D,children:o.jsxRuntimeExports.jsxs(je,{hasError:N,readonly:m,ref:r,onBlur:()=>{setTimeout(()=>{(L||$)&&y.current!==document.activeElement&&(p&&p(e),T(!1),w(!1))},250)},onClick:()=>{!d&&!m&&(L&&!$?(w(!0),y!=null&&y.current&&y.current.focus()):!L&&!$?(T(!0),w(!0),y!=null&&y.current&&y.current.focus()):(T(!1),w(!1),y!=null&&y.current&&y.current.blur()),!I&&B(i))},tabIndex:0,width:f,size:l,isOpen:L||$,"data-testid":"select",disabled:d,helpText:x,variant:R,children:[o.jsxRuntimeExports.jsxs(Ce,{children:[H.valuable(v)?o.jsxRuntimeExports.jsx(te,{size:l,variant:R,isDisplayText:!0,children:o.jsxRuntimeExports.jsx("p",{title:e==null?void 0:e.label,...C,children:v})}):o.jsxRuntimeExports.jsxs(te,{size:l,variant:R,children:[a&&A(e)&&!I&&!L?o.jsxRuntimeExports.jsx(Re,{size:l,variant:R,children:a}):null,(e==null?void 0:e.label)&&o.jsxRuntimeExports.jsx("p",{title:(e==null?void 0:e.hint)??(e==null?void 0:e.label),children:e==null?void 0:e.label})]}),s&&!H.valuable(v)&&o.jsxRuntimeExports.jsx(ke,{ref:y,value:I,onChange:X=>{M(X.target.value),X.target.value.length>0&&(T(!0),w(!0)),P(X.target.value)},readOnly:m,width:I.length,size:l,disabled:d,variant:R})]}),W&&e?_:null,$?V:le,$&&o.jsxRuntimeExports.jsx(J,{onEnter:X=>{n&&n(X),T(!1),w(!1),j&&j(X)},menuIsOpen:L,selectContainerRef:g,value:e,optionsSelect:k,selectOption:z,size:l,inputValue:I,maxHeightMenu:F})]})}),x&&o.jsxRuntimeExports.jsx(Ne,{size:l,children:x})]})});K.displayName="Select";const re=o.We`
+`,We=(e,{value:n,options:i})=>{const[s,a]=u.useState(!1),[c,l]=u.useState(!1),[x,d]=u.useState(""),[m,p]=u.useState(i),f=u.useRef(null),S=u.useRef(null),h=u.useRef(null),j=u.useRef(null);u.useEffect(()=>{const b=()=>{l(!1)};return window.addEventListener("scroll",b,{passive:!0}),window.addEventListener("resize",b,{passive:!0}),()=>{window.removeEventListener("scroll",b),window.removeEventListener("resize",b)}},[]);function R(b){d(""),l(!1),a(!0),h!=null&&h.current&&h.current.focus(),b!==n&&e(b)}const E=b=>{if(b){const W=new RegExp(b,"i"),v=i.filter(C=>W.exec(C.label));p(v)}else p(i)};function F(b){return!b}return{isOpen:s,setIsOpen:a,expanded:c,setExpanded:l,inputValue:x,setInputValue:d,optionsSelect:m,setOptionSelect:p,selectContainerRef:f,containerRef:S,inputContainerRef:h,optionsRef:j,selectOption:R,handlerFilterOptions:E,isValue:F}},K=u.forwardRef(({value:e,handleOption:n,options:i,filter:s=!0,placeholder:a,label:c,size:l="Medium",width:x="100%",disabled:d,helpText:m,readonly:p,errorMessage:f,tooltipProps:S={},onBlur:h,onEnter:j,variant:R="default",infoProps:E={},maxHeightMenu:F,isRequired:b=!1,onRemoveSelected:W,displayText:v,displayTextProps:C={}},O)=>{const{isOpen:L,setIsOpen:T,expanded:$,setExpanded:w,inputValue:I,setInputValue:M,optionsSelect:k,selectContainerRef:g,containerRef:r,inputContainerRef:y,selectOption:z,setOptionSelect:B,handlerFilterOptions:P,isValue:A}=We(n,{value:e,options:i}),N=!!f,D={label:f,...S,wrapperWidth:"auto",isActive:N,isErrorTooltip:!0},q={...E,size:l},_=o.jsxRuntimeExports.jsx(t.Icon,{iconName:`Close${l==="Small"?"Sm":"Ant"}`,onClick:X=>{X.stopPropagation(),W(e)}}),V=o.jsxRuntimeExports.jsx(t.Icon,{iconName:`ExpandLess${l==="Small"?"Sm":"Ant"}`}),le=o.jsxRuntimeExports.jsx(t.Icon,{iconName:`ExpandMore${l==="Small"?"Sm":"Ant"}`});return o.jsxRuntimeExports.jsxs(ye,{ref:g,width:x,size:l,disabled:d,readonly:p,children:[c&&o.jsxRuntimeExports.jsxs(Ee,{children:[o.jsxRuntimeExports.jsxs(ze,{"data-testid":"label",ref:O,children:[c,b&&!d?o.jsxRuntimeExports.jsx(Be,{children:" *"}):null]}),((q==null?void 0:q.message)||(q==null?void 0:q.render))&&o.jsxRuntimeExports.jsx(o.Info,{...q})]}),o.jsxRuntimeExports.jsx(o.Tooltip,{...D,children:o.jsxRuntimeExports.jsxs(je,{hasError:N,readonly:p,ref:r,onBlur:()=>{setTimeout(()=>{(L||$)&&y.current!==document.activeElement&&(h&&h(e),T(!1),w(!1))},250)},onClick:()=>{!d&&!p&&(L&&!$?(w(!0),y!=null&&y.current&&y.current.focus()):!L&&!$?(T(!0),w(!0),y!=null&&y.current&&y.current.focus()):(T(!1),w(!1),y!=null&&y.current&&y.current.blur()),!I&&B(i))},tabIndex:0,width:x,size:l,isOpen:L||$,"data-testid":"select",disabled:d,helpText:m,variant:R,children:[o.jsxRuntimeExports.jsxs(Ce,{children:[H.valuable(v)?o.jsxRuntimeExports.jsx(te,{size:l,variant:R,isDisplayText:!0,children:o.jsxRuntimeExports.jsx("p",{title:e==null?void 0:e.label,...C,children:v})}):o.jsxRuntimeExports.jsxs(te,{size:l,variant:R,children:[a&&A(e)&&!I&&!L?o.jsxRuntimeExports.jsx(Re,{size:l,variant:R,children:a}):null,(e==null?void 0:e.label)&&o.jsxRuntimeExports.jsx("p",{title:(e==null?void 0:e.hint)??(e==null?void 0:e.label),children:e==null?void 0:e.label})]}),s&&!H.valuable(v)&&o.jsxRuntimeExports.jsx(ke,{ref:y,value:I,onChange:X=>{M(X.target.value),X.target.value.length>0&&(T(!0),w(!0)),P(X.target.value)},readOnly:p,width:I.length,size:l,disabled:d,variant:R})]}),W&&e?_:null,$?V:le,$&&o.jsxRuntimeExports.jsx(J,{onEnter:X=>{n&&n(X),T(!1),w(!1),j&&j(X)},menuIsOpen:L,selectContainerRef:g,value:e,optionsSelect:k,selectOption:z,size:l,inputValue:I,maxHeightMenu:F})]})}),m&&o.jsxRuntimeExports.jsx(Ne,{size:l,children:m})]})});K.displayName="Select";const re=o.We`
   from {
     transform: rotate(0deg);
   }
@@ -380,7 +380,7 @@
   &:hover {
     cursor: not-allowed;
   }
-`,Fe=e=>{const[n,i]=u.useState(!1),[s,a]=u.useState(e),c=u.useRef(null);return u.useEffect(()=>{a(e)},[e]),{setIsOpen:i,isOpen:n,setOptionsSelect:a,optionsSelect:s,selectContainerRef:c}},He=200,Le=({name:e,variant:n="primary",width:i="100%",size:s="Medium",disabled:a=!1,isLoading:c=!1,onClick:l,options:f,label:d,menuSelectProps:x={},iconName:m,optionsIconPosition:h})=>{const{isOpen:S,setIsOpen:p,selectContainerRef:j,optionsSelect:R}=Fe(f);let E=t.sg.colors.backgroundColors.colorBackgroundSnow;a?E=t.sg.colors.neutralColors.colorNeutralCloudy:n!=="primary"&&(E=t.sg.colors.neutralColors.colorNeutralDark);const F={...x};return o.jsxRuntimeExports.jsxs(ve,{ref:j,width:i,size:s,disabled:a,onBlur:()=>setTimeout(()=>p(!1),He),children:[d&&o.jsxRuntimeExports.jsx(Me,{children:d}),o.jsxRuntimeExports.jsxs(Ie,{type:"button",size:s,disabled:a,variant:n,isLoading:c,onClick:()=>!c&&p(!S),id:`button-component-${e}`,children:[c&&o.jsxRuntimeExports.jsx(Ae,{size:s,disabled:a,variant:n,children:o.jsxRuntimeExports.jsx(t.Icon,{iconName:`ProgressActivity${s==="Small"?"Ant":"Sm"}`,color:E,"data-testid":"icon-loading"})}),!c&&o.jsxRuntimeExports.jsx("p",{title:e,children:e}),!c&&(S?o.jsxRuntimeExports.jsx(t.Icon,{iconName:`ExpandLess${s==="Small"?"Ant":"Sm"}`,color:E,"data-testid":"icon-button-less"}):o.jsxRuntimeExports.jsx(t.Icon,{iconName:`ExpandMore${s==="Small"?"Ant":"Sm"}`,color:E,"data-testid":"icon-button-more"}))]}),S&&o.jsxRuntimeExports.jsx(J,{selectContainerRef:j,value:null,optionsSelect:R,selectOption:l,size:s,inputValue:null,iconPosition:h,iconName:m,...F})]})},Te=o.qe.div`
+`,Fe=e=>{const[n,i]=u.useState(!1),[s,a]=u.useState(e),c=u.useRef(null);return u.useEffect(()=>{a(e)},[e]),{setIsOpen:i,isOpen:n,setOptionsSelect:a,optionsSelect:s,selectContainerRef:c}},He=200,Le=({name:e,variant:n="primary",width:i="100%",size:s="Medium",disabled:a=!1,isLoading:c=!1,onClick:l,options:x,label:d,menuSelectProps:m={},iconName:p,optionsIconPosition:f})=>{const{isOpen:S,setIsOpen:h,selectContainerRef:j,optionsSelect:R}=Fe(x);let E=t.sg.colors.backgroundColors.colorBackgroundSnow;a?E=t.sg.colors.neutralColors.colorNeutralCloudy:n!=="primary"&&(E=t.sg.colors.neutralColors.colorNeutralDark);const F={...m};return o.jsxRuntimeExports.jsxs(ve,{ref:j,width:i,size:s,disabled:a,onBlur:()=>setTimeout(()=>h(!1),He),children:[d&&o.jsxRuntimeExports.jsx(Me,{children:d}),o.jsxRuntimeExports.jsxs(Ie,{type:"button",size:s,disabled:a,variant:n,isLoading:c,onClick:()=>!c&&h(!S),id:`button-component-${e}`,children:[c&&o.jsxRuntimeExports.jsx(Ae,{size:s,disabled:a,variant:n,children:o.jsxRuntimeExports.jsx(t.Icon,{iconName:`ProgressActivity${s==="Small"?"Ant":"Sm"}`,color:E,"data-testid":"icon-loading"})}),!c&&o.jsxRuntimeExports.jsx("p",{title:e,children:e}),!c&&(S?o.jsxRuntimeExports.jsx(t.Icon,{iconName:`ExpandLess${s==="Small"?"Ant":"Sm"}`,color:E,"data-testid":"icon-button-less"}):o.jsxRuntimeExports.jsx(t.Icon,{iconName:`ExpandMore${s==="Small"?"Ant":"Sm"}`,color:E,"data-testid":"icon-button-more"}))]}),S&&o.jsxRuntimeExports.jsx(J,{selectContainerRef:j,value:null,optionsSelect:R,selectOption:l,size:s,inputValue:null,iconPosition:f,iconName:p,...F})]})},Te=o.qe.div`
   min-width: ${({widthItems:e})=>e};
   max-width: ${({widthItems:e})=>e};
   height: 100%;
@@ -425,7 +425,7 @@
   height: 100%;
   background-color: 'transparent';
   overflow: hidden;
-`,Xe=({width:e="100%",height:n="fit-content",flex:i,backgroundColor:s="white",options:a=[],heightItems:c="60px",widthItems:l="155px",emptyProps:f={title:"Nenhum dado a ser mostrado",body:null}})=>{var S;const[d,x]=u.useState(a[0]||null),m=u.useRef(null),h=u.useRef(null);return u.useEffect(()=>{const p=m.current,j=h.current,R=()=>{p&&j&&(j.scrollTop=p.scrollTop)};return p==null||p.addEventListener("scroll",R),()=>{p==null||p.removeEventListener("scroll",R)}},[]),(a==null?void 0:a.length)===0?o.jsxRuntimeExports.jsx(o.Empty,{title:f.title,body:f.body,flex:"1",mode:"table"}):o.jsxRuntimeExports.jsxs(o.Container,{width:e,height:n,flex:i,backgroundColor:s,direction:"horizontal",customStyles:{border:`1px solid ${t.sg.colors.neutralColors.colorNeutralSoft}`,borderRadius:t.sg.borders.borderRadius.borderRadiusSm},children:[o.jsxRuntimeExports.jsx(Te,{ref:m,widthItems:l,children:a==null?void 0:a.map((p,j)=>o.jsxRuntimeExports.jsx(qe,{selected:(d==null?void 0:d.key)===p.key,onClick:()=>x(p),withBorderRight:!1,heightItems:c,children:p.item},j))}),o.jsxRuntimeExports.jsx(Oe,{ref:h,children:(S=a==null?void 0:a.concat({key:"last",item:o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{}),contentItem:o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{})}))==null?void 0:S.map((p,j)=>o.jsxRuntimeExports.jsx(Pe,{selected:(d==null?void 0:d.key)===p.key,onClick:()=>x(p),withBorderRight:!0,heightItems:c},j))}),o.jsxRuntimeExports.jsx(De,{children:d&&(d==null?void 0:d.contentItem)})]})},se=o.Ae`
+`,Xe=({width:e="100%",height:n="fit-content",flex:i,backgroundColor:s="white",options:a=[],heightItems:c="60px",widthItems:l="155px",emptyProps:x={title:"Nenhum dado a ser mostrado",body:null}})=>{var S;const[d,m]=u.useState(a[0]||null),p=u.useRef(null),f=u.useRef(null);return u.useEffect(()=>{const h=p.current,j=f.current,R=()=>{h&&j&&(j.scrollTop=h.scrollTop)};return h==null||h.addEventListener("scroll",R),()=>{h==null||h.removeEventListener("scroll",R)}},[]),(a==null?void 0:a.length)===0?o.jsxRuntimeExports.jsx(o.Empty,{title:x.title,body:x.body,flex:"1",mode:"table"}):o.jsxRuntimeExports.jsxs(o.Container,{width:e,height:n,flex:i,backgroundColor:s,direction:"horizontal",customStyles:{border:`1px solid ${t.sg.colors.neutralColors.colorNeutralSoft}`,borderRadius:t.sg.borders.borderRadius.borderRadiusSm},children:[o.jsxRuntimeExports.jsx(Te,{ref:p,widthItems:l,children:a==null?void 0:a.map((h,j)=>o.jsxRuntimeExports.jsx(qe,{selected:(d==null?void 0:d.key)===h.key,onClick:()=>m(h),withBorderRight:!1,heightItems:c,children:h.item},j))}),o.jsxRuntimeExports.jsx(Oe,{ref:f,children:(S=a==null?void 0:a.concat({key:"last",item:o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{}),contentItem:o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{})}))==null?void 0:S.map((h,j)=>o.jsxRuntimeExports.jsx(Pe,{selected:(d==null?void 0:d.key)===h.key,onClick:()=>m(h),withBorderRight:!0,heightItems:c},j))}),o.jsxRuntimeExports.jsx(De,{children:d&&(d==null?void 0:d.contentItem)})]})},se=o.Ae`
   svg:not([color]):not([data-testid='icon']) {
     path {
       fill: ${t.sg.colors.neutralColors.colorNeutralDarkest};
@@ -583,4 +583,4 @@
   &:hover {
     cursor: ${e=>e.isClickable?"pointer":"default"};
   }
-`;function Ye(e){return n=>typeof e=="string"?n[e]:typeof e=="function"?e(n):(console.warn("Please, setup a rowKey for table."),JSON.stringify(n))}function Qe({id:e,rowKey:n="id",size:i="Small",onRowClick:s,fit:a=!1,maxHeight:c="40rem",columns:l,dataSource:f,columnsTextSize:d=i,emptyProps:x={width:"100%",height:"100%",title:"Nenhum dado a ser mostrado.",mode:"table",borders:!0,backgroundColor:t.sg.colors.backgroundColors.colorBackgroundSnow},selectedRow:m=!1,hideHeader:h=!1,withBorder:S=!0,withBorderRadius:p=!0,striped:j=!1,borderRadius:R=t.sg.borders.borderRadius.borderRadiusSm}){const E=u.useMemo(()=>Ye(n),[n]),[F,b]=u.useState(null),W=u.useRef(null),v=u.useRef(null),[C,O]=u.useState(l);u.useLayoutEffect(()=>{if(!v.current||l.length===0){O(l);return}const $=()=>{var P;const I=((P=v.current)==null?void 0:P.clientWidth)||0;if(I===0)return;let M=0,k=0;const g=[],r=[];l.forEach(A=>{const N=Number(A.flex);A.width?M+=parseInt(A.width,10)||0:A.flex&&N>0?(k+=N,g.push(A)):r.push(A)});const y=I-M,z="80";let B=[...l];if(y>0){if(g.length>0){const A=y/k;B=l.map(N=>{const D=Number(N.flex);if(D&&D>0){const q=parseInt(N.minWidth||z,10),_=D*A,V=Math.max(_,q);return{...N,width:`${Math.floor(V)}px`}}return!N.width&&!D?{...N,width:N.minWidth||`${z}px`}:N})}else if(r.length>0){const A=y/r.length;B=l.map(N=>{const D=Number(N.flex);if(!N.width&&!D){const q=parseInt(N.minWidth||z,10),_=Math.max(A,q);return{...N,width:`${Math.floor(_)}px`}}return N})}}else B=l.map(A=>A.width?A:{...A,width:A.minWidth||`${z}px`});O(B)};$();const w=new ResizeObserver($);return w.observe(v.current),()=>w.disconnect()},[l]),u.useEffect(()=>{const $=w=>{W.current&&!W.current.contains(w.target)&&b(null)};return document.addEventListener("mousedown",$),()=>{document.removeEventListener("mousedown",$)}},[]);const L=u.useMemo(()=>C?C.some($=>$.mergeHeaderId&&$.mergeHeaderLabel):!1,[C]),T=u.useMemo(()=>{var M,k;if(h||!C||C.length===0)return null;if(!L)return o.jsxRuntimeExports.jsx(U,{isHeader:!0,size:i,numRows:1,borderRadius:R,children:C.map(g=>{var r;return o.jsxRuntimeExports.jsx(G,{width:g.width,minWidth:g.minWidth,maxWidth:g.maxWidth,horizontalAlign:g.horizontalAlign,size:i,columnsTextSize:d,withBorder:S,headerAlign:g.headerAlign,children:((r=g.columnRender)==null?void 0:r.call(g,f))||o.jsxRuntimeExports.jsx("span",{title:g.label,children:g.label})},g.dataIndex)})});const $=[],w=[];let I=0;for(;I<C.length;){const g=C[I];if(g.mergeHeaderId&&g.mergeHeaderLabel){let r=0;const y=g.mergeHeaderId;for(let z=I;z<C.length&&C[z].mergeHeaderId===y;z++)r++;$.push(o.jsxRuntimeExports.jsx(G,{colSpan:r,horizontalAlign:"center",size:i,columnsTextSize:d,withBorder:S,width:g.width,minWidth:g.minWidth,maxWidth:g.maxWidth,headerAlign:g.headerAlign,isTopRow:!0,children:o.jsxRuntimeExports.jsx("span",{title:g.mergeHeaderLabel,children:g.mergeHeaderLabel})},`${g.mergeHeaderId}-merged`));for(let z=0;z<r;z++){const B=C[I+z];w.push(o.jsxRuntimeExports.jsx(G,{width:B.width,minWidth:B.minWidth,maxWidth:B.maxWidth,horizontalAlign:B.horizontalAlign,size:i,columnsTextSize:d,withBorder:S,headerAlign:g.headerAlign,children:((M=B.columnRender)==null?void 0:M.call(B,f))||o.jsxRuntimeExports.jsx("span",{title:B.label,children:B.label})},B.dataIndex+"-individual"))}I+=r}else $.push(o.jsxRuntimeExports.jsx(G,{rowSpan:2,width:g.width,minWidth:g.minWidth,maxWidth:g.maxWidth,horizontalAlign:g.horizontalAlign,size:i,columnsTextSize:d,withBorder:S,headerAlign:g.headerAlign,isTopRow:!0,children:((k=g.columnRender)==null?void 0:k.call(g,f))||o.jsxRuntimeExports.jsx("span",{title:g.label,children:g.label})},g.dataIndex)),I++}return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(U,{isHeader:!0,size:i,numRows:2,borderRadius:R,children:$}),w.length>0&&o.jsxRuntimeExports.jsx(U,{isHeader:!0,size:i,numRows:2,borderRadius:R,children:w})]})},[C,h,i,d,L]);return!f||f.length===0?o.jsxRuntimeExports.jsx(o.Empty,{backgroundColor:t.sg.colors.backgroundColors.colorBackgroundSnow,borders:!0,mode:"table",...x}):o.jsxRuntimeExports.jsx(_e,{maxHeight:c,withBorderRadius:p,ref:v,borderRadius:R,children:o.jsxRuntimeExports.jsxs(Ue,{id:e,ref:W,children:[o.jsxRuntimeExports.jsx("thead",{children:T}),o.jsxRuntimeExports.jsx("tbody",{style:{width:"100%"},children:f==null?void 0:f.map(($,w,I)=>{const M=E($);return o.jsxRuntimeExports.jsx(U,{isLast:w===I.length-1,fit:a,size:i,withBorder:S,isSelected:M===F&&m,striped:j&&w%2!==0,borderRadius:R,children:C.map(k=>{var g,r;return o.jsxRuntimeExports.jsx(Ve,{width:k.width,minWidth:k.minWidth,maxWidth:k.maxWidth,size:i,isClickable:H.valuable(s),onClick:()=>{s&&s($,k,w),m&&b(F===M?null:M)},horizontalAlign:k.horizontalAlign,verticalAlign:k.verticalAlign,rowPadding:k.rowPadding,withBorder:S,isLast:w===I.length-1,children:((g=k.render)==null?void 0:g.call(k,$[k.dataIndex],$,w,I))||o.jsxRuntimeExports.jsx("span",{title:$[k.dataIndex],style:{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",...(r=k.rowCss)==null?void 0:r.call(k,$)},children:$[k.dataIndex]})||""},`${M}::${k.dataIndex}`)})},M)})})]})})}exports.CheckboxField=ue;exports.CollapseSection=ae;exports.MenuSelect=J;exports.Section=ne;exports.Select=K;exports.SelectButton=Le;exports.SelectField=ge;exports.TabInfo=Xe;exports.Table=Qe;exports.TextareaField=oe;
+`;function Ye(e){return n=>typeof e=="string"?n[e]:typeof e=="function"?e(n):(console.warn("Please, setup a rowKey for table."),JSON.stringify(n))}function Qe({id:e,rowKey:n="id",size:i="Small",onRowClick:s,fit:a=!1,maxHeight:c="40rem",columns:l,dataSource:x,columnsTextSize:d=i,emptyProps:m={width:"100%",height:"100%",title:"Nenhum dado a ser mostrado.",mode:"table",borders:!0,backgroundColor:t.sg.colors.backgroundColors.colorBackgroundSnow},selectedRow:p=!1,hideHeader:f=!1,withBorder:S=!0,withBorderRadius:h=!0,striped:j=!1,borderRadius:R=t.sg.borders.borderRadius.borderRadiusSm}){const E=u.useMemo(()=>Ye(n),[n]),[F,b]=u.useState(null),W=u.useRef(null),v=u.useRef(null),[C,O]=u.useState(l);u.useLayoutEffect(()=>{if(!v.current||l.length===0){O(l);return}const $=()=>{var P;const I=((P=v.current)==null?void 0:P.clientWidth)||0;if(I===0)return;let M=0,k=0;const g=[],r=[];l.forEach(A=>{const N=Number(A.flex);A.width?M+=parseInt(A.width,10)||0:A.flex&&N>0?(k+=N,g.push(A)):r.push(A)});const y=I-M,z="80";let B=[...l];if(y>0){if(g.length>0){const A=y/k;B=l.map(N=>{const D=Number(N.flex);if(D&&D>0){const q=parseInt(N.minWidth||z,10),_=D*A,V=Math.max(_,q);return{...N,width:`${Math.floor(V)}px`}}return!N.width&&!D?{...N,width:N.minWidth||`${z}px`}:N})}else if(r.length>0){const A=y/r.length;B=l.map(N=>{const D=Number(N.flex);if(!N.width&&!D){const q=parseInt(N.minWidth||z,10),_=Math.max(A,q);return{...N,width:`${Math.floor(_)}px`}}return N})}}else B=l.map(A=>A.width?A:{...A,width:A.minWidth||`${z}px`});O(B)};$();const w=new ResizeObserver($);return w.observe(v.current),()=>w.disconnect()},[l]),u.useEffect(()=>{const $=w=>{W.current&&!W.current.contains(w.target)&&b(null)};return document.addEventListener("mousedown",$),()=>{document.removeEventListener("mousedown",$)}},[]);const L=u.useMemo(()=>C?C.some($=>$.mergeHeaderId&&$.mergeHeaderLabel):!1,[C]),T=u.useMemo(()=>{var M,k;if(f||!C||C.length===0)return null;if(!L)return o.jsxRuntimeExports.jsx(U,{isHeader:!0,size:i,numRows:1,borderRadius:R,children:C.map(g=>{var r;return o.jsxRuntimeExports.jsx(G,{width:g.width,minWidth:g.minWidth,maxWidth:g.maxWidth,horizontalAlign:g.horizontalAlign,size:i,columnsTextSize:d,withBorder:S,headerAlign:g.headerAlign,children:((r=g.columnRender)==null?void 0:r.call(g,x))||o.jsxRuntimeExports.jsx("span",{title:g.label,children:g.label})},g.dataIndex)})});const $=[],w=[];let I=0;for(;I<C.length;){const g=C[I];if(g.mergeHeaderId&&g.mergeHeaderLabel){let r=0;const y=g.mergeHeaderId;for(let z=I;z<C.length&&C[z].mergeHeaderId===y;z++)r++;$.push(o.jsxRuntimeExports.jsx(G,{colSpan:r,horizontalAlign:"center",size:i,columnsTextSize:d,withBorder:S,width:g.width,minWidth:g.minWidth,maxWidth:g.maxWidth,headerAlign:g.headerAlign,isTopRow:!0,children:o.jsxRuntimeExports.jsx("span",{title:g.mergeHeaderLabel,children:g.mergeHeaderLabel})},`${g.mergeHeaderId}-merged`));for(let z=0;z<r;z++){const B=C[I+z];w.push(o.jsxRuntimeExports.jsx(G,{width:B.width,minWidth:B.minWidth,maxWidth:B.maxWidth,horizontalAlign:B.horizontalAlign,size:i,columnsTextSize:d,withBorder:S,headerAlign:g.headerAlign,children:((M=B.columnRender)==null?void 0:M.call(B,x))||o.jsxRuntimeExports.jsx("span",{title:B.label,children:B.label})},B.dataIndex+"-individual"))}I+=r}else $.push(o.jsxRuntimeExports.jsx(G,{rowSpan:2,width:g.width,minWidth:g.minWidth,maxWidth:g.maxWidth,horizontalAlign:g.horizontalAlign,size:i,columnsTextSize:d,withBorder:S,headerAlign:g.headerAlign,isTopRow:!0,children:((k=g.columnRender)==null?void 0:k.call(g,x))||o.jsxRuntimeExports.jsx("span",{title:g.label,children:g.label})},g.dataIndex)),I++}return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(U,{isHeader:!0,size:i,numRows:2,borderRadius:R,children:$}),w.length>0&&o.jsxRuntimeExports.jsx(U,{isHeader:!0,size:i,numRows:2,borderRadius:R,children:w})]})},[C,f,i,d,L]);return!x||x.length===0?o.jsxRuntimeExports.jsx(o.Empty,{backgroundColor:t.sg.colors.backgroundColors.colorBackgroundSnow,borders:!0,mode:"table",...m}):o.jsxRuntimeExports.jsx(_e,{maxHeight:c,withBorderRadius:h,ref:v,borderRadius:R,children:o.jsxRuntimeExports.jsxs(Ue,{id:e,ref:W,children:[o.jsxRuntimeExports.jsx("thead",{children:T}),o.jsxRuntimeExports.jsx("tbody",{style:{width:"100%"},children:x==null?void 0:x.map(($,w,I)=>{const M=E($);return o.jsxRuntimeExports.jsx(U,{isLast:w===I.length-1,fit:a,size:i,withBorder:S,isSelected:M===F&&p,striped:j&&w%2!==0,borderRadius:R,children:C.map(k=>{var g,r;return o.jsxRuntimeExports.jsx(Ve,{width:k.width,minWidth:k.minWidth,maxWidth:k.maxWidth,size:i,isClickable:H.valuable(s),onClick:()=>{s&&s($,k,w),p&&b(F===M?null:M)},horizontalAlign:k.horizontalAlign,verticalAlign:k.verticalAlign,rowPadding:k.rowPadding,withBorder:S,isLast:w===I.length-1,children:((g=k.render)==null?void 0:g.call(k,$[k.dataIndex],$,w,I))||o.jsxRuntimeExports.jsx("span",{title:$[k.dataIndex],style:{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",...(r=k.rowCss)==null?void 0:r.call(k,$)},children:$[k.dataIndex]})||""},`${M}::${k.dataIndex}`)})},M)})})]})})}exports.CheckboxField=ue;exports.CollapseSection=ae;exports.MenuSelect=J;exports.Section=ne;exports.Select=K;exports.SelectButton=Le;exports.SelectField=ge;exports.TabInfo=Xe;exports.Table=Qe;exports.TextareaField=oe;

package/dist/{Table.view-DmikEuD8.js → Table.view-CHEV4kuX.js}

@@ -10,21 +10,23 @@ const ae = 350, yo = ({
   marginBottom: l = "16px",
   customStyles: a = {},
   wrapperCustomStyles: d = {},
-  hideAdornmentOnCollapse: s = !1
+  hideAdornmentOnCollapse: s = !1,
+  maxHeight: g = "none"
+  // Default to 'none' to allow full expansion
 }) => {
-  const [h, c] = P(!1), [g, m] = P(!0);
+  const [c, m] = P(!1), [p, h] = P(!0);
   Z(() => {
     if (s)
-      if (h) {
-        const S = setTimeout(
-          () => m(!1),
+      if (c) {
+        const u = setTimeout(
+          () => h(!1),
           ae
         );
-        return () => clearTimeout(S);
+        return () => clearTimeout(u);
       } else
-        m(!0);
-  }, [h, s]);
-  const u = s && !g ? null : i;
+        h(!0);
+  }, [c, s]);
+  const S = s && !p ? null : i;
   return /* @__PURE__ */ n.jsxs(
     _,
     {
@@ -40,10 +42,10 @@ const ae = 350, yo = ({
             divider: !0,
             marginBottom: l,
             collapse: {
-              collapsed: h,
-              setCollapsed: c
+              collapsed: c,
+              setCollapsed: m
             },
-            endAdornment: u,
+            endAdornment: S,
             customStyles: a
           }
         ),
@@ -53,9 +55,7 @@ const ae = 350, yo = ({
             gap: "8px",
             width: "100%",
             customStyles: {
-              // assuming max content height won't exceed 2000px (a large value)
-              // If a maxHeight is not set, the transition won't work
-              maxHeight: h ? "0" : "2000px",
+              maxHeight: c ? "0" : g,
               transition: `max-height ${ae}ms ease-in-out`
             },
             children: t
@@ -66,22 +66,22 @@ const ae = 350, yo = ({
   );
 };
 function ne(e, t, i) {
-  var l, a, d, s, h;
+  var l, a, d, s, g;
   t == null && (t = 100);
   function c() {
-    var m = Date.now() - s;
-    m < t && m >= 0 ? l = setTimeout(c, t - m) : (l = null, i || (h = e.apply(d, a), d = a = null));
+    var p = Date.now() - s;
+    p < t && p >= 0 ? l = setTimeout(c, t - p) : (l = null, i || (g = e.apply(d, a), d = a = null));
   }
-  var g = function() {
+  var m = function() {
     d = this, a = arguments, s = Date.now();
-    var m = i && !l;
-    return l || (l = setTimeout(c, t)), m && (h = e.apply(d, a), d = a = null), h;
+    var p = i && !l;
+    return l || (l = setTimeout(c, t)), p && (g = e.apply(d, a), d = a = null), g;
   };
-  return g.clear = function() {
+  return m.clear = function() {
     l && (clearTimeout(l), l = null);
-  }, g.flush = function() {
-    l && (h = e.apply(d, a), d = a = null, clearTimeout(l), l = null);
-  }, g;
+  }, m.flush = function() {
+    l && (g = e.apply(d, a), d = a = null, clearTimeout(l), l = null);
+  }, m;
 }
 ne.debounce = ne;
 var Ie = ne;
@@ -100,16 +100,16 @@ function le({
   ), s = Q(
     () => ["all", "onChange"].includes(i) ? d : null,
     [d, i]
-  ), h = Q(
+  ), g = Q(
     () => ["all", "onBlur"].includes(i) ? a : null,
     [i]
   );
   return Q(
     () => ({
       onChangeTrigger: s,
-      onBlurTrigger: h
+      onBlurTrigger: g
     }),
-    [s, h]
+    [s, g]
   );
 }
 const Co = ({
@@ -120,13 +120,13 @@ const Co = ({
   readonly: a = !1,
   disabled: d = !1,
   optionsMap: s,
-  width: h = "100%",
+  width: g = "100%",
   flex: c,
-  placeholder: g,
-  onSelect: m,
-  parser: u,
+  placeholder: m,
+  onSelect: p,
+  parser: h,
   filter: S,
-  tooltipProps: p = {},
+  tooltipProps: u = {},
   infoProps: C = {},
   maxHeigthMenu: z,
   isRequired: j = !1,
@@ -142,7 +142,7 @@ const Co = ({
     debounceTime: 0
   }), J = {
     position: "top",
-    ...p
+    ...u
   }, A = {
     ...C,
     tooltipProps: {
@@ -152,9 +152,9 @@ const Co = ({
     }
   }, T = (w, R) => {
     let H = w;
-    u && (H = u == null ? void 0 : u(w)), R(H), m == null || m(H), k == null || k();
+    h && (H = h == null ? void 0 : h(w)), R(H), p == null || p(H), k == null || k();
   }, x = Q(() => G(s) ? s : Object.fromEntries(l.map((w) => [w.value, w])), [l, s]);
-  return /* @__PURE__ */ n.jsx(_, { width: h, flex: c, children: /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ n.jsx(_, { width: g, flex: c, children: /* @__PURE__ */ n.jsx(
     re,
     {
       name: t,
@@ -174,7 +174,7 @@ const Co = ({
             readonly: a,
             filter: S,
             errorMessage: H == null ? void 0 : H.message,
-            placeholder: g,
+            placeholder: m,
             value: B,
             handleOption: (f) => {
               T(f.value, w);
@@ -201,13 +201,13 @@ const Co = ({
   disabled: a = !1,
   width: d = "100%",
   height: s = "100%",
-  flex: h,
+  flex: g,
   placeholder: c,
-  charactersCounter: g = !0,
-  maxlength: m = 1e3,
-  resize: u = !0,
+  charactersCounter: m = !0,
+  maxlength: p = 1e3,
+  resize: h = !0,
   triggerFormField: S = null,
-  minHeight: p,
+  minHeight: u,
   maxHeight: C,
   ...z
 }) => {
@@ -218,7 +218,7 @@ const Co = ({
   }), L = (b, v) => {
     v(b), j == null || j();
   };
-  return /* @__PURE__ */ n.jsx(_, { width: d, flex: h, height: s, children: /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ n.jsx(_, { width: d, flex: g, height: s, children: /* @__PURE__ */ n.jsx(
     re,
     {
       name: t,
@@ -235,15 +235,15 @@ const Co = ({
           disabled: a,
           readonly: l,
           height: s,
-          minHeight: p,
+          minHeight: u,
           maxHeight: C,
           errorMessage: M == null ? void 0 : M.message,
           placeholder: c,
           onChange: (k) => L(k.target.value, b),
-          charactersCounter: g,
-          maxlength: m,
+          charactersCounter: m,
+          maxlength: p,
           size: "Small",
-          resize: u,
+          resize: h,
           ...z
         }
       )
@@ -259,13 +259,13 @@ const ko = ({
   readonly: a = !1,
   disabled: d = !1,
   afterCheck: s,
-  width: h = "100%",
+  width: g = "100%",
   formatter: c,
-  parser: g,
-  flex: m,
-  size: u = "Medium",
+  parser: m,
+  flex: p,
+  size: h = "Medium",
   triggerFormField: S = null,
-  ...p
+  ...u
 }) => {
   const { onChangeTrigger: C } = le({
     form: e,
@@ -275,7 +275,7 @@ const ko = ({
   }), z = (j, L) => {
     L(j), s == null || s(j), C == null || C();
   };
-  return /* @__PURE__ */ n.jsx(_, { width: h, flex: m, children: /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ n.jsx(_, { width: g, flex: p, children: /* @__PURE__ */ n.jsx(
     re,
     {
       name: t,
@@ -295,12 +295,12 @@ const ko = ({
             disabled: d || a,
             onChange: (M) => {
               z(
-                (g == null ? void 0 : g(M.target.checked, L)) ?? M.target.checked,
+                (m == null ? void 0 : m(M.target.checked, L)) ?? M.target.checked,
                 j
               );
             },
-            size: u,
-            ...p
+            size: h,
+            ...u
           }
         );
       }
@@ -429,36 +429,36 @@ const ko = ({
   display: flex;
   align-self: center;
 `, Oe = (e, t, i = 0, l = 0, a = "left") => {
-  const [d, s] = P(0), [h, c] = P(), g = U(null), m = ue(() => {
-    if (!e.current || !g.current) return;
-    const u = e.current.getBoundingClientRect(), S = g.current.getBoundingClientRect(), p = window.innerHeight, C = window.innerWidth, z = u.top, j = p - u.bottom, L = j < S.height + l && z > j;
+  const [d, s] = P(0), [g, c] = P(), m = U(null), p = ue(() => {
+    if (!e.current || !m.current) return;
+    const h = e.current.getBoundingClientRect(), S = m.current.getBoundingClientRect(), u = window.innerHeight, C = window.innerWidth, z = h.top, j = u - h.bottom, L = j < S.height + l && z > j;
     let b;
-    L ? (b = u.top - S.height - i, g.current.style.maxHeight = `${z - i}px`) : (b = u.bottom + l, g.current.style.maxHeight = `${j - l}px`);
-    let v = u.left;
+    L ? (b = h.top - S.height - i, m.current.style.maxHeight = `${z - i}px`) : (b = h.bottom + l, m.current.style.maxHeight = `${j - l}px`);
+    let v = h.left;
     const M = v + S.width - C;
     M > 0 && (v -= M), v < 0 && (v = 0);
-    const k = C - u.right;
-    Object.assign(g.current.style, {
+    const k = C - h.right;
+    Object.assign(m.current.style, {
       position: "fixed",
       top: `${b}px`,
       ...a === "left" ? { left: `${v}px` } : { right: `${k}px` },
-      width: `${Math.max(u.width, S.width)}px`,
+      width: `${Math.max(h.width, S.width)}px`,
       overflowY: "auto"
     });
   }, [i, l, a]);
   return Z(() => {
     var S;
-    s(0), c((S = e.current) == null ? void 0 : S.clientWidth), m();
-    const u = () => m();
-    return window.addEventListener("scroll", u, !0), window.addEventListener("resize", u), () => {
-      window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
+    s(0), c((S = e.current) == null ? void 0 : S.clientWidth), p();
+    const h = () => p();
+    return window.addEventListener("scroll", h, !0), window.addEventListener("resize", h), () => {
+      window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", h);
     };
-  }, [e, m]), {
+  }, [e, p]), {
     highlightedIndex: d,
     setHighlightedIndex: s,
-    isOptionSelected: (u) => u.label === (t == null ? void 0 : t.label),
-    optionsRef: g,
-    parentWidth: h
+    isOptionSelected: (h) => h.label === (t == null ? void 0 : t.label),
+    optionsRef: m,
+    parentWidth: g
   };
 }, ie = ge(
   ({
@@ -469,13 +469,13 @@ const ko = ({
     value: a,
     inputValue: d,
     widthMenu: s,
-    maxHeightMenu: h = "180px",
+    maxHeightMenu: g = "180px",
     menuIsOpen: c,
-    onEnter: g,
-    marginTop: m = "4px",
-    iconName: u,
+    onEnter: m,
+    marginTop: p = "4px",
+    iconName: h,
     iconColor: S,
-    iconPosition: p,
+    iconPosition: u,
     topOffset: C = 0,
     bottomOffset: z = 0,
     truncateText: j = !0,
@@ -486,7 +486,7 @@ const ko = ({
     confirmSelection: k,
     menuAlign: J = "left"
   }, A) => {
-    G(u) && (u += "Ant");
+    G(h) && (h += "Ant");
     const {
       highlightedIndex: T,
       setHighlightedIndex: x,
@@ -514,7 +514,7 @@ const ko = ({
           else if (y.key === "Enter" && t[T]) {
             y.preventDefault();
             const N = t[T];
-            l(N), g && g(N);
+            l(N), m && m(N);
           }
         }
       };
@@ -523,14 +523,14 @@ const ko = ({
       c,
       t,
       T,
-      g,
+      m,
       l,
       k
     ]);
     const B = (r) => typeof r == "string" ? r : je.isValidElement(r) && typeof r.props.children == "string" ? r.props.children : String(r), f = (r, y) => {
       var E, I;
-      if (p !== y) return null;
-      const N = G((E = r.tooltipProps) == null ? void 0 : E.label), W = r.iconName || u || "InfoFill0Sm", D = /* @__PURE__ */ n.jsx(
+      if (u !== y) return null;
+      const N = G((E = r.tooltipProps) == null ? void 0 : E.label), W = r.iconName || h || "InfoFill0Sm", D = /* @__PURE__ */ n.jsx(
         Pe,
         {
           iconPosition: (I = r.tooltipProps) == null ? void 0 : I.position,
@@ -549,9 +549,9 @@ const ko = ({
     return /* @__PURE__ */ n.jsx(
       Me,
       {
-        marginTop: m,
+        marginTop: p,
         width: s ?? `${H}px`,
-        maxHeight: h,
+        maxHeight: g,
         height: "fit-content",
         ref: (r) => {
           R.current = r, typeof A == "function" ? A(r) : A && (A.current = r);
@@ -601,7 +601,7 @@ const ko = ({
                     {
                       menuOptionFlexDirection: M,
                       menuJustifyContent: L,
-                      iconName: u,
+                      iconName: h,
                       isOptionSelected: w(r),
                       highlightedIndex: y === T,
                       "data-testid": r.value,
@@ -667,9 +667,9 @@ const De = ({
   height: a,
   flex: d,
   children: s,
-  wrapperCustomStyles: h = {},
+  wrapperCustomStyles: g = {},
   contentCustomStyles: c = {},
-  titleCustomStyles: g = {}
+  titleCustomStyles: m = {}
 }) => /* @__PURE__ */ n.jsxs(
   _,
   {
@@ -682,7 +682,7 @@ const De = ({
       backgroundColor: o.colors.backgroundColors.colorBackgroundSnow,
       border: `1px solid ${o.colors.neutralColors.colorNeutralSoft}`,
       borderRadius: "8px",
-      ...h
+      ...g
     },
     children: [
       /* @__PURE__ */ n.jsxs(
@@ -692,7 +692,7 @@ const De = ({
           direction: "horizontal",
           customStyles: c,
           children: [
-            e ? /* @__PURE__ */ n.jsx(_, { width: "fit-content", customStyles: g, children: /* @__PURE__ */ n.jsx(ce, { title: e, divider: !1 }) }) : null,
+            e ? /* @__PURE__ */ n.jsx(_, { width: "fit-content", customStyles: m, children: /* @__PURE__ */ n.jsx(ce, { title: e, divider: !1 }) }) : null,
             t ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
               /* @__PURE__ */ n.jsx(ke, { size: "auto", direction: "horizontal" }),
               /* @__PURE__ */ n.jsx(
@@ -873,7 +873,7 @@ const Ve = $.p`
   margin-top: ${o.spacings.spacingInline.spacingInlineNano};
   width: 100%;
 `, Ze = (e, { value: t, options: i }) => {
-  const [l, a] = P(!1), [d, s] = P(!1), [h, c] = P(""), [g, m] = P(i), u = U(null), S = U(null), p = U(null), C = U(null);
+  const [l, a] = P(!1), [d, s] = P(!1), [g, c] = P(""), [m, p] = P(i), h = U(null), S = U(null), u = U(null), C = U(null);
   Z(() => {
     const b = () => {
       s(!1);
@@ -883,16 +883,16 @@ const Ve = $.p`
     };
   }, []);
   function z(b) {
-    c(""), s(!1), a(!0), p != null && p.current && p.current.focus(), b !== t && e(b);
+    c(""), s(!1), a(!0), u != null && u.current && u.current.focus(), b !== t && e(b);
   }
   const j = (b) => {
     if (b) {
       const v = new RegExp(b, "i"), M = i.filter(
         (k) => v.exec(k.label)
       );
-      m(M);
+      p(M);
     } else
-      m(i);
+      p(i);
   };
   function L(b) {
     return !b;
@@ -902,13 +902,13 @@ const Ve = $.p`
     setIsOpen: a,
     expanded: d,
     setExpanded: s,
-    inputValue: h,
+    inputValue: g,
     setInputValue: c,
-    optionsSelect: g,
-    setOptionSelect: m,
-    selectContainerRef: u,
+    optionsSelect: m,
+    setOptionSelect: p,
+    selectContainerRef: h,
     containerRef: S,
-    inputContainerRef: p,
+    inputContainerRef: u,
     optionsRef: C,
     selectOption: z,
     handlerFilterOptions: j,
@@ -923,13 +923,13 @@ const Ve = $.p`
     placeholder: a,
     label: d,
     size: s = "Medium",
-    width: h = "100%",
+    width: g = "100%",
     disabled: c,
-    helpText: g,
-    readonly: m,
-    errorMessage: u,
+    helpText: m,
+    readonly: p,
+    errorMessage: h,
     tooltipProps: S = {},
-    onBlur: p,
+    onBlur: u,
     onEnter: C,
     variant: z = "default",
     infoProps: j = {},
@@ -954,8 +954,8 @@ const Ve = $.p`
       setOptionSelect: W,
       handlerFilterOptions: D,
       isValue: E
-    } = Ze(t, { value: e, options: i }), I = !!u, X = {
-      label: u,
+    } = Ze(t, { value: e, options: i }), I = !!h, X = {
+      label: h,
       ...S,
       wrapperWidth: "auto",
       isActive: I,
@@ -976,10 +976,10 @@ const Ve = $.p`
       Xe,
       {
         ref: f,
-        width: h,
+        width: g,
         size: s,
         disabled: c,
-        readonly: m,
+        readonly: p,
         children: [
           d && /* @__PURE__ */ n.jsxs(Je, { children: [
             /* @__PURE__ */ n.jsxs(Ye, { "data-testid": "label", ref: J, children: [
@@ -992,23 +992,23 @@ const Ve = $.p`
             _e,
             {
               hasError: I,
-              readonly: m,
+              readonly: p,
               ref: r,
               onBlur: () => {
                 setTimeout(() => {
-                  (A || x) && y.current !== document.activeElement && (p && p(e), T(!1), w(!1));
+                  (A || x) && y.current !== document.activeElement && (u && u(e), T(!1), w(!1));
                 }, 250);
               },
               onClick: () => {
-                !c && !m && (A && !x ? (w(!0), y != null && y.current && y.current.focus()) : !A && !x ? (T(!0), w(!0), y != null && y.current && y.current.focus()) : (T(!1), w(!1), y != null && y.current && y.current.blur()), !R && W(i));
+                !c && !p && (A && !x ? (w(!0), y != null && y.current && y.current.focus()) : !A && !x ? (T(!0), w(!0), y != null && y.current && y.current.focus()) : (T(!1), w(!1), y != null && y.current && y.current.blur()), !R && W(i));
               },
               tabIndex: 0,
-              width: h,
+              width: g,
               size: s,
               isOpen: A || x,
               "data-testid": "select",
               disabled: c,
-              helpText: g,
+              helpText: m,
               variant: z,
               children: [
                 /* @__PURE__ */ n.jsxs(Ue, { children: [
@@ -1024,7 +1024,7 @@ const Ve = $.p`
                       onChange: (Y) => {
                         H(Y.target.value), Y.target.value.length > 0 && (T(!0), w(!0)), D(Y.target.value);
                       },
-                      readOnly: m,
+                      readOnly: p,
                       width: R.length,
                       size: s,
                       disabled: c,
@@ -1053,7 +1053,7 @@ const Ve = $.p`
               ]
             }
           ) }),
-          g && /* @__PURE__ */ n.jsx(Ve, { size: s, children: g })
+          m && /* @__PURE__ */ n.jsx(Ve, { size: s, children: m })
         ]
       }
     );
@@ -1212,17 +1212,17 @@ const to = $.div`
   disabled: a = !1,
   isLoading: d = !1,
   onClick: s,
-  options: h,
+  options: g,
   label: c,
-  menuSelectProps: g = {},
-  iconName: m,
-  optionsIconPosition: u
+  menuSelectProps: m = {},
+  iconName: p,
+  optionsIconPosition: h
 }) => {
-  const { isOpen: S, setIsOpen: p, selectContainerRef: C, optionsSelect: z } = no(h);
+  const { isOpen: S, setIsOpen: u, selectContainerRef: C, optionsSelect: z } = no(g);
   let j = o.colors.backgroundColors.colorBackgroundSnow;
   a ? j = o.colors.neutralColors.colorNeutralCloudy : t !== "primary" && (j = o.colors.neutralColors.colorNeutralDark);
   const L = {
-    ...g
+    ...m
   };
   return /* @__PURE__ */ n.jsxs(
     eo,
@@ -1231,7 +1231,7 @@ const to = $.div`
       width: i,
       size: l,
       disabled: a,
-      onBlur: () => setTimeout(() => p(!1), ro),
+      onBlur: () => setTimeout(() => u(!1), ro),
       children: [
         c && /* @__PURE__ */ n.jsx(oo, { children: c }),
         /* @__PURE__ */ n.jsxs(
@@ -1242,7 +1242,7 @@ const to = $.div`
             disabled: a,
             variant: t,
             isLoading: d,
-            onClick: () => !d && p(!S),
+            onClick: () => !d && u(!S),
             id: `button-component-${e}`,
             children: [
               d && /* @__PURE__ */ n.jsx(to, { size: l, disabled: a, variant: t, children: /* @__PURE__ */ n.jsx(
@@ -1281,8 +1281,8 @@ const to = $.div`
             selectOption: s,
             size: l,
             inputValue: null,
-            iconPosition: u,
-            iconName: m,
+            iconPosition: h,
+            iconName: p,
             ...L
           }
         )
@@ -1342,25 +1342,25 @@ const to = $.div`
   options: a = [],
   heightItems: d = "60px",
   widthItems: s = "155px",
-  emptyProps: h = {
+  emptyProps: g = {
     title: "Nenhum dado a ser mostrado",
     body: null
   }
 }) => {
   var S;
-  const [c, g] = P(a[0] || null), m = U(null), u = U(null);
+  const [c, m] = P(a[0] || null), p = U(null), h = U(null);
   return Z(() => {
-    const p = m.current, C = u.current, z = () => {
-      p && C && (C.scrollTop = p.scrollTop);
+    const u = p.current, C = h.current, z = () => {
+      u && C && (C.scrollTop = u.scrollTop);
     };
-    return p == null || p.addEventListener("scroll", z), () => {
-      p == null || p.removeEventListener("scroll", z);
+    return u == null || u.addEventListener("scroll", z), () => {
+      u == null || u.removeEventListener("scroll", z);
     };
   }, []), (a == null ? void 0 : a.length) === 0 ? /* @__PURE__ */ n.jsx(
     he,
     {
-      title: h.title,
-      body: h.body,
+      title: g.title,
+      body: g.body,
       flex: "1",
       mode: "table"
     }
@@ -1377,22 +1377,22 @@ const to = $.div`
         borderRadius: o.borders.borderRadius.borderRadiusSm
       },
       children: [
-        /* @__PURE__ */ n.jsx(lo, { ref: m, widthItems: s, children: a == null ? void 0 : a.map((p, C) => /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ n.jsx(lo, { ref: p, widthItems: s, children: a == null ? void 0 : a.map((u, C) => /* @__PURE__ */ n.jsx(
           io,
           {
-            selected: (c == null ? void 0 : c.key) === p.key,
-            onClick: () => g(p),
+            selected: (c == null ? void 0 : c.key) === u.key,
+            onClick: () => m(u),
             withBorderRight: !1,
             heightItems: d,
-            children: p.item
+            children: u.item
           },
           C
         )) }),
-        /* @__PURE__ */ n.jsx(co, { ref: u, children: (S = a == null ? void 0 : a.concat({ key: "last", item: /* @__PURE__ */ n.jsx(n.Fragment, {}), contentItem: /* @__PURE__ */ n.jsx(n.Fragment, {}) })) == null ? void 0 : S.map((p, C) => /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ n.jsx(co, { ref: h, children: (S = a == null ? void 0 : a.concat({ key: "last", item: /* @__PURE__ */ n.jsx(n.Fragment, {}), contentItem: /* @__PURE__ */ n.jsx(n.Fragment, {}) })) == null ? void 0 : S.map((u, C) => /* @__PURE__ */ n.jsx(
           so,
           {
-            selected: (c == null ? void 0 : c.key) === p.key,
-            onClick: () => g(p),
+            selected: (c == null ? void 0 : c.key) === u.key,
+            onClick: () => m(u),
             withBorderRight: !0,
             heightItems: d
           },
@@ -1580,9 +1580,9 @@ function jo({
   fit: a = !1,
   maxHeight: d = "40rem",
   columns: s,
-  dataSource: h,
+  dataSource: g,
   columnsTextSize: c = i,
-  emptyProps: g = {
+  emptyProps: m = {
     width: "100%",
     height: "100%",
     title: "Nenhum dado a ser mostrado.",
@@ -1590,10 +1590,10 @@ function jo({
     borders: !0,
     backgroundColor: o.colors.backgroundColors.colorBackgroundSnow
   },
-  selectedRow: m = !1,
-  hideHeader: u = !1,
+  selectedRow: p = !1,
+  hideHeader: h = !1,
   withBorder: S = !0,
-  withBorderRadius: p = !0,
+  withBorderRadius: u = !0,
   striped: C = !1,
   borderRadius: z = o.borders.borderRadius.borderRadiusSm
 }) {
@@ -1659,7 +1659,7 @@ function jo({
     (x) => x.mergeHeaderId && x.mergeHeaderLabel
   ) : !1, [k]), T = Q(() => {
     var H, B;
-    if (u || !k || k.length === 0)
+    if (h || !k || k.length === 0)
       return null;
     if (!A)
       return /* @__PURE__ */ n.jsx(
@@ -1682,7 +1682,7 @@ function jo({
                 columnsTextSize: c,
                 withBorder: S,
                 headerAlign: f.headerAlign,
-                children: ((r = f.columnRender) == null ? void 0 : r.call(f, h)) || /* @__PURE__ */ n.jsx("span", { title: f.label, children: f.label })
+                children: ((r = f.columnRender) == null ? void 0 : r.call(f, g)) || /* @__PURE__ */ n.jsx("span", { title: f.label, children: f.label })
               },
               f.dataIndex
             );
@@ -1731,7 +1731,7 @@ function jo({
                 columnsTextSize: c,
                 withBorder: S,
                 headerAlign: f.headerAlign,
-                children: ((H = W.columnRender) == null ? void 0 : H.call(W, h)) || /* @__PURE__ */ n.jsx("span", { title: W.label, children: W.label })
+                children: ((H = W.columnRender) == null ? void 0 : H.call(W, g)) || /* @__PURE__ */ n.jsx("span", { title: W.label, children: W.label })
               },
               W.dataIndex + "-individual"
             )
@@ -1753,7 +1753,7 @@ function jo({
               withBorder: S,
               headerAlign: f.headerAlign,
               isTopRow: !0,
-              children: ((B = f.columnRender) == null ? void 0 : B.call(f, h)) || /* @__PURE__ */ n.jsx("span", { title: f.label, children: f.label })
+              children: ((B = f.columnRender) == null ? void 0 : B.call(f, g)) || /* @__PURE__ */ n.jsx("span", { title: f.label, children: f.label })
             },
             f.dataIndex
           )
@@ -1781,25 +1781,25 @@ function jo({
         }
       )
     ] });
-  }, [k, u, i, c, A]);
-  return !h || h.length === 0 ? /* @__PURE__ */ n.jsx(
+  }, [k, h, i, c, A]);
+  return !g || g.length === 0 ? /* @__PURE__ */ n.jsx(
     he,
     {
       backgroundColor: o.colors.backgroundColors.colorBackgroundSnow,
       borders: !0,
       mode: "table",
-      ...g
+      ...m
     }
   ) : /* @__PURE__ */ n.jsx(
     fo,
     {
       maxHeight: d,
-      withBorderRadius: p,
+      withBorderRadius: u,
       ref: M,
       borderRadius: z,
       children: /* @__PURE__ */ n.jsxs(ho, { id: e, ref: v, children: [
         /* @__PURE__ */ n.jsx("thead", { children: T }),
-        /* @__PURE__ */ n.jsx("tbody", { style: { width: "100%" }, children: h == null ? void 0 : h.map((x, w, R) => {
+        /* @__PURE__ */ n.jsx("tbody", { style: { width: "100%" }, children: g == null ? void 0 : g.map((x, w, R) => {
           const H = j(x);
           return /* @__PURE__ */ n.jsx(
             ee,
@@ -1808,7 +1808,7 @@ function jo({
               fit: a,
               size: i,
               withBorder: S,
-              isSelected: H === L && m,
+              isSelected: H === L && p,
               striped: C && w % 2 !== 0,
               borderRadius: z,
               children: k.map((B) => {
@@ -1822,7 +1822,7 @@ function jo({
                     size: i,
                     isClickable: G(l),
                     onClick: () => {
-                      l && l(x, B, w), m && b(
+                      l && l(x, B, w), p && b(
                         L === H ? null : H
                       );
                     },

package/dist/components/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Checkbox.view-DFbiE7Mi.cjs"),t=require("../Title.view-B2dLqH4V.cjs"),i=require("../RequiredLabel.view-DRKx7lq3.cjs"),o=require("../Table.view-BJQBIN5k.cjs");exports.ActionButton=e.ActionButton;exports.Badge=e.Badge;exports.Button=e.Button;exports.Checkbox=e.Checkbox;exports.Confirm=e.ConfirmModal;exports.ConfirmButton=e.ConfirmButton;exports.ConfirmModal=e.ConfirmModal;exports.Container=e.Container;exports.Empty=e.Empty;exports.Frame=e.FrameView;exports.FrameView=e.FrameView;exports.Info=e.Info;exports.Input=e.Input;exports.Label=e.Label;exports.Loading=e.Loading;exports.LoadingBar=e.LoadingBar;exports.Modal=e.Modal;exports.Radio=e.Radio;exports.SectionTitle=e.SectionTitle;exports.Spacer=e.Spacer;exports.Textarea=e.Textarea;exports.Tooltip=e.Tooltip;exports.showConfirm=e.showConfirm;exports.showModal=e.showModal;exports.ErrorMessage=t.ErrorMessage;exports.Switch=t.Switch;exports.Title=t.Title;exports.AlertInline=i.AlertInline;exports.LabelField=i.LabelField;exports.RequiredLabelView=i.RequiredLabelView;exports.CheckboxField=o.CheckboxField;exports.CollapseSection=o.CollapseSection;exports.MenuSelect=o.MenuSelect;exports.Section=o.Section;exports.Select=o.Select;exports.SelectButton=o.SelectButton;exports.SelectField=o.SelectField;exports.TabInfo=o.TabInfo;exports.Table=o.Table;exports.TextareaField=o.TextareaField;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Checkbox.view-DFbiE7Mi.cjs"),t=require("../Title.view-B2dLqH4V.cjs"),i=require("../RequiredLabel.view-DRKx7lq3.cjs"),o=require("../Table.view-BipNpove.cjs");exports.ActionButton=e.ActionButton;exports.Badge=e.Badge;exports.Button=e.Button;exports.Checkbox=e.Checkbox;exports.Confirm=e.ConfirmModal;exports.ConfirmButton=e.ConfirmButton;exports.ConfirmModal=e.ConfirmModal;exports.Container=e.Container;exports.Empty=e.Empty;exports.Frame=e.FrameView;exports.FrameView=e.FrameView;exports.Info=e.Info;exports.Input=e.Input;exports.Label=e.Label;exports.Loading=e.Loading;exports.LoadingBar=e.LoadingBar;exports.Modal=e.Modal;exports.Radio=e.Radio;exports.SectionTitle=e.SectionTitle;exports.Spacer=e.Spacer;exports.Textarea=e.Textarea;exports.Tooltip=e.Tooltip;exports.showConfirm=e.showConfirm;exports.showModal=e.showModal;exports.ErrorMessage=t.ErrorMessage;exports.Switch=t.Switch;exports.Title=t.Title;exports.AlertInline=i.AlertInline;exports.LabelField=i.LabelField;exports.RequiredLabelView=i.RequiredLabelView;exports.CheckboxField=o.CheckboxField;exports.CollapseSection=o.CollapseSection;exports.MenuSelect=o.MenuSelect;exports.Section=o.Section;exports.Select=o.Select;exports.SelectButton=o.SelectButton;exports.SelectField=o.SelectField;exports.TabInfo=o.TabInfo;exports.Table=o.Table;exports.TextareaField=o.TextareaField;

package/dist/components/index.es.js

@@ -1,7 +1,7 @@
 import { A as s, B as o, a as t, c as i, e as r, d as l, e as n, C as c, E as d, F as f, F as S, I as m, f as C, L as T, g as b, b as p, M as x, R as F, i as u, S as B, j as L, T as M, s as h, h as g } from "../Checkbox.view-D75146I3.js";
 import { E as I, S as A, T as E } from "../Title.view-DGXidSXd.js";
 import { A as k, L as V, R as j } from "../RequiredLabel.view-Cv_y1fuR.js";
-import { a as y, C as v, M as z, b as D, c as G, d as H, S as J, e as K, f as N, T as O } from "../Table.view-DmikEuD8.js";
+import { a as y, C as v, M as z, b as D, c as G, d as H, S as J, e as K, f as N, T as O } from "../Table.view-CHEV4kuX.js";
 export {
   s as ActionButton,
   k as AlertInline,

package/dist/components/organisms/CollapseSection/CollapseSection.view.d.ts

@@ -7,6 +7,7 @@ type CollapseSectionProps = {
     wrapperCustomStyles?: CSSProperties;
     marginBottom?: string;
     hideAdornmentOnCollapse?: boolean;
+    maxHeight?: string;
 };
-export declare const CollapseSection: ({ title, children, endAdornment, marginBottom, customStyles, wrapperCustomStyles, hideAdornmentOnCollapse, }: CollapseSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CollapseSection: ({ title, children, endAdornment, marginBottom, customStyles, wrapperCustomStyles, hideAdornmentOnCollapse, maxHeight, }: CollapseSectionProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/organisms/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../Table.view-BJQBIN5k.cjs");exports.CheckboxField=e.CheckboxField;exports.CollapseSection=e.CollapseSection;exports.MenuSelect=e.MenuSelect;exports.Section=e.Section;exports.Select=e.Select;exports.SelectButton=e.SelectButton;exports.SelectField=e.SelectField;exports.TabInfo=e.TabInfo;exports.Table=e.Table;exports.TextareaField=e.TextareaField;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../Table.view-BipNpove.cjs");exports.CheckboxField=e.CheckboxField;exports.CollapseSection=e.CollapseSection;exports.MenuSelect=e.MenuSelect;exports.Section=e.Section;exports.Select=e.Select;exports.SelectButton=e.SelectButton;exports.SelectField=e.SelectField;exports.TabInfo=e.TabInfo;exports.Table=e.Table;exports.TextareaField=e.TextareaField;

package/dist/components/organisms/index.es.js

@@ -1,4 +1,4 @@
-import { a as s, C as l, M as t, b as c, c as o, d as S, S as i, e as n, f as b, T as d } from "../../Table.view-DmikEuD8.js";
+import { a as s, C as l, M as t, b as c, c as o, d as S, S as i, e as n, f as b, T as d } from "../../Table.view-CHEV4kuX.js";
 export {
   s as CheckboxField,
   l as CollapseSection,

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Checkbox.view-DFbiE7Mi.cjs"),o=require("./Title.view-B2dLqH4V.cjs"),l=require("./RequiredLabel.view-DRKx7lq3.cjs"),t=require("./Table.view-BJQBIN5k.cjs"),i=require("./index-BcwQwoIM.cjs"),a=require("./helpers/index.cjs.js");exports.ActionButton=e.ActionButton;exports.Badge=e.Badge;exports.Button=e.Button;exports.Checkbox=e.Checkbox;exports.Confirm=e.ConfirmModal;exports.ConfirmButton=e.ConfirmButton;exports.ConfirmModal=e.ConfirmModal;exports.Container=e.Container;exports.Empty=e.Empty;exports.Frame=e.FrameView;exports.FrameView=e.FrameView;exports.Info=e.Info;exports.Input=e.Input;exports.Label=e.Label;exports.Loading=e.Loading;exports.LoadingBar=e.LoadingBar;exports.Modal=e.Modal;exports.Radio=e.Radio;exports.SectionTitle=e.SectionTitle;exports.Spacer=e.Spacer;exports.Textarea=e.Textarea;exports.Tooltip=e.Tooltip;exports.showConfirm=e.showConfirm;exports.showModal=e.showModal;exports.styleGuide=e.index;exports.ErrorMessage=o.ErrorMessage;exports.Switch=o.Switch;exports.Title=o.Title;exports.AlertInline=l.AlertInline;exports.LabelField=l.LabelField;exports.RequiredLabelView=l.RequiredLabelView;exports.CheckboxField=t.CheckboxField;exports.CollapseSection=t.CollapseSection;exports.MenuSelect=t.MenuSelect;exports.Section=t.Section;exports.Select=t.Select;exports.SelectButton=t.SelectButton;exports.SelectField=t.SelectField;exports.TabInfo=t.TabInfo;exports.Table=t.Table;exports.TextareaField=t.TextareaField;exports.capitalizeAllFirstLetters=i.capitalizeAllFirstLetters;exports.capitalizeFirstLetter=i.capitalizeFirstLetter;exports.convertHexToRGB=i.convertHexToRGB;exports.dom=i.dom;exports.resetStyles=i.resetStyles;exports.valuable=i.valuable;exports.stableStringify=a.stableStringify;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Checkbox.view-DFbiE7Mi.cjs"),o=require("./Title.view-B2dLqH4V.cjs"),l=require("./RequiredLabel.view-DRKx7lq3.cjs"),t=require("./Table.view-BipNpove.cjs"),i=require("./index-BcwQwoIM.cjs"),a=require("./helpers/index.cjs.js");exports.ActionButton=e.ActionButton;exports.Badge=e.Badge;exports.Button=e.Button;exports.Checkbox=e.Checkbox;exports.Confirm=e.ConfirmModal;exports.ConfirmButton=e.ConfirmButton;exports.ConfirmModal=e.ConfirmModal;exports.Container=e.Container;exports.Empty=e.Empty;exports.Frame=e.FrameView;exports.FrameView=e.FrameView;exports.Info=e.Info;exports.Input=e.Input;exports.Label=e.Label;exports.Loading=e.Loading;exports.LoadingBar=e.LoadingBar;exports.Modal=e.Modal;exports.Radio=e.Radio;exports.SectionTitle=e.SectionTitle;exports.Spacer=e.Spacer;exports.Textarea=e.Textarea;exports.Tooltip=e.Tooltip;exports.showConfirm=e.showConfirm;exports.showModal=e.showModal;exports.styleGuide=e.index;exports.ErrorMessage=o.ErrorMessage;exports.Switch=o.Switch;exports.Title=o.Title;exports.AlertInline=l.AlertInline;exports.LabelField=l.LabelField;exports.RequiredLabelView=l.RequiredLabelView;exports.CheckboxField=t.CheckboxField;exports.CollapseSection=t.CollapseSection;exports.MenuSelect=t.MenuSelect;exports.Section=t.Section;exports.Select=t.Select;exports.SelectButton=t.SelectButton;exports.SelectField=t.SelectField;exports.TabInfo=t.TabInfo;exports.Table=t.Table;exports.TextareaField=t.TextareaField;exports.capitalizeAllFirstLetters=i.capitalizeAllFirstLetters;exports.capitalizeFirstLetter=i.capitalizeFirstLetter;exports.convertHexToRGB=i.convertHexToRGB;exports.dom=i.dom;exports.resetStyles=i.resetStyles;exports.valuable=i.valuable;exports.stableStringify=a.stableStringify;

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import { A as s, B as t, a as o, c as r, e as i, d as l, e as n, C as c, E as d, F as f, F as m, I as S, f as p, L as b, g as x, b as T, M as C, R as F, i as u, S as L, j as B, T as M, s as g, h, k as w } from "./Checkbox.view-D75146I3.js";
 import { E as I, S as R, T as y } from "./Title.view-DGXidSXd.js";
 import { A as k, L as v, R as z } from "./RequiredLabel.view-Cv_y1fuR.js";
-import { a as V, C as j, M as q, b as H, c as D, d as J, S as K, e as N, f as O, T as P } from "./Table.view-DmikEuD8.js";
+import { a as V, C as j, M as q, b as H, c as D, d as J, S as K, e as N, f as O, T as P } from "./Table.view-CHEV4kuX.js";
 import { a as U, c as W, b as X, d as Y, r as Z, v as _ } from "./index-_v6RoRxb.js";
 import { stableStringify as aa } from "./helpers/index.es.js";
 export {

package/package.json

@@ -1,119 +1,119 @@
-{
-  "name": "@ufal-lccv/gpsub-ds",
-  "version": "0.0.12",
-  "type": "module",
-  "description": "Design system temporário do GP-SUB para auxiliar na futura migração para o DS Subweb 2.0",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Subweb-LCCV/gpsub-ds.git"
-  },
-  "main": "dist/index.cjs.js",
-  "types": "dist/index.d.ts",
-  "module": "dist/index.es.js",
-  "exports": {
-    ".": {
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.cjs.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./components": {
-      "import": "./dist/components/index.es.js",
-      "require": "./dist/components/index.cjs.js",
-      "types": "./dist/components/index.d.ts"
-    },
-    "./components/atoms": {
-      "import": "./dist/components/atoms/index.es.js",
-      "require": "./dist/components/atoms/index.cjs.js",
-      "types": "./dist/components/atoms/index.d.ts"
-    },
-    "./components/molecules": {
-      "import": "./dist/components/molecules/index.es.js",
-      "require": "./dist/components/molecules/index.cjs.js",
-      "types": "./dist/components/molecules/index.d.ts"
-    },
-    "./components/organisms": {
-      "import": "./dist/components/organisms/index.es.js",
-      "require": "./dist/components/organisms/index.cjs.js",
-      "types": "./dist/components/organisms/index.d.ts"
-    },
-    "./helpers": {
-      "import": "./dist/helpers/index.es.js",
-      "require": "./dist/helpers/index.cjs.js",
-      "types": "./dist/helpers/index.d.ts"
-    }
-  },
-  "files": [
-    "dist/",
-    "dist/components",
-    "dist/components/atoms",
-    "dist/components/molecules",
-    "dist/components/organisms",
-    "dist/helpers"
-  ],
-  "scripts": {
-    "publish:public": "npm run build && npm publish --access public",
-    "publish:private": "npm run build && npm publish --access restricted",
-    "clean": "rimraf -rf dist",
-    "build": "npm run clean && vite build",
-    "build:watch": "vite build --watch",
-    "build:publish": "npm run build && npm run publish",
-    "lint": "eslint . --ext .ts,.tsx && tsc",
-    "lint:fix": "eslint . --ext .ts,.tsx --fix",
-    "prettier:fix": "prettier --write .",
-    "prettier:check": "prettier --check ."
-  },
-  "keywords": [],
-  "author": "Eric Macedo Cabral",
-  "license": "ISC",
-  "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-hook-form": "7.55.0",
-    "sbwb-ds": "1.2.2"
-  },
-  "dependencies": {
-    "debounce": "^1.2.1",
-    "postmate": "^1.5.2",
-    "react-datepicker": "^4.18.0",
-    "react-router-dom": "^6.9.0",
-    "react-text-mask": "^5.5.0",
-    "sbwb-icons": "1.2.0",
-    "styled-components": "^5.3.9"
-  },
-  "resolutions": {
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "sbwb-ds": "1.2.2"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.21.3",
-    "@changesets/cli": "^2.29.4",
-    "@swc/core": "^1.3.40",
-    "@trivago/prettier-plugin-sort-imports": "^5.2.2",
-    "@types/node": "^24.0.3",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
-    "@typescript-eslint/eslint-plugin": "^6.4.0",
-    "@typescript-eslint/parser": "^6.4.0",
-    "@vitejs/plugin-react": "^4.7.0",
-    "babel-loader": "^8.3.0",
-    "eslint": "^8.57.1",
-    "eslint-config-airbnb-typescript": "^17.1.0",
-    "eslint-config-prettier": "^8.7.0",
-    "eslint-config-standard-with-typescript": "^43.0.1",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-n": "^15.6.1",
-    "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-react": "^7.32.2",
-    "prettier": "^3.5.3",
-    "pretty-quick": "^4.1.1",
-    "rimraf": "^5.0.10",
-    "sbwb-ds": "1.2.2",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.10",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-svgr": "^4.3.0"
-  }
-}
+{
+  "name": "@ufal-lccv/gpsub-ds",
+  "version": "0.0.13",
+  "type": "module",
+  "description": "Design system temporário do GP-SUB para auxiliar na futura migração para o DS Subweb 2.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Subweb-LCCV/gpsub-ds.git"
+  },
+  "main": "dist/index.cjs.js",
+  "types": "dist/index.d.ts",
+  "module": "dist/index.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./components": {
+      "import": "./dist/components/index.es.js",
+      "require": "./dist/components/index.cjs.js",
+      "types": "./dist/components/index.d.ts"
+    },
+    "./components/atoms": {
+      "import": "./dist/components/atoms/index.es.js",
+      "require": "./dist/components/atoms/index.cjs.js",
+      "types": "./dist/components/atoms/index.d.ts"
+    },
+    "./components/molecules": {
+      "import": "./dist/components/molecules/index.es.js",
+      "require": "./dist/components/molecules/index.cjs.js",
+      "types": "./dist/components/molecules/index.d.ts"
+    },
+    "./components/organisms": {
+      "import": "./dist/components/organisms/index.es.js",
+      "require": "./dist/components/organisms/index.cjs.js",
+      "types": "./dist/components/organisms/index.d.ts"
+    },
+    "./helpers": {
+      "import": "./dist/helpers/index.es.js",
+      "require": "./dist/helpers/index.cjs.js",
+      "types": "./dist/helpers/index.d.ts"
+    }
+  },
+  "files": [
+    "dist/",
+    "dist/components",
+    "dist/components/atoms",
+    "dist/components/molecules",
+    "dist/components/organisms",
+    "dist/helpers"
+  ],
+  "scripts": {
+    "publish:public": "npm run build && npm publish --access public",
+    "publish:private": "npm run build && npm publish --access restricted",
+    "clean": "rimraf -rf dist",
+    "build": "npm run clean && vite build",
+    "build:watch": "vite build --watch",
+    "build:publish": "npm run build && npm run publish",
+    "lint": "eslint . --ext .ts,.tsx && tsc",
+    "lint:fix": "eslint . --ext .ts,.tsx --fix",
+    "prettier:fix": "prettier --write .",
+    "prettier:check": "prettier --check ."
+  },
+  "keywords": [],
+  "author": "Eric Macedo Cabral",
+  "license": "ISC",
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-hook-form": "7.55.0",
+    "sbwb-ds": "1.2.2"
+  },
+  "dependencies": {
+    "debounce": "^1.2.1",
+    "postmate": "^1.5.2",
+    "react-datepicker": "^4.18.0",
+    "react-router-dom": "^6.9.0",
+    "react-text-mask": "^5.5.0",
+    "sbwb-icons": "1.2.0",
+    "styled-components": "^5.3.9"
+  },
+  "resolutions": {
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "sbwb-ds": "1.2.2"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.21.3",
+    "@changesets/cli": "^2.29.4",
+    "@swc/core": "^1.3.40",
+    "@trivago/prettier-plugin-sort-imports": "^5.2.2",
+    "@types/node": "^24.0.3",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@typescript-eslint/eslint-plugin": "^6.4.0",
+    "@typescript-eslint/parser": "^6.4.0",
+    "@vitejs/plugin-react": "^4.7.0",
+    "babel-loader": "^8.3.0",
+    "eslint": "^8.57.1",
+    "eslint-config-airbnb-typescript": "^17.1.0",
+    "eslint-config-prettier": "^8.7.0",
+    "eslint-config-standard-with-typescript": "^43.0.1",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-n": "^15.6.1",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-react": "^7.32.2",
+    "prettier": "^3.5.3",
+    "pretty-quick": "^4.1.1",
+    "rimraf": "^5.0.10",
+    "sbwb-ds": "1.2.2",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.10",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-svgr": "^4.3.0"
+  }
+}