@ufal-lccv/gpsub-ds 0.0.14 → 0.0.15
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-C9k9e2Jm.js → Table.view-CKAOAcZD.js} +463 -458
- package/dist/{Table.view-C0mvbkdK.cjs → Table.view-Cy3fYD98.cjs} +9 -8
- 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"),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:
|
|
1
|
+
"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:m="none"})=>{const[x,p]=u.useState(!1),[g,f]=u.useState(!0);u.useEffect(()=>{if(l)if(x){const k=setTimeout(()=>f(!1),ee);return()=>clearTimeout(k)}else f(!0)},[x,l]);const $=l&&!g?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:a}),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,a,c,l,m;n==null&&(n=100);function x(){var g=Date.now()-l;g<n&&g>=0?s=setTimeout(x,n-g):(s=null,i||(m=e.apply(c,a),c=a=null))}var p=function(){c=this,a=arguments,l=Date.now();var g=i&&!s;return s||(s=setTimeout(x,n)),g&&(m=e.apply(c,a),c=a=null),m};return p.clear=function(){s&&(clearTimeout(s),s=null)},p.flush=function(){s&&(m=e.apply(c,a),c=a=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 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]),m=u.useMemo(()=>["all","onBlur"].includes(i)?a:null,[i]);return u.useMemo(()=>({onChangeTrigger:l,onBlurTrigger:m}),[l,m])}const ge=({form:e,name:n,label:i,options:s,readonly:a=!1,disabled:c=!1,optionsMap:l,width:m="100%",flex:x,placeholder:p,onSelect:g,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),g==null||g(M),R==null||R()},w=u.useMemo(()=>H.valuable(l)?l:Object.fromEntries(s.map(y=>[y.value,y])),[s,l]);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:a,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:a=!1,width:c="100%",height:l="100%",flex:m,placeholder:x,charactersCounter:p=!0,maxlength:g=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:l,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:a,readonly:s,height:l,minHeight:k,maxHeight:E,errorMessage:A==null?void 0:A.message,placeholder:x,onChange:R=>I(R.target.value,C),charactersCounter:p,maxlength:g,size:"Small",resize:f,...h})})})};oe.displayName="TextareaField";const ue=({form:e,name:n,id:i=n,label:s,readonly:a=!1,disabled:c=!1,afterCheck:l,width:m="100%",formatter:x,parser:p,flex:g,size:f="Medium",triggerFormField:$=null,...k})=>{const{onChangeTrigger:E}=Z({form:e,fieldName:n,triggerType:$,debounceTime:0}),h=(S,I)=>{I(S),l==null||l(S),E==null||E()};return o.jsxRuntimeExports.jsx(o.Container,{width:m,flex:g,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||a,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,a="left")=>{const[c,l]=u.useState(0),[x
|
|
121
|
+
`,we=(e,n,i=0,s=0,a="left")=>{const[c,l]=u.useState(0),[m,x]=u.useState(),p=u.useRef(null),g=u.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`,...a==="left"?{left:`${v}px`}:{right:`${R}px`},width:`${Math.max(f.width,$.width)}px`,overflowY:"auto"})},[i,s,a]);return u.useEffect(()=>{var $;l(0),x(($=e.current)==null?void 0:$.clientWidth),g();const f=()=>g();return window.addEventListener("scroll",f,!0),window.addEventListener("resize",f),()=>{window.removeEventListener("scroll",f,!0),window.removeEventListener("resize",f)}},[e,g]),{highlightedIndex:c,setHighlightedIndex:l,isOptionSelected:f=>f.label===(n==null?void 0:n.label),optionsRef:p,parentWidth:m}},J=u.forwardRef(({selectContainerRef:e,optionsSelect:n,size:i,selectOption:s,value:a,inputValue:c,widthMenu:l,maxHeightMenu:m="180px",menuIsOpen:x,onEnter:p,marginTop:g="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,a,E,h,O);u.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:u.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:g,width:l??`${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:!u.isValidElement(r.label)&&S,children:[z,u.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:a,flex:c,children:l,wrapperCustomStyles:m={},contentCustomStyles:x={},titleCustomStyles:p={}})=>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",...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:l})]});ne.displayName="Section";const ye=o.qe.div`
|
|
122
122
|
${H.resetStyles}
|
|
123
123
|
display: flex;
|
|
124
124
|
flex-direction: column;
|
|
@@ -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,a]=u.useState(!1),[c,l]=u.useState(!1),[x
|
|
261
|
+
`,We=(e,{value:n,options:i})=>{const[s,a]=u.useState(!1),[c,l]=u.useState(!1),[m,x]=u.useState(""),[p,g]=u.useState(i),f=u.useRef(null),$=u.useRef(null),k=u.useRef(null),E=u.useRef(null);u.useEffect(()=>{const C=()=>{l(!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(""),l(!1),a(!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));g(A)}else g(i)};function I(C){return!C}return{isOpen:s,setIsOpen:a,expanded:c,setExpanded:l,inputValue:m,setInputValue:x,optionsSelect:p,setOptionSelect:g,selectContainerRef:f,containerRef:$,inputContainerRef:k,optionsRef:E,selectOption:h,handlerFilterOptions:S,isValue:I}},K=u.forwardRef(({value:e,handleOption:n,options:i,filter:s=!0,placeholder:a,label:c,size:l="Medium",width:m="100%",disabled:x,helpText:p,readonly:g,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:l},_=o.jsxRuntimeExports.jsx(t.Icon,{iconName:`Close${l==="Small"?"Sm":"Ant"}`,onClick:X=>{X.stopPropagation(),v(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:d,width:m,size:l,disabled:x,readonly:g,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:g,ref:r,onBlur:()=>{setTimeout(()=>{(L||w)&&b.current!==document.activeElement&&(k&&k(e),T(!1),y(!1))},250)},onClick:()=>{!x&&!g&&(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:l,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:l,variant:h,isDisplayText:!0,children:o.jsxRuntimeExports.jsx("p",{title:e==null?void 0:e.label,...R,children:A})}):o.jsxRuntimeExports.jsxs(te,{size:l,variant:h,children:[a&&F(e)&&!W&&!L?o.jsxRuntimeExports.jsx(Re,{size:l,variant:h,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(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:g,width:W.length,size:l,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:l,inputValue:W,maxHeightMenu:I})]})}),p&&o.jsxRuntimeExports.jsx(Ne,{size:l,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]=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:
|
|
383
|
+
`,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:m,label:x,menuSelectProps:p={},iconName:g,optionsIconPosition:f})=>{const{isOpen:$,setIsOpen:k,selectContainerRef:E,optionsSelect:h}=Fe(m);let S=t.sg.colors.backgroundColors.colorBackgroundSnow;a?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:a,onBlur:()=>setTimeout(()=>k(!1),He),children:[x&&o.jsxRuntimeExports.jsx(Ae,{children:x}),o.jsxRuntimeExports.jsxs(Ie,{type:"button",size:s,disabled:a,variant:n,isLoading:c,onClick:()=>!c&&k(!$),id:`button-component-${e}`,children:[c&&o.jsxRuntimeExports.jsx(Me,{size:s,disabled:a,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:l,size:s,inputValue:null,iconPosition:f,iconName:g,...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:a=[],heightItems:c="60px",widthItems:l="155px",emptyProps:
|
|
429
|
+
`,Xe=({width:e="100%",height:n="fit-content",flex:i,backgroundColor:s="white",options:a=[],heightItems:c="60px",widthItems:l="155px",emptyProps:m={title:"Nenhum dado a ser mostrado",body:null},customWrapperStyles:x={},customItemStyles:p={}})=>{var E;const[g,f]=u.useState(a[0]||null),$=u.useRef(null),k=u.useRef(null);return u.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)}},[]),(a==null?void 0:a.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:l,children:a==null?void 0:a.map((h,S)=>o.jsxRuntimeExports.jsx(qe,{selected:(g==null?void 0:g.key)===h.key,onClick:()=>f(h),withBorderRight:!1,heightItems:c,customStyles:p,children:h.item},S))}),o.jsxRuntimeExports.jsx(Oe,{ref:k,children:(E=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:E.map((h,S)=>o.jsxRuntimeExports.jsx(Pe,{selected:(g==null?void 0:g.key)===h.key,onClick:()=>f(h),withBorderRight:!0,heightItems:c},S))}),o.jsxRuntimeExports.jsx(De,{children:g&&(g==null?void 0:g.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:a=!1,maxHeight:c="40rem",columns:l,dataSource:
|
|
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:a=!1,maxHeight:c="40rem",columns:l,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:g=!1,hideHeader:f=!1,withBorder:$=!0,withBorderRadius:k=!0,striped:E=!1,borderRadius:h=t.sg.borders.borderRadius.borderRadiusSm}){const S=u.useMemo(()=>Ye(n),[n]),[I,C]=u.useState(null),v=u.useRef(null),A=u.useRef(null),[R,O]=u.useState(l);u.useLayoutEffect(()=>{if(!A.current||l.length===0){O(l);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=[];l.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=[...l];if(b>0){if(d.length>0){const F=b/j;B=l.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=l.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=l.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()},[l]),u.useEffect(()=>{const w=y=>{v.current&&!v.current.contains(y.target)&&C(null)};return document.addEventListener("mousedown",w),()=>{document.removeEventListener("mousedown",w)}},[]);const L=u.useMemo(()=>R?R.some(w=>w.mergeHeaderId&&w.mergeHeaderLabel):!1,[R]),T=u.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:a,size:i,withBorder:$,isSelected:M===I&&g,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),g&&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;
|
|
@@ -1 +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-
|
|
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-Cy3fYD98.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;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
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";
|
|
2
2
|
import { E as I, S as A, T as E } from "../Title.view-DGXidSXd.js";
|
|
3
3
|
import { A as k, L as V, R as j } from "../RequiredLabel.view-Cv_y1fuR.js";
|
|
4
|
-
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-
|
|
4
|
+
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-CKAOAcZD.js";
|
|
5
5
|
export {
|
|
6
6
|
s as ActionButton,
|
|
7
7
|
k as AlertInline,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
2
|
export type TabInfoProps = {
|
|
3
3
|
width?: string;
|
|
4
4
|
height?: string;
|
|
@@ -15,5 +15,7 @@ export type TabInfoProps = {
|
|
|
15
15
|
title?: string;
|
|
16
16
|
body?: string;
|
|
17
17
|
};
|
|
18
|
+
customWrapperStyles?: CSSProperties;
|
|
19
|
+
customItemStyles?: CSSProperties;
|
|
18
20
|
};
|
|
19
|
-
export declare const TabInfo: ({ width, height, flex, backgroundColor, options, heightItems, widthItems, emptyProps, }: TabInfoProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare const TabInfo: ({ width, height, flex, backgroundColor, options, heightItems, widthItems, emptyProps, customWrapperStyles, customItemStyles, }: TabInfoProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../Table.view-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../Table.view-Cy3fYD98.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;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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-
|
|
1
|
+
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-CKAOAcZD.js";
|
|
2
2
|
export {
|
|
3
3
|
s as CheckboxField,
|
|
4
4
|
l as CollapseSection,
|
package/dist/index.cjs.js
CHANGED
|
@@ -1 +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-
|
|
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-Cy3fYD98.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
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
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";
|
|
2
2
|
import { E as I, S as R, T as y } from "./Title.view-DGXidSXd.js";
|
|
3
3
|
import { A as k, L as v, R as z } from "./RequiredLabel.view-Cv_y1fuR.js";
|
|
4
|
-
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-
|
|
4
|
+
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-CKAOAcZD.js";
|
|
5
5
|
import { a as U, c as W, b as X, d as Y, r as Z, v as _ } from "./index-_v6RoRxb.js";
|
|
6
6
|
import { stableStringify as aa } from "./helpers/index.es.js";
|
|
7
7
|
export {
|