@ufal-lccv/gpsub-ds 0.0.14 → 0.0.16
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/{Table.view-C0mvbkdK.cjs → Table.view-9o-ZaYs1.cjs} +10 -9
- package/dist/{Table.view-C9k9e2Jm.js → Table.view-CpcXIpXH.js} +536 -529
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.es.js +1 -1
- package/dist/components/organisms/TabInfo/TabInfo.view.d.ts +4 -2
- package/dist/components/organisms/index.cjs.js +1 -1
- package/dist/components/organisms/index.es.js +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const o=require("./Checkbox.view-DFbiE7Mi.cjs"),
|
|
1
|
+
"use strict";const o=require("./Checkbox.view-DFbiE7Mi.cjs"),g=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:l={},wrapperCustomStyles:c={},hideAdornmentOnCollapse:a=!1,maxHeight:m="none"})=>{const[x,p]=g.useState(!1),[u,f]=g.useState(!0);g.useEffect(()=>{if(a)if(x){const k=setTimeout(()=>f(!1),ee);return()=>clearTimeout(k)}else f(!0)},[x,a]);const $=a&&!u?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:x,setCollapsed:p},endAdornment:$,customStyles:l}),o.jsxRuntimeExports.jsx(o.Container,{gap:"8px",width:"100%",customStyles:{maxHeight:x?"0":m,transition:`max-height ${ee}ms ease-in-out`},children:n})]})};function Y(e,n,i){var s,l,c,a,m;n==null&&(n=100);function x(){var u=Date.now()-a;u<n&&u>=0?s=setTimeout(x,n-u):(s=null,i||(m=e.apply(c,l),c=l=null))}var p=function(){c=this,l=arguments,a=Date.now();var u=i&&!s;return s||(s=setTimeout(x,n)),u&&(m=e.apply(c,l),c=l=null),m};return p.clear=function(){s&&(clearTimeout(s),s=null)},p.flush=function(){s&&(m=e.apply(c,l),c=l=null,clearTimeout(s),s=null)},p}Y.debounce=Y;var ce=Y;const de=o.getDefaultExportFromCjs(ce);function Z({form:e,fieldName:n,triggerType:i=null,debounceTime:s=500}){const l=g.useCallback(()=>{e.trigger(n)},[e,n]),c=g.useMemo(()=>de(()=>l(),s),[l,s]),a=g.useMemo(()=>["all","onChange"].includes(i)?c:null,[c,i]),m=g.useMemo(()=>["all","onBlur"].includes(i)?l:null,[i]);return g.useMemo(()=>({onChangeTrigger:a,onBlurTrigger:m}),[a,m])}const ge=({form:e,name:n,label:i,options:s,readonly:l=!1,disabled:c=!1,optionsMap:a,width:m="100%",flex:x,placeholder:p,onSelect:u,parser:f,filter:$,tooltipProps:k={},infoProps:E={},maxHeigthMenu:h,isRequired:S=!1,onRemoveSelected:I,triggerFormField:C=null,displayText:v,...A})=>{const{onChangeTrigger:R}=Z({form:e,fieldName:n,triggerType:C,debounceTime:0}),O={position:"top",...k},L={...E,tooltipProps:{position:"top",maxWidth:"300px",...E==null?void 0:E.tooltipProps}},T=(y,W)=>{let M=y;f&&(M=f==null?void 0:f(y)),W(M),u==null||u(M),R==null||R()},w=g.useMemo(()=>H.valuable(a)?a:Object.fromEntries(s.map(y=>[y.value,y])),[s,a]);return o.jsxRuntimeExports.jsx(o.Container,{width:m,flex:x,children:o.jsxRuntimeExports.jsx(Q.Controller,{name:n,control:e.control,render:({field:{onChange:y,value:W},fieldState:{error:M=null}})=>{let j=w[W];return o.jsxRuntimeExports.jsx(K,{label:i,width:"100%",size:"Small",disabled:c,readonly:l,filter:$,errorMessage:M==null?void 0:M.message,placeholder:p,value:j,handleOption:d=>{T(d.value,y)},tooltipProps:O,options:s,maxHeigthMenu:h,infoProps:L,maxHeightMenu:h,isRequired:S,onRemoveSelected:I,displayText:v,...A})}})})},oe=({form:e,name:n,label:i,readonly:s=!1,disabled:l=!1,width:c="100%",height:a="100%",flex:m,placeholder:x,charactersCounter:p=!0,maxlength:u=1e3,resize:f=!0,triggerFormField:$=null,minHeight:k,maxHeight:E,...h})=>{const{onChangeTrigger:S}=Z({form:e,fieldName:n,triggerType:$}),I=(C,v)=>{v(C),S==null||S()};return o.jsxRuntimeExports.jsx(o.Container,{width:c,flex:m,height:a,children:o.jsxRuntimeExports.jsx(Q.Controller,{name:n,control:e.control,render:({field:{onChange:C,value:v},fieldState:{error:A=null}})=>o.jsxRuntimeExports.jsx(o.Textarea,{label:i,value:v||"",width:"100%",disabled:l,readonly:s,height:a,minHeight:k,maxHeight:E,errorMessage:A==null?void 0:A.message,placeholder:x,onChange:R=>I(R.target.value,C),charactersCounter:p,maxlength:u,size:"Small",resize:f,...h})})})};oe.displayName="TextareaField";const ue=({form:e,name:n,id:i=n,label:s,readonly:l=!1,disabled:c=!1,afterCheck:a,width:m="100%",formatter:x,parser:p,flex:u,size:f="Medium",triggerFormField:$=null,...k})=>{const{onChangeTrigger:E}=Z({form:e,fieldName:n,triggerType:$,debounceTime:0}),h=(S,I)=>{I(S),a==null||a(S),E==null||E()};return o.jsxRuntimeExports.jsx(o.Container,{width:m,flex:u,children:o.jsxRuntimeExports.jsx(Q.Controller,{name:n,control:e.control,render:({field:{onChange:S,value:I},fieldState:{error:C=null}})=>{const v=C==null?void 0:C.message;return v&&console.log("Error on checkbox!",v),o.jsxRuntimeExports.jsx(o.Checkbox,{id:`form-checkbox-${i}`,checked:(x==null?void 0:x(I))??I,name:n,label:s,disabled:c||l,onChange:A=>{h((p==null?void 0:p(A.target.checked,I))??A.target.checked,S)},size:f,...k})}})})},fe=o.qe.ul`
|
|
2
2
|
${H.resetStyles}
|
|
3
3
|
position: fixed;
|
|
4
4
|
margin-top: ${({marginTop:e})=>e};
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
margin: 0;
|
|
119
119
|
display: flex;
|
|
120
120
|
align-self: center;
|
|
121
|
-
`,we=(e,n,i=0,s=0,
|
|
121
|
+
`,we=(e,n,i=0,s=0,l="left")=>{const[c,a]=g.useState(0),[m,x]=g.useState(),p=g.useRef(null),u=g.useCallback(()=>{if(!e.current||!p.current)return;const f=e.current.getBoundingClientRect(),$=p.current.getBoundingClientRect(),k=window.innerHeight,E=window.innerWidth,h=f.top,S=k-f.bottom,I=S<$.height+s&&h>S;let C;I?(C=f.top-$.height-i,p.current.style.maxHeight=`${h-i}px`):(C=f.bottom+s,p.current.style.maxHeight=`${S-s}px`);let v=f.left;const A=v+$.width-E;A>0&&(v-=A),v<0&&(v=0);const R=E-f.right;Object.assign(p.current.style,{position:"fixed",top:`${C}px`,...l==="left"?{left:`${v}px`}:{right:`${R}px`},width:`${Math.max(f.width,$.width)}px`,overflowY:"auto"})},[i,s,l]);return g.useEffect(()=>{var $;a(0),x(($=e.current)==null?void 0:$.clientWidth),u();const f=()=>u();return window.addEventListener("scroll",f,!0),window.addEventListener("resize",f),()=>{window.removeEventListener("scroll",f,!0),window.removeEventListener("resize",f)}},[e,u]),{highlightedIndex:c,setHighlightedIndex:a,isOptionSelected:f=>f.label===(n==null?void 0:n.label),optionsRef:p,parentWidth:m}},J=g.forwardRef(({selectContainerRef:e,optionsSelect:n,size:i,selectOption:s,value:l,inputValue:c,widthMenu:a,maxHeightMenu:m="180px",menuIsOpen:x,onEnter:p,marginTop:u="4px",iconName:f,iconColor:$,iconPosition:k,topOffset:E=0,bottomOffset:h=0,truncateText:S=!0,menuJustifyContent:I="flex-start",tableActionButton:C,menuLateralPadding:v="8px",menuOptionFlexDirection:A="column",confirmSelection:R,menuAlign:O="left"},L)=>{H.valuable(f)&&(f+="Ant");const{highlightedIndex:T,setHighlightedIndex:w,isOptionSelected:y,optionsRef:W,parentWidth:M}=we(e,l,E,h,O);g.useEffect(()=>{const r=b=>{if(x){if(b.key==="ArrowDown")b.preventDefault(),w(z=>z<n.length-1?z+1:z);else if(b.key==="ArrowUp")b.preventDefault(),w(z=>z>0?z-1:0);else if(b.key==="Enter"&&n[T]){b.preventDefault();const z=n[T];s(z),p&&p(z)}}};return window.addEventListener("keydown",r),()=>window.removeEventListener("keydown",r)},[x,n,T,p,s,R]);const j=r=>typeof r=="string"?r:g.isValidElement(r)&&typeof r.props.children=="string"?r.props.children:String(r),d=(r,b)=>{var F,N;if(k!==b)return null;const z=H.valuable((F=r.tooltipProps)==null?void 0:F.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:y(r)?t.sg.colors.brandColors.colorBrandSoft:$??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:u,width:a??`${M}px`,maxHeight:m,height:"fit-content",ref:r=>{W.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,b)=>{var P,F;const z=typeof r.render=="function"?r.render():null,B=j(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:y(r),highlightedIndex:b===T,onClick:D=>{D.stopPropagation(),r.disabled||(R?o.showConfirm({id:"select-option",title:R.title,description:R.description,icon:R.icon,iconColor:R.iconColor,leftButtonProps:{name:"Cancelar",variant:"tertiary",onClick:()=>{}},rightButtonProps:{name:"Confirmar",variant:"secondary",onClick:()=>s(r)}}):s(r))},onMouseEnter:()=>w(b),disabled:r.disabled,size:i,menuLateralPadding:v,children:[d(r,"left"),o.jsxRuntimeExports.jsxs(xe,{menuOptionFlexDirection:A,menuJustifyContent:I,iconName:f,isOptionSelected:y(r),highlightedIndex:b===T,"data-testid":r.value,size:i,hasDescription:!!r.description,optionValue:r.value,disabled:r.disabled,truncateText:S,tableActionButton:C,children:[o.jsxRuntimeExports.jsxs(Se,{truncateText:!g.isValidElement(r.label)&&S,children:[z,g.isValidElement(r.label)?o.jsxRuntimeExports.jsx("p",{title:((P=r==null?void 0:r.tooltipProps)==null?void 0:P.label)??j(r.label),children:r.label}):o.jsxRuntimeExports.jsx("p",{title:((F=r==null?void 0:r.tooltipProps)==null?void 0:F.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})]}),d(r,"right")]},String(r.value))}})})});J.displayName="MenuSelect";const ne=({title:e,iconName:n,onClickIcon:i,width:s,height:l,flex:c,children:a,wrapperCustomStyles:m={},contentCustomStyles:x={},titleCustomStyles:p={}})=>o.jsxRuntimeExports.jsxs(o.Container,{width:s,height:l,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",...m},children:[o.jsxRuntimeExports.jsxs(o.Container,{width:"100%",direction:"horizontal",customStyles:x,children:[e?o.jsxRuntimeExports.jsx(o.Container,{width:"fit-content",customStyles:p,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:a})]});ne.displayName="Section";const ye=o.qe.div`
|
|
122
122
|
${H.resetStyles}
|
|
123
123
|
display: flex;
|
|
124
124
|
flex-direction: column;
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
${({variant:e})=>e==="default"&&o.Ae`
|
|
143
143
|
border: ${t.sg.borders.borderWidth.borderWidthThinner} solid;
|
|
144
144
|
border-radius: ${t.sg.borders.borderRadius.borderRadiusSm};
|
|
145
|
-
border-color: ${({isOpen:n,hasError:i,readonly:s,disabled:
|
|
145
|
+
border-color: ${({isOpen:n,hasError:i,readonly:s,disabled:l})=>i?t.sg.colors.feedbackColors.colorFeedbackError:s||l?t.sg.colors.neutralColors.colorNeutralClean:n?t.sg.colors.neutralColors.colorNeutralCloudy:t.sg.colors.neutralColors.colorNeutralClean};
|
|
146
146
|
`}
|
|
147
147
|
|
|
148
148
|
background-color: ${({variant:e})=>e==="default"?t.sg.colors.backgroundColors.colorBackgroundSnow:"transparent"};
|
|
@@ -258,7 +258,7 @@
|
|
|
258
258
|
color: ${t.sg.colors.neutralColors.colorNeutralDark};
|
|
259
259
|
margin-top: ${t.sg.spacings.spacingInline.spacingInlineNano};
|
|
260
260
|
width: 100%;
|
|
261
|
-
`,We=(e,{value:n,options:i})=>{const[s,
|
|
261
|
+
`,We=(e,{value:n,options:i})=>{const[s,l]=g.useState(!1),[c,a]=g.useState(!1),[m,x]=g.useState(""),[p,u]=g.useState(i),f=g.useRef(null),$=g.useRef(null),k=g.useRef(null),E=g.useRef(null);g.useEffect(()=>{const C=()=>{a(!1)};return window.addEventListener("scroll",C,{passive:!0}),window.addEventListener("resize",C,{passive:!0}),()=>{window.removeEventListener("scroll",C),window.removeEventListener("resize",C)}},[]);function h(C){x(""),a(!1),l(!0),k!=null&&k.current&&k.current.focus(),C!==n&&e(C)}const S=C=>{if(C){const v=new RegExp(C,"i"),A=i.filter(R=>v.exec(R.label));u(A)}else u(i)};function I(C){return!C}return{isOpen:s,setIsOpen:l,expanded:c,setExpanded:a,inputValue:m,setInputValue:x,optionsSelect:p,setOptionSelect:u,selectContainerRef:f,containerRef:$,inputContainerRef:k,optionsRef:E,selectOption:h,handlerFilterOptions:S,isValue:I}},K=g.forwardRef(({value:e,handleOption:n,options:i,filter:s=!0,placeholder:l,label:c,size:a="Medium",width:m="100%",disabled:x,helpText:p,readonly:u,errorMessage:f,tooltipProps:$={},onBlur:k,onEnter:E,variant:h="default",infoProps:S={},maxHeightMenu:I,isRequired:C=!1,onRemoveSelected:v,displayText:A,displayTextProps:R={}},O)=>{const{isOpen:L,setIsOpen:T,expanded:w,setExpanded:y,inputValue:W,setInputValue:M,optionsSelect:j,selectContainerRef:d,containerRef:r,inputContainerRef:b,selectOption:z,setOptionSelect:B,handlerFilterOptions:P,isValue:F}=We(n,{value:e,options:i}),N=!!f,D={label:f,...$,wrapperWidth:"auto",isActive:N,isErrorTooltip:!0},q={...S,size:a},_=o.jsxRuntimeExports.jsx(t.Icon,{iconName:`Close${a==="Small"?"Sm":"Ant"}`,onClick:X=>{X.stopPropagation(),v(e)}}),V=o.jsxRuntimeExports.jsx(t.Icon,{iconName:`ExpandLess${a==="Small"?"Sm":"Ant"}`}),le=o.jsxRuntimeExports.jsx(t.Icon,{iconName:`ExpandMore${a==="Small"?"Sm":"Ant"}`});return o.jsxRuntimeExports.jsxs(ye,{ref:d,width:m,size:a,disabled:x,readonly:u,children:[c&&o.jsxRuntimeExports.jsxs(Ee,{children:[o.jsxRuntimeExports.jsxs(ze,{"data-testid":"label",ref:O,children:[c,C&&!x?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:u,ref:r,onBlur:()=>{setTimeout(()=>{(L||w)&&b.current!==document.activeElement&&(k&&k(e),T(!1),y(!1))},250)},onClick:()=>{!x&&!u&&(L&&!w?(y(!0),b!=null&&b.current&&b.current.focus()):!L&&!w?(T(!0),y(!0),b!=null&&b.current&&b.current.focus()):(T(!1),y(!1),b!=null&&b.current&&b.current.blur()),!W&&B(i))},tabIndex:0,width:m,size:a,isOpen:L||w,"data-testid":"select",disabled:x,helpText:p,variant:h,children:[o.jsxRuntimeExports.jsxs(Ce,{children:[H.valuable(A)?o.jsxRuntimeExports.jsx(te,{size:a,variant:h,isDisplayText:!0,children:o.jsxRuntimeExports.jsx("p",{title:e==null?void 0:e.label,...R,children:A})}):o.jsxRuntimeExports.jsxs(te,{size:a,variant:h,children:[l&&F(e)&&!W&&!L?o.jsxRuntimeExports.jsx(Re,{size:a,variant:h,children:l}):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(A)&&o.jsxRuntimeExports.jsx(ke,{ref:b,value:W,onChange:X=>{M(X.target.value),X.target.value.length>0&&(T(!0),y(!0)),P(X.target.value)},readOnly:u,width:W.length,size:a,disabled:x,variant:h})]}),v&&e?_:null,w?V:le,w&&o.jsxRuntimeExports.jsx(J,{onEnter:X=>{n&&n(X),T(!1),y(!1),E&&E(X)},menuIsOpen:L,selectContainerRef:d,value:e,optionsSelect:j,selectOption:z,size:a,inputValue:W,maxHeightMenu:I})]})}),p&&o.jsxRuntimeExports.jsx(Ne,{size:a,children:p})]})});K.displayName="Select";const re=o.We`
|
|
262
262
|
from {
|
|
263
263
|
transform: rotate(0deg);
|
|
264
264
|
}
|
|
@@ -349,7 +349,7 @@
|
|
|
349
349
|
&:hover {
|
|
350
350
|
cursor: ${({disabled:e})=>e&&"not-allowed"};
|
|
351
351
|
}
|
|
352
|
-
`,
|
|
352
|
+
`,Ae=o.qe.label`
|
|
353
353
|
font-size: ${t.sg.fonts.fontSize.fontSizeBodyMd};
|
|
354
354
|
font-weight: ${t.sg.fonts.fontWeight.fontWeightRegular};
|
|
355
355
|
font-family: ${t.sg.fonts.fontFamily.fontFamilyPrimary};
|
|
@@ -363,7 +363,7 @@
|
|
|
363
363
|
color: ${t.sg.colors.feedbackColors.colorFeedbackError};
|
|
364
364
|
margin-top: ${t.sg.spacings.spacingInline.spacingInlineNano};
|
|
365
365
|
width: 100%;
|
|
366
|
-
`;const
|
|
366
|
+
`;const Me=o.qe.div`
|
|
367
367
|
width: 100%;
|
|
368
368
|
|
|
369
369
|
& > svg {
|
|
@@ -380,7 +380,7 @@
|
|
|
380
380
|
&:hover {
|
|
381
381
|
cursor: not-allowed;
|
|
382
382
|
}
|
|
383
|
-
`,Fe=e=>{const[n,i]=
|
|
383
|
+
`,Fe=e=>{const[n,i]=g.useState(!1),[s,l]=g.useState(e),c=g.useRef(null);return g.useEffect(()=>{l(e)},[e]),{setIsOpen:i,isOpen:n,setOptionsSelect:l,optionsSelect:s,selectContainerRef:c}},He=200,Le=({name:e,variant:n="primary",width:i="100%",size:s="Medium",disabled:l=!1,isLoading:c=!1,onClick:a,options:m,label:x,menuSelectProps:p={},iconName:u,optionsIconPosition:f})=>{const{isOpen:$,setIsOpen:k,selectContainerRef:E,optionsSelect:h}=Fe(m);let S=t.sg.colors.backgroundColors.colorBackgroundSnow;l?S=t.sg.colors.neutralColors.colorNeutralCloudy:n!=="primary"&&(S=t.sg.colors.neutralColors.colorNeutralDark);const I={...p};return o.jsxRuntimeExports.jsxs(ve,{ref:E,width:i,size:s,disabled:l,onBlur:()=>setTimeout(()=>k(!1),He),children:[x&&o.jsxRuntimeExports.jsx(Ae,{children:x}),o.jsxRuntimeExports.jsxs(Ie,{type:"button",size:s,disabled:l,variant:n,isLoading:c,onClick:()=>!c&&k(!$),id:`button-component-${e}`,children:[c&&o.jsxRuntimeExports.jsx(Me,{size:s,disabled:l,variant:n,children:o.jsxRuntimeExports.jsx(t.Icon,{iconName:`ProgressActivity${s==="Small"?"Ant":"Sm"}`,color:S,"data-testid":"icon-loading"})}),!c&&o.jsxRuntimeExports.jsx("p",{title:e,children:e}),!c&&($?o.jsxRuntimeExports.jsx(t.Icon,{iconName:`ExpandLess${s==="Small"?"Ant":"Sm"}`,color:S,"data-testid":"icon-button-less"}):o.jsxRuntimeExports.jsx(t.Icon,{iconName:`ExpandMore${s==="Small"?"Ant":"Sm"}`,color:S,"data-testid":"icon-button-more"}))]}),$&&o.jsxRuntimeExports.jsx(J,{selectContainerRef:E,value:null,optionsSelect:h,selectOption:a,size:s,inputValue:null,iconPosition:f,iconName:u,...I})]})},Te=o.qe.div`
|
|
384
384
|
min-width: ${({widthItems:e})=>e};
|
|
385
385
|
max-width: ${({widthItems:e})=>e};
|
|
386
386
|
height: 100%;
|
|
@@ -401,6 +401,7 @@
|
|
|
401
401
|
border-right: ${({selected:n})=>n?"none":`1px solid ${t.sg.colors.neutralColors.colorNeutralSoft}`};
|
|
402
402
|
`}
|
|
403
403
|
cursor: pointer;
|
|
404
|
+
${({customStyles:e})=>e&&o.Ae(e)}
|
|
404
405
|
`,Pe=o.qe.div`
|
|
405
406
|
max-width: 4px;
|
|
406
407
|
min-width: 4px;
|
|
@@ -425,7 +426,7 @@
|
|
|
425
426
|
height: 100%;
|
|
426
427
|
background-color: 'transparent';
|
|
427
428
|
overflow: hidden;
|
|
428
|
-
`,Xe=({width:e="100%",height:n="fit-content",flex:i,backgroundColor:s="white",options:
|
|
429
|
+
`,Xe=({width:e="100%",height:n="fit-content",flex:i,backgroundColor:s="white",options:l=[],heightItems:c="60px",widthItems:a="155px",emptyProps:m={title:"Nenhum dado a ser mostrado",body:null},customWrapperStyles:x={},customItemStyles:p={}})=>{var E;const[u,f]=g.useState(l[0]||null),$=g.useRef(null),k=g.useRef(null);return g.useEffect(()=>{const h=$.current,S=k.current,I=()=>{h&&S&&(S.scrollTop=h.scrollTop)};return h==null||h.addEventListener("scroll",I),()=>{h==null||h.removeEventListener("scroll",I)}},[]),g.useEffect(()=>{f(l[(l==null?void 0:l.length)-1]||null)},[l==null?void 0:l.length]),(l==null?void 0:l.length)===0?o.jsxRuntimeExports.jsx(o.Empty,{title:m.title,body:m.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,...x},children:[o.jsxRuntimeExports.jsx(Te,{ref:$,widthItems:a,children:l==null?void 0:l.map((h,S)=>o.jsxRuntimeExports.jsx(qe,{selected:(u==null?void 0:u.key)===h.key,onClick:()=>f(h),withBorderRight:!1,heightItems:c,customStyles:p,children:h.item},S))}),o.jsxRuntimeExports.jsx(Oe,{ref:k,children:(E=l==null?void 0:l.concat({key:"last",item:o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{}),contentItem:o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{})}))==null?void 0:E.map((h,S)=>o.jsxRuntimeExports.jsx(Pe,{selected:(u==null?void 0:u.key)===h.key,onClick:()=>f(h),withBorderRight:!0,heightItems:c},S))}),o.jsxRuntimeExports.jsx(De,{children:u&&(u==null?void 0:u.contentItem)})]})},se=o.Ae`
|
|
429
430
|
svg:not([color]):not([data-testid='icon']) {
|
|
430
431
|
path {
|
|
431
432
|
fill: ${t.sg.colors.neutralColors.colorNeutralDarkest};
|
|
@@ -585,4 +586,4 @@
|
|
|
585
586
|
&:hover {
|
|
586
587
|
cursor: ${e=>e.isClickable?"pointer":"default"};
|
|
587
588
|
}
|
|
588
|
-
`;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:
|
|
589
|
+
`;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:l=!1,maxHeight:c="40rem",columns:a,dataSource:m,columnsTextSize:x=i,emptyProps:p={width:"100%",height:"100%",title:"Nenhum dado a ser mostrado.",mode:"table",borders:!0,backgroundColor:t.sg.colors.backgroundColors.colorBackgroundSnow},selectedRow:u=!1,hideHeader:f=!1,withBorder:$=!0,withBorderRadius:k=!0,striped:E=!1,borderRadius:h=t.sg.borders.borderRadius.borderRadiusSm}){const S=g.useMemo(()=>Ye(n),[n]),[I,C]=g.useState(null),v=g.useRef(null),A=g.useRef(null),[R,O]=g.useState(a);g.useLayoutEffect(()=>{if(!A.current||a.length===0){O(a);return}const w=()=>{var P;const W=((P=A.current)==null?void 0:P.clientWidth)||0;if(W===0)return;let M=0,j=0;const d=[],r=[];a.forEach(F=>{const N=Number(F.flex);F.width?M+=parseInt(F.width,10)||0:F.flex&&N>0?(j+=N,d.push(F)):r.push(F)});const b=W-M,z="80";let B=[...a];if(b>0){if(d.length>0){const F=b/j;B=a.map(N=>{const D=Number(N.flex);if(D&&D>0){const q=parseInt(N.minWidth||z,10),_=D*F,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 F=b/r.length;B=a.map(N=>{const D=Number(N.flex);if(!N.width&&!D){const q=parseInt(N.minWidth||z,10),_=Math.max(F,q);return{...N,width:`${Math.floor(_)}px`}}return N})}}else B=a.map(F=>F.width?F:{...F,width:F.minWidth||`${z}px`});O(B)};w();const y=new ResizeObserver(w);return y.observe(A.current),()=>y.disconnect()},[a]),g.useEffect(()=>{const w=y=>{v.current&&!v.current.contains(y.target)&&C(null)};return document.addEventListener("mousedown",w),()=>{document.removeEventListener("mousedown",w)}},[]);const L=g.useMemo(()=>R?R.some(w=>w.mergeHeaderId&&w.mergeHeaderLabel):!1,[R]),T=g.useMemo(()=>{var M,j;if(f||!R||R.length===0)return null;if(!L)return o.jsxRuntimeExports.jsx(U,{isHeader:!0,size:i,numRows:1,borderRadius:h,children:R.map(d=>{var r;return o.jsxRuntimeExports.jsx(G,{width:d.width,minWidth:d.minWidth,maxWidth:d.maxWidth,horizontalAlign:d.horizontalAlign,size:i,columnsTextSize:x,withBorder:$,headerAlign:d.headerAlign,children:((r=d.columnRender)==null?void 0:r.call(d,m))||o.jsxRuntimeExports.jsx("span",{title:d.label,children:d.label})},d.dataIndex)})});const w=[],y=[];let W=0;for(;W<R.length;){const d=R[W];if(d.mergeHeaderId&&d.mergeHeaderLabel){let r=0;const b=d.mergeHeaderId;for(let z=W;z<R.length&&R[z].mergeHeaderId===b;z++)r++;w.push(o.jsxRuntimeExports.jsx(G,{colSpan:r,horizontalAlign:"center",size:i,columnsTextSize:x,withBorder:$,width:d.width,minWidth:d.minWidth,maxWidth:d.maxWidth,headerAlign:d.headerAlign,isTopRow:!0,children:o.jsxRuntimeExports.jsx("span",{title:d.mergeHeaderLabel,children:d.mergeHeaderLabel})},`${d.mergeHeaderId}-merged`));for(let z=0;z<r;z++){const B=R[W+z];y.push(o.jsxRuntimeExports.jsx(G,{width:B.width,minWidth:B.minWidth,maxWidth:B.maxWidth,horizontalAlign:B.horizontalAlign,size:i,columnsTextSize:x,withBorder:$,headerAlign:d.headerAlign,children:((M=B.columnRender)==null?void 0:M.call(B,m))||o.jsxRuntimeExports.jsx("span",{title:B.label,children:B.label})},B.dataIndex+"-individual"))}W+=r}else w.push(o.jsxRuntimeExports.jsx(G,{rowSpan:2,width:d.width,minWidth:d.minWidth,maxWidth:d.maxWidth,horizontalAlign:d.horizontalAlign,size:i,columnsTextSize:x,withBorder:$,headerAlign:d.headerAlign,isTopRow:!0,children:((j=d.columnRender)==null?void 0:j.call(d,m))||o.jsxRuntimeExports.jsx("span",{title:d.label,children:d.label})},d.dataIndex)),W++}return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(U,{isHeader:!0,size:i,numRows:2,borderRadius:h,children:w}),y.length>0&&o.jsxRuntimeExports.jsx(U,{isHeader:!0,size:i,numRows:2,borderRadius:h,children:y})]})},[R,f,i,x,L]);return!m||m.length===0?o.jsxRuntimeExports.jsx(o.Empty,{backgroundColor:t.sg.colors.backgroundColors.colorBackgroundSnow,borders:!0,mode:"table",...p}):o.jsxRuntimeExports.jsx(_e,{maxHeight:c,withBorderRadius:k,ref:A,borderRadius:h,children:o.jsxRuntimeExports.jsxs(Ue,{id:e,ref:v,children:[o.jsxRuntimeExports.jsx("thead",{children:T}),o.jsxRuntimeExports.jsx("tbody",{style:{width:"100%"},children:m==null?void 0:m.map((w,y,W)=>{const M=S(w);return o.jsxRuntimeExports.jsx(U,{isLast:y===W.length-1,fit:l,size:i,withBorder:$,isSelected:M===I&&u,striped:E&&y%2!==0,borderRadius:h,children:R.map(j=>{var d,r,b;return o.jsxRuntimeExports.jsx(Ve,{width:j.width,minWidth:j.minWidth,maxWidth:j.maxWidth,size:i,isClickable:H.valuable(s),onClick:()=>{s&&s(w,j,y),u&&C(I===M?null:M)},horizontalAlign:j.horizontalAlign,verticalAlign:j.verticalAlign,rowPadding:j.rowPadding,withBorder:$,isLast:y===W.length-1,backgroundColor:(d=j.paint)==null?void 0:d.call(j,w[j.dataIndex],w,y,W),children:((r=j.render)==null?void 0:r.call(j,w[j.dataIndex],w,y,W))||o.jsxRuntimeExports.jsx("span",{title:w[j.dataIndex],style:{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",...(b=j.rowCss)==null?void 0:b.call(j,w)},children:w[j.dataIndex]})||""},`${M}::${j.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;
|