@ufal-lccv/gpsub-ds 0.0.15 → 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-Cy3fYD98.cjs → Table.view-9o-ZaYs1.cjs} +7 -7
- package/dist/{Table.view-CKAOAcZD.js → Table.view-CpcXIpXH.js} +155 -153
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.es.js +1 -1
- 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
|
}
|
|
@@ -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%;
|
|
@@ -426,7 +426,7 @@
|
|
|
426
426
|
height: 100%;
|
|
427
427
|
background-color: 'transparent';
|
|
428
428
|
overflow: hidden;
|
|
429
|
-
`,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`
|
|
430
430
|
svg:not([color]):not([data-testid='icon']) {
|
|
431
431
|
path {
|
|
432
432
|
fill: ${t.sg.colors.neutralColors.colorNeutralDarkest};
|
|
@@ -586,4 +586,4 @@
|
|
|
586
586
|
&:hover {
|
|
587
587
|
cursor: ${e=>e.isClickable?"pointer":"default"};
|
|
588
588
|
}
|
|
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:
|
|
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;
|
|
@@ -8,15 +8,15 @@ const ae = 350, yo = ({
|
|
|
8
8
|
children: t,
|
|
9
9
|
endAdornment: i = null,
|
|
10
10
|
marginBottom: l = "16px",
|
|
11
|
-
customStyles:
|
|
11
|
+
customStyles: s = {},
|
|
12
12
|
wrapperCustomStyles: d = {},
|
|
13
|
-
hideAdornmentOnCollapse:
|
|
13
|
+
hideAdornmentOnCollapse: a = !1,
|
|
14
14
|
maxHeight: m = "none"
|
|
15
15
|
// Default to 'none' to allow full expansion
|
|
16
16
|
}) => {
|
|
17
|
-
const [g,
|
|
17
|
+
const [g, S] = P(!1), [f, h] = P(!0);
|
|
18
18
|
Z(() => {
|
|
19
|
-
if (
|
|
19
|
+
if (a)
|
|
20
20
|
if (g) {
|
|
21
21
|
const B = setTimeout(
|
|
22
22
|
() => h(!1),
|
|
@@ -25,8 +25,8 @@ const ae = 350, yo = ({
|
|
|
25
25
|
return () => clearTimeout(B);
|
|
26
26
|
} else
|
|
27
27
|
h(!0);
|
|
28
|
-
}, [g,
|
|
29
|
-
const b =
|
|
28
|
+
}, [g, a]);
|
|
29
|
+
const b = a && !f ? null : i;
|
|
30
30
|
return /* @__PURE__ */ n.jsxs(
|
|
31
31
|
_,
|
|
32
32
|
{
|
|
@@ -43,10 +43,10 @@ const ae = 350, yo = ({
|
|
|
43
43
|
marginBottom: l,
|
|
44
44
|
collapse: {
|
|
45
45
|
collapsed: g,
|
|
46
|
-
setCollapsed:
|
|
46
|
+
setCollapsed: S
|
|
47
47
|
},
|
|
48
48
|
endAdornment: b,
|
|
49
|
-
customStyles:
|
|
49
|
+
customStyles: s
|
|
50
50
|
}
|
|
51
51
|
),
|
|
52
52
|
/* @__PURE__ */ n.jsx(
|
|
@@ -66,22 +66,22 @@ const ae = 350, yo = ({
|
|
|
66
66
|
);
|
|
67
67
|
};
|
|
68
68
|
function ne(e, t, i) {
|
|
69
|
-
var l,
|
|
69
|
+
var l, s, d, a, m;
|
|
70
70
|
t == null && (t = 100);
|
|
71
71
|
function g() {
|
|
72
|
-
var f = Date.now() -
|
|
73
|
-
f < t && f >= 0 ? l = setTimeout(g, t - f) : (l = null, i || (m = e.apply(d,
|
|
72
|
+
var f = Date.now() - a;
|
|
73
|
+
f < t && f >= 0 ? l = setTimeout(g, t - f) : (l = null, i || (m = e.apply(d, s), d = s = null));
|
|
74
74
|
}
|
|
75
|
-
var
|
|
76
|
-
d = this,
|
|
75
|
+
var S = function() {
|
|
76
|
+
d = this, s = arguments, a = Date.now();
|
|
77
77
|
var f = i && !l;
|
|
78
|
-
return l || (l = setTimeout(g, t)), f && (m = e.apply(d,
|
|
78
|
+
return l || (l = setTimeout(g, t)), f && (m = e.apply(d, s), d = s = null), m;
|
|
79
79
|
};
|
|
80
|
-
return
|
|
80
|
+
return S.clear = function() {
|
|
81
81
|
l && (clearTimeout(l), l = null);
|
|
82
|
-
},
|
|
83
|
-
l && (m = e.apply(d,
|
|
84
|
-
},
|
|
82
|
+
}, S.flush = function() {
|
|
83
|
+
l && (m = e.apply(d, s), d = s = null, clearTimeout(l), l = null);
|
|
84
|
+
}, S;
|
|
85
85
|
}
|
|
86
86
|
ne.debounce = ne;
|
|
87
87
|
var Ie = ne;
|
|
@@ -92,24 +92,24 @@ function le({
|
|
|
92
92
|
triggerType: i = null,
|
|
93
93
|
debounceTime: l = 500
|
|
94
94
|
}) {
|
|
95
|
-
const
|
|
95
|
+
const s = ue(() => {
|
|
96
96
|
e.trigger(t);
|
|
97
97
|
}, [e, t]), d = Q(
|
|
98
|
-
() => ve(() =>
|
|
99
|
-
[
|
|
100
|
-
),
|
|
98
|
+
() => ve(() => s(), l),
|
|
99
|
+
[s, l]
|
|
100
|
+
), a = Q(
|
|
101
101
|
() => ["all", "onChange"].includes(i) ? d : null,
|
|
102
102
|
[d, i]
|
|
103
103
|
), m = Q(
|
|
104
|
-
() => ["all", "onBlur"].includes(i) ?
|
|
104
|
+
() => ["all", "onBlur"].includes(i) ? s : null,
|
|
105
105
|
[i]
|
|
106
106
|
);
|
|
107
107
|
return Q(
|
|
108
108
|
() => ({
|
|
109
|
-
onChangeTrigger:
|
|
109
|
+
onChangeTrigger: a,
|
|
110
110
|
onBlurTrigger: m
|
|
111
111
|
}),
|
|
112
|
-
[
|
|
112
|
+
[a, m]
|
|
113
113
|
);
|
|
114
114
|
}
|
|
115
115
|
const Co = ({
|
|
@@ -117,19 +117,19 @@ const Co = ({
|
|
|
117
117
|
name: t,
|
|
118
118
|
label: i,
|
|
119
119
|
options: l,
|
|
120
|
-
readonly:
|
|
120
|
+
readonly: s = !1,
|
|
121
121
|
disabled: d = !1,
|
|
122
|
-
optionsMap:
|
|
122
|
+
optionsMap: a,
|
|
123
123
|
width: m = "100%",
|
|
124
124
|
flex: g,
|
|
125
|
-
placeholder:
|
|
125
|
+
placeholder: S,
|
|
126
126
|
onSelect: f,
|
|
127
127
|
parser: h,
|
|
128
128
|
filter: b,
|
|
129
129
|
tooltipProps: B = {},
|
|
130
130
|
infoProps: j = {},
|
|
131
131
|
maxHeigthMenu: u,
|
|
132
|
-
isRequired:
|
|
132
|
+
isRequired: p = !1,
|
|
133
133
|
onRemoveSelected: R,
|
|
134
134
|
triggerFormField: k = null,
|
|
135
135
|
displayText: M,
|
|
@@ -153,7 +153,7 @@ const Co = ({
|
|
|
153
153
|
}, T = (w, v) => {
|
|
154
154
|
let E = w;
|
|
155
155
|
h && (E = h == null ? void 0 : h(w)), v(E), f == null || f(E), z == null || z();
|
|
156
|
-
}, x = Q(() => G(
|
|
156
|
+
}, x = Q(() => G(a) ? a : Object.fromEntries(l.map((w) => [w.value, w])), [l, a]);
|
|
157
157
|
return /* @__PURE__ */ n.jsx(_, { width: m, flex: g, children: /* @__PURE__ */ n.jsx(
|
|
158
158
|
re,
|
|
159
159
|
{
|
|
@@ -171,10 +171,10 @@ const Co = ({
|
|
|
171
171
|
width: "100%",
|
|
172
172
|
size: "Small",
|
|
173
173
|
disabled: d,
|
|
174
|
-
readonly:
|
|
174
|
+
readonly: s,
|
|
175
175
|
filter: b,
|
|
176
176
|
errorMessage: E == null ? void 0 : E.message,
|
|
177
|
-
placeholder:
|
|
177
|
+
placeholder: S,
|
|
178
178
|
value: y,
|
|
179
179
|
handleOption: (c) => {
|
|
180
180
|
T(c.value, w);
|
|
@@ -184,7 +184,7 @@ const Co = ({
|
|
|
184
184
|
maxHeigthMenu: u,
|
|
185
185
|
infoProps: A,
|
|
186
186
|
maxHeightMenu: u,
|
|
187
|
-
isRequired:
|
|
187
|
+
isRequired: p,
|
|
188
188
|
onRemoveSelected: R,
|
|
189
189
|
displayText: M,
|
|
190
190
|
...H
|
|
@@ -198,12 +198,12 @@ const Co = ({
|
|
|
198
198
|
name: t,
|
|
199
199
|
label: i,
|
|
200
200
|
readonly: l = !1,
|
|
201
|
-
disabled:
|
|
201
|
+
disabled: s = !1,
|
|
202
202
|
width: d = "100%",
|
|
203
|
-
height:
|
|
203
|
+
height: a = "100%",
|
|
204
204
|
flex: m,
|
|
205
205
|
placeholder: g,
|
|
206
|
-
charactersCounter:
|
|
206
|
+
charactersCounter: S = !0,
|
|
207
207
|
maxlength: f = 1e3,
|
|
208
208
|
resize: h = !0,
|
|
209
209
|
triggerFormField: b = null,
|
|
@@ -211,14 +211,14 @@ const Co = ({
|
|
|
211
211
|
maxHeight: j,
|
|
212
212
|
...u
|
|
213
213
|
}) => {
|
|
214
|
-
const { onChangeTrigger:
|
|
214
|
+
const { onChangeTrigger: p } = le({
|
|
215
215
|
form: e,
|
|
216
216
|
fieldName: t,
|
|
217
217
|
triggerType: b
|
|
218
218
|
}), R = (k, M) => {
|
|
219
|
-
M(k),
|
|
219
|
+
M(k), p == null || p();
|
|
220
220
|
};
|
|
221
|
-
return /* @__PURE__ */ n.jsx(_, { width: d, flex: m, height:
|
|
221
|
+
return /* @__PURE__ */ n.jsx(_, { width: d, flex: m, height: a, children: /* @__PURE__ */ n.jsx(
|
|
222
222
|
re,
|
|
223
223
|
{
|
|
224
224
|
name: t,
|
|
@@ -232,15 +232,15 @@ const Co = ({
|
|
|
232
232
|
label: i,
|
|
233
233
|
value: M || "",
|
|
234
234
|
width: "100%",
|
|
235
|
-
disabled:
|
|
235
|
+
disabled: s,
|
|
236
236
|
readonly: l,
|
|
237
|
-
height:
|
|
237
|
+
height: a,
|
|
238
238
|
minHeight: B,
|
|
239
239
|
maxHeight: j,
|
|
240
240
|
errorMessage: H == null ? void 0 : H.message,
|
|
241
241
|
placeholder: g,
|
|
242
242
|
onChange: (z) => R(z.target.value, k),
|
|
243
|
-
charactersCounter:
|
|
243
|
+
charactersCounter: S,
|
|
244
244
|
maxlength: f,
|
|
245
245
|
size: "Small",
|
|
246
246
|
resize: h,
|
|
@@ -256,12 +256,12 @@ const ko = ({
|
|
|
256
256
|
name: t,
|
|
257
257
|
id: i = t,
|
|
258
258
|
label: l,
|
|
259
|
-
readonly:
|
|
259
|
+
readonly: s = !1,
|
|
260
260
|
disabled: d = !1,
|
|
261
|
-
afterCheck:
|
|
261
|
+
afterCheck: a,
|
|
262
262
|
width: m = "100%",
|
|
263
263
|
formatter: g,
|
|
264
|
-
parser:
|
|
264
|
+
parser: S,
|
|
265
265
|
flex: f,
|
|
266
266
|
size: h = "Medium",
|
|
267
267
|
triggerFormField: b = null,
|
|
@@ -272,8 +272,8 @@ const ko = ({
|
|
|
272
272
|
fieldName: t,
|
|
273
273
|
triggerType: b,
|
|
274
274
|
debounceTime: 0
|
|
275
|
-
}), u = (
|
|
276
|
-
R(
|
|
275
|
+
}), u = (p, R) => {
|
|
276
|
+
R(p), a == null || a(p), j == null || j();
|
|
277
277
|
};
|
|
278
278
|
return /* @__PURE__ */ n.jsx(_, { width: m, flex: f, children: /* @__PURE__ */ n.jsx(
|
|
279
279
|
re,
|
|
@@ -281,7 +281,7 @@ const ko = ({
|
|
|
281
281
|
name: t,
|
|
282
282
|
control: e.control,
|
|
283
283
|
render: ({
|
|
284
|
-
field: { onChange:
|
|
284
|
+
field: { onChange: p, value: R },
|
|
285
285
|
fieldState: { error: k = null }
|
|
286
286
|
}) => {
|
|
287
287
|
const M = k == null ? void 0 : k.message;
|
|
@@ -292,11 +292,11 @@ const ko = ({
|
|
|
292
292
|
checked: (g == null ? void 0 : g(R)) ?? R,
|
|
293
293
|
name: t,
|
|
294
294
|
label: l,
|
|
295
|
-
disabled: d ||
|
|
295
|
+
disabled: d || s,
|
|
296
296
|
onChange: (H) => {
|
|
297
297
|
u(
|
|
298
|
-
(
|
|
299
|
-
|
|
298
|
+
(S == null ? void 0 : S(H.target.checked, R)) ?? H.target.checked,
|
|
299
|
+
p
|
|
300
300
|
);
|
|
301
301
|
},
|
|
302
302
|
size: h,
|
|
@@ -428,36 +428,36 @@ const ko = ({
|
|
|
428
428
|
margin: 0;
|
|
429
429
|
display: flex;
|
|
430
430
|
align-self: center;
|
|
431
|
-
`, Oe = (e, t, i = 0, l = 0,
|
|
432
|
-
const [d,
|
|
433
|
-
if (!e.current || !
|
|
434
|
-
const h = e.current.getBoundingClientRect(), b =
|
|
431
|
+
`, Oe = (e, t, i = 0, l = 0, s = "left") => {
|
|
432
|
+
const [d, a] = P(0), [m, g] = P(), S = U(null), f = ue(() => {
|
|
433
|
+
if (!e.current || !S.current) return;
|
|
434
|
+
const h = e.current.getBoundingClientRect(), b = S.current.getBoundingClientRect(), B = window.innerHeight, j = window.innerWidth, u = h.top, p = B - h.bottom, R = p < b.height + l && u > p;
|
|
435
435
|
let k;
|
|
436
|
-
R ? (k = h.top - b.height - i,
|
|
436
|
+
R ? (k = h.top - b.height - i, S.current.style.maxHeight = `${u - i}px`) : (k = h.bottom + l, S.current.style.maxHeight = `${p - l}px`);
|
|
437
437
|
let M = h.left;
|
|
438
438
|
const H = M + b.width - j;
|
|
439
439
|
H > 0 && (M -= H), M < 0 && (M = 0);
|
|
440
440
|
const z = j - h.right;
|
|
441
|
-
Object.assign(
|
|
441
|
+
Object.assign(S.current.style, {
|
|
442
442
|
position: "fixed",
|
|
443
443
|
top: `${k}px`,
|
|
444
|
-
...
|
|
444
|
+
...s === "left" ? { left: `${M}px` } : { right: `${z}px` },
|
|
445
445
|
width: `${Math.max(h.width, b.width)}px`,
|
|
446
446
|
overflowY: "auto"
|
|
447
447
|
});
|
|
448
|
-
}, [i, l,
|
|
448
|
+
}, [i, l, s]);
|
|
449
449
|
return Z(() => {
|
|
450
450
|
var b;
|
|
451
|
-
|
|
451
|
+
a(0), g((b = e.current) == null ? void 0 : b.clientWidth), f();
|
|
452
452
|
const h = () => f();
|
|
453
453
|
return window.addEventListener("scroll", h, !0), window.addEventListener("resize", h), () => {
|
|
454
454
|
window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", h);
|
|
455
455
|
};
|
|
456
456
|
}, [e, f]), {
|
|
457
457
|
highlightedIndex: d,
|
|
458
|
-
setHighlightedIndex:
|
|
458
|
+
setHighlightedIndex: a,
|
|
459
459
|
isOptionSelected: (h) => h.label === (t == null ? void 0 : t.label),
|
|
460
|
-
optionsRef:
|
|
460
|
+
optionsRef: S,
|
|
461
461
|
parentWidth: m
|
|
462
462
|
};
|
|
463
463
|
}, ie = ge(
|
|
@@ -466,19 +466,19 @@ const ko = ({
|
|
|
466
466
|
optionsSelect: t,
|
|
467
467
|
size: i,
|
|
468
468
|
selectOption: l,
|
|
469
|
-
value:
|
|
469
|
+
value: s,
|
|
470
470
|
inputValue: d,
|
|
471
|
-
widthMenu:
|
|
471
|
+
widthMenu: a,
|
|
472
472
|
maxHeightMenu: m = "180px",
|
|
473
473
|
menuIsOpen: g,
|
|
474
|
-
onEnter:
|
|
474
|
+
onEnter: S,
|
|
475
475
|
marginTop: f = "4px",
|
|
476
476
|
iconName: h,
|
|
477
477
|
iconColor: b,
|
|
478
478
|
iconPosition: B,
|
|
479
479
|
topOffset: j = 0,
|
|
480
480
|
bottomOffset: u = 0,
|
|
481
|
-
truncateText:
|
|
481
|
+
truncateText: p = !0,
|
|
482
482
|
menuJustifyContent: R = "flex-start",
|
|
483
483
|
tableActionButton: k,
|
|
484
484
|
menuLateralPadding: M = "8px",
|
|
@@ -495,7 +495,7 @@ const ko = ({
|
|
|
495
495
|
parentWidth: E
|
|
496
496
|
} = Oe(
|
|
497
497
|
e,
|
|
498
|
-
|
|
498
|
+
s,
|
|
499
499
|
j,
|
|
500
500
|
u,
|
|
501
501
|
J
|
|
@@ -514,7 +514,7 @@ const ko = ({
|
|
|
514
514
|
else if ($.key === "Enter" && t[T]) {
|
|
515
515
|
$.preventDefault();
|
|
516
516
|
const N = t[T];
|
|
517
|
-
l(N),
|
|
517
|
+
l(N), S && S(N);
|
|
518
518
|
}
|
|
519
519
|
}
|
|
520
520
|
};
|
|
@@ -523,7 +523,7 @@ const ko = ({
|
|
|
523
523
|
g,
|
|
524
524
|
t,
|
|
525
525
|
T,
|
|
526
|
-
|
|
526
|
+
S,
|
|
527
527
|
l,
|
|
528
528
|
z
|
|
529
529
|
]);
|
|
@@ -550,7 +550,7 @@ const ko = ({
|
|
|
550
550
|
Me,
|
|
551
551
|
{
|
|
552
552
|
marginTop: f,
|
|
553
|
-
width:
|
|
553
|
+
width: a ?? `${E}px`,
|
|
554
554
|
maxHeight: m,
|
|
555
555
|
height: "fit-content",
|
|
556
556
|
ref: (r) => {
|
|
@@ -609,13 +609,13 @@ const ko = ({
|
|
|
609
609
|
hasDescription: !!r.description,
|
|
610
610
|
optionValue: r.value,
|
|
611
611
|
disabled: r.disabled,
|
|
612
|
-
truncateText:
|
|
612
|
+
truncateText: p,
|
|
613
613
|
tableActionButton: k,
|
|
614
614
|
children: [
|
|
615
615
|
/* @__PURE__ */ n.jsxs(
|
|
616
616
|
Ae,
|
|
617
617
|
{
|
|
618
|
-
truncateText: !se(r.label) &&
|
|
618
|
+
truncateText: !se(r.label) && p,
|
|
619
619
|
children: [
|
|
620
620
|
N,
|
|
621
621
|
se(r.label) ? /* @__PURE__ */ n.jsx(
|
|
@@ -664,17 +664,17 @@ const De = ({
|
|
|
664
664
|
iconName: t,
|
|
665
665
|
onClickIcon: i,
|
|
666
666
|
width: l,
|
|
667
|
-
height:
|
|
667
|
+
height: s,
|
|
668
668
|
flex: d,
|
|
669
|
-
children:
|
|
669
|
+
children: a,
|
|
670
670
|
wrapperCustomStyles: m = {},
|
|
671
671
|
contentCustomStyles: g = {},
|
|
672
|
-
titleCustomStyles:
|
|
672
|
+
titleCustomStyles: S = {}
|
|
673
673
|
}) => /* @__PURE__ */ n.jsxs(
|
|
674
674
|
_,
|
|
675
675
|
{
|
|
676
676
|
width: l,
|
|
677
|
-
height:
|
|
677
|
+
height: s,
|
|
678
678
|
flex: d,
|
|
679
679
|
direction: "vertical",
|
|
680
680
|
padding: o.spacings.spacingStack.spacingStackSm,
|
|
@@ -692,7 +692,7 @@ const De = ({
|
|
|
692
692
|
direction: "horizontal",
|
|
693
693
|
customStyles: g,
|
|
694
694
|
children: [
|
|
695
|
-
e ? /* @__PURE__ */ n.jsx(_, { width: "fit-content", customStyles:
|
|
695
|
+
e ? /* @__PURE__ */ n.jsx(_, { width: "fit-content", customStyles: S, children: /* @__PURE__ */ n.jsx(ce, { title: e, divider: !1 }) }) : null,
|
|
696
696
|
t ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
|
|
697
697
|
/* @__PURE__ */ n.jsx(ke, { size: "auto", direction: "horizontal" }),
|
|
698
698
|
/* @__PURE__ */ n.jsx(
|
|
@@ -708,7 +708,7 @@ const De = ({
|
|
|
708
708
|
]
|
|
709
709
|
}
|
|
710
710
|
),
|
|
711
|
-
/* @__PURE__ */ n.jsx(_, { width: "100%", flex: "1", children:
|
|
711
|
+
/* @__PURE__ */ n.jsx(_, { width: "100%", flex: "1", children: a })
|
|
712
712
|
]
|
|
713
713
|
}
|
|
714
714
|
);
|
|
@@ -737,7 +737,7 @@ const Xe = C.div`
|
|
|
737
737
|
${({ variant: e }) => e === "default" && F`
|
|
738
738
|
border: ${o.borders.borderWidth.borderWidthThinner} solid;
|
|
739
739
|
border-radius: ${o.borders.borderRadius.borderRadiusSm};
|
|
740
|
-
border-color: ${({ isOpen: t, hasError: i, readonly: l, disabled:
|
|
740
|
+
border-color: ${({ isOpen: t, hasError: i, readonly: l, disabled: s }) => i ? o.colors.feedbackColors.colorFeedbackError : l || s ? o.colors.neutralColors.colorNeutralClean : t ? o.colors.neutralColors.colorNeutralCloudy : o.colors.neutralColors.colorNeutralClean};
|
|
741
741
|
`}
|
|
742
742
|
|
|
743
743
|
background-color: ${({ variant: e }) => e === "default" ? o.colors.backgroundColors.colorBackgroundSnow : "transparent"};
|
|
@@ -873,19 +873,19 @@ const Ve = C.p`
|
|
|
873
873
|
margin-top: ${o.spacings.spacingInline.spacingInlineNano};
|
|
874
874
|
width: 100%;
|
|
875
875
|
`, Ze = (e, { value: t, options: i }) => {
|
|
876
|
-
const [l,
|
|
876
|
+
const [l, s] = P(!1), [d, a] = P(!1), [m, g] = P(""), [S, f] = P(i), h = U(null), b = U(null), B = U(null), j = U(null);
|
|
877
877
|
Z(() => {
|
|
878
878
|
const k = () => {
|
|
879
|
-
|
|
879
|
+
a(!1);
|
|
880
880
|
};
|
|
881
881
|
return window.addEventListener("scroll", k, { passive: !0 }), window.addEventListener("resize", k, { passive: !0 }), () => {
|
|
882
882
|
window.removeEventListener("scroll", k), window.removeEventListener("resize", k);
|
|
883
883
|
};
|
|
884
884
|
}, []);
|
|
885
885
|
function u(k) {
|
|
886
|
-
g(""),
|
|
886
|
+
g(""), a(!1), s(!0), B != null && B.current && B.current.focus(), k !== t && e(k);
|
|
887
887
|
}
|
|
888
|
-
const
|
|
888
|
+
const p = (k) => {
|
|
889
889
|
if (k) {
|
|
890
890
|
const M = new RegExp(k, "i"), H = i.filter(
|
|
891
891
|
(z) => M.exec(z.label)
|
|
@@ -899,19 +899,19 @@ const Ve = C.p`
|
|
|
899
899
|
}
|
|
900
900
|
return {
|
|
901
901
|
isOpen: l,
|
|
902
|
-
setIsOpen:
|
|
902
|
+
setIsOpen: s,
|
|
903
903
|
expanded: d,
|
|
904
|
-
setExpanded:
|
|
904
|
+
setExpanded: a,
|
|
905
905
|
inputValue: m,
|
|
906
906
|
setInputValue: g,
|
|
907
|
-
optionsSelect:
|
|
907
|
+
optionsSelect: S,
|
|
908
908
|
setOptionSelect: f,
|
|
909
909
|
selectContainerRef: h,
|
|
910
910
|
containerRef: b,
|
|
911
911
|
inputContainerRef: B,
|
|
912
912
|
optionsRef: j,
|
|
913
913
|
selectOption: u,
|
|
914
|
-
handlerFilterOptions:
|
|
914
|
+
handlerFilterOptions: p,
|
|
915
915
|
isValue: R
|
|
916
916
|
};
|
|
917
917
|
}, me = ge(
|
|
@@ -920,19 +920,19 @@ const Ve = C.p`
|
|
|
920
920
|
handleOption: t,
|
|
921
921
|
options: i,
|
|
922
922
|
filter: l = !0,
|
|
923
|
-
placeholder:
|
|
923
|
+
placeholder: s,
|
|
924
924
|
label: d,
|
|
925
|
-
size:
|
|
925
|
+
size: a = "Medium",
|
|
926
926
|
width: m = "100%",
|
|
927
927
|
disabled: g,
|
|
928
|
-
helpText:
|
|
928
|
+
helpText: S,
|
|
929
929
|
readonly: f,
|
|
930
930
|
errorMessage: h,
|
|
931
931
|
tooltipProps: b = {},
|
|
932
932
|
onBlur: B,
|
|
933
933
|
onEnter: j,
|
|
934
934
|
variant: u = "default",
|
|
935
|
-
infoProps:
|
|
935
|
+
infoProps: p = {},
|
|
936
936
|
maxHeightMenu: R,
|
|
937
937
|
isRequired: k = !1,
|
|
938
938
|
onRemoveSelected: M,
|
|
@@ -961,23 +961,23 @@ const Ve = C.p`
|
|
|
961
961
|
isActive: I,
|
|
962
962
|
isErrorTooltip: !0
|
|
963
963
|
}, O = {
|
|
964
|
-
...
|
|
965
|
-
size:
|
|
964
|
+
...p,
|
|
965
|
+
size: a
|
|
966
966
|
}, K = /* @__PURE__ */ n.jsx(
|
|
967
967
|
V,
|
|
968
968
|
{
|
|
969
|
-
iconName: `Close${
|
|
969
|
+
iconName: `Close${a === "Small" ? "Sm" : "Ant"}`,
|
|
970
970
|
onClick: (Y) => {
|
|
971
971
|
Y.stopPropagation(), M(e);
|
|
972
972
|
}
|
|
973
973
|
}
|
|
974
|
-
), te = /* @__PURE__ */ n.jsx(V, { iconName: `ExpandLess${
|
|
974
|
+
), te = /* @__PURE__ */ n.jsx(V, { iconName: `ExpandLess${a === "Small" ? "Sm" : "Ant"}` }), be = /* @__PURE__ */ n.jsx(V, { iconName: `ExpandMore${a === "Small" ? "Sm" : "Ant"}` });
|
|
975
975
|
return /* @__PURE__ */ n.jsxs(
|
|
976
976
|
Xe,
|
|
977
977
|
{
|
|
978
978
|
ref: c,
|
|
979
979
|
width: m,
|
|
980
|
-
size:
|
|
980
|
+
size: a,
|
|
981
981
|
disabled: g,
|
|
982
982
|
readonly: f,
|
|
983
983
|
children: [
|
|
@@ -1004,16 +1004,16 @@ const Ve = C.p`
|
|
|
1004
1004
|
},
|
|
1005
1005
|
tabIndex: 0,
|
|
1006
1006
|
width: m,
|
|
1007
|
-
size:
|
|
1007
|
+
size: a,
|
|
1008
1008
|
isOpen: A || x,
|
|
1009
1009
|
"data-testid": "select",
|
|
1010
1010
|
disabled: g,
|
|
1011
|
-
helpText:
|
|
1011
|
+
helpText: S,
|
|
1012
1012
|
variant: u,
|
|
1013
1013
|
children: [
|
|
1014
1014
|
/* @__PURE__ */ n.jsxs(Ue, { children: [
|
|
1015
|
-
G(H) ? /* @__PURE__ */ n.jsx(de, { size:
|
|
1016
|
-
|
|
1015
|
+
G(H) ? /* @__PURE__ */ n.jsx(de, { size: a, variant: u, isDisplayText: !0, children: /* @__PURE__ */ n.jsx("p", { title: e == null ? void 0 : e.label, ...z, children: H }) }) : /* @__PURE__ */ n.jsxs(de, { size: a, variant: u, children: [
|
|
1016
|
+
s && L(e) && !v && !A ? /* @__PURE__ */ n.jsx(Ge, { size: a, variant: u, children: s }) : null,
|
|
1017
1017
|
(e == null ? void 0 : e.label) && /* @__PURE__ */ n.jsx("p", { title: (e == null ? void 0 : e.hint) ?? (e == null ? void 0 : e.label), children: e == null ? void 0 : e.label })
|
|
1018
1018
|
] }),
|
|
1019
1019
|
l && !G(H) && /* @__PURE__ */ n.jsx(
|
|
@@ -1026,7 +1026,7 @@ const Ve = C.p`
|
|
|
1026
1026
|
},
|
|
1027
1027
|
readOnly: f,
|
|
1028
1028
|
width: v.length,
|
|
1029
|
-
size:
|
|
1029
|
+
size: a,
|
|
1030
1030
|
disabled: g,
|
|
1031
1031
|
variant: u
|
|
1032
1032
|
}
|
|
@@ -1045,7 +1045,7 @@ const Ve = C.p`
|
|
|
1045
1045
|
value: e,
|
|
1046
1046
|
optionsSelect: y,
|
|
1047
1047
|
selectOption: N,
|
|
1048
|
-
size:
|
|
1048
|
+
size: a,
|
|
1049
1049
|
inputValue: v,
|
|
1050
1050
|
maxHeightMenu: R
|
|
1051
1051
|
}
|
|
@@ -1053,14 +1053,14 @@ const Ve = C.p`
|
|
|
1053
1053
|
]
|
|
1054
1054
|
}
|
|
1055
1055
|
) }),
|
|
1056
|
-
|
|
1056
|
+
S && /* @__PURE__ */ n.jsx(Ve, { size: a, children: S })
|
|
1057
1057
|
]
|
|
1058
1058
|
}
|
|
1059
1059
|
);
|
|
1060
1060
|
}
|
|
1061
1061
|
);
|
|
1062
1062
|
me.displayName = "Select";
|
|
1063
|
-
const
|
|
1063
|
+
const Se = Be`
|
|
1064
1064
|
from {
|
|
1065
1065
|
transform: rotate(0deg);
|
|
1066
1066
|
}
|
|
@@ -1143,7 +1143,7 @@ const pe = Be`
|
|
|
1143
1143
|
height: ${({ size: e }) => e === "Small" ? o.icons.iconSizeSm : o.icons.iconSizeAnt};
|
|
1144
1144
|
|
|
1145
1145
|
${({ isLoading: e }) => e && F`
|
|
1146
|
-
animation: ${
|
|
1146
|
+
animation: ${Se} 2s linear infinite;
|
|
1147
1147
|
`}
|
|
1148
1148
|
|
|
1149
1149
|
path {
|
|
@@ -1183,7 +1183,7 @@ const to = C.div`
|
|
|
1183
1183
|
min-width: ${({ size: e }) => e === "Small" ? o.icons.iconSizeSm : o.icons.iconSizeAnt};
|
|
1184
1184
|
height: ${({ size: e }) => e === "Small" ? o.icons.iconSizeSm : o.icons.iconSizeAnt};
|
|
1185
1185
|
|
|
1186
|
-
animation: ${
|
|
1186
|
+
animation: ${Se} 2s linear infinite;
|
|
1187
1187
|
|
|
1188
1188
|
path {
|
|
1189
1189
|
fill: ${({ variant: e, disabled: t }) => t ? o.colors.neutralColors.colorNeutralCloudy : e === "primary" ? o.colors.backgroundColors.colorBackgroundSnow : o.colors.neutralColors.colorNeutralDark};
|
|
@@ -1194,13 +1194,13 @@ const to = C.div`
|
|
|
1194
1194
|
cursor: not-allowed;
|
|
1195
1195
|
}
|
|
1196
1196
|
`, no = (e) => {
|
|
1197
|
-
const [t, i] = P(!1), [l,
|
|
1197
|
+
const [t, i] = P(!1), [l, s] = P(e), d = U(null);
|
|
1198
1198
|
return Z(() => {
|
|
1199
|
-
|
|
1199
|
+
s(e);
|
|
1200
1200
|
}, [e]), {
|
|
1201
1201
|
setIsOpen: i,
|
|
1202
1202
|
isOpen: t,
|
|
1203
|
-
setOptionsSelect:
|
|
1203
|
+
setOptionsSelect: s,
|
|
1204
1204
|
optionsSelect: l,
|
|
1205
1205
|
selectContainerRef: d
|
|
1206
1206
|
};
|
|
@@ -1209,20 +1209,20 @@ const to = C.div`
|
|
|
1209
1209
|
variant: t = "primary",
|
|
1210
1210
|
width: i = "100%",
|
|
1211
1211
|
size: l = "Medium",
|
|
1212
|
-
disabled:
|
|
1212
|
+
disabled: s = !1,
|
|
1213
1213
|
isLoading: d = !1,
|
|
1214
|
-
onClick:
|
|
1214
|
+
onClick: a,
|
|
1215
1215
|
options: m,
|
|
1216
1216
|
label: g,
|
|
1217
|
-
menuSelectProps:
|
|
1217
|
+
menuSelectProps: S = {},
|
|
1218
1218
|
iconName: f,
|
|
1219
1219
|
optionsIconPosition: h
|
|
1220
1220
|
}) => {
|
|
1221
1221
|
const { isOpen: b, setIsOpen: B, selectContainerRef: j, optionsSelect: u } = no(m);
|
|
1222
|
-
let
|
|
1223
|
-
|
|
1222
|
+
let p = o.colors.backgroundColors.colorBackgroundSnow;
|
|
1223
|
+
s ? p = o.colors.neutralColors.colorNeutralCloudy : t !== "primary" && (p = o.colors.neutralColors.colorNeutralDark);
|
|
1224
1224
|
const R = {
|
|
1225
|
-
...
|
|
1225
|
+
...S
|
|
1226
1226
|
};
|
|
1227
1227
|
return /* @__PURE__ */ n.jsxs(
|
|
1228
1228
|
eo,
|
|
@@ -1230,7 +1230,7 @@ const to = C.div`
|
|
|
1230
1230
|
ref: j,
|
|
1231
1231
|
width: i,
|
|
1232
1232
|
size: l,
|
|
1233
|
-
disabled:
|
|
1233
|
+
disabled: s,
|
|
1234
1234
|
onBlur: () => setTimeout(() => B(!1), ro),
|
|
1235
1235
|
children: [
|
|
1236
1236
|
g && /* @__PURE__ */ n.jsx(oo, { children: g }),
|
|
@@ -1239,17 +1239,17 @@ const to = C.div`
|
|
|
1239
1239
|
{
|
|
1240
1240
|
type: "button",
|
|
1241
1241
|
size: l,
|
|
1242
|
-
disabled:
|
|
1242
|
+
disabled: s,
|
|
1243
1243
|
variant: t,
|
|
1244
1244
|
isLoading: d,
|
|
1245
1245
|
onClick: () => !d && B(!b),
|
|
1246
1246
|
id: `button-component-${e}`,
|
|
1247
1247
|
children: [
|
|
1248
|
-
d && /* @__PURE__ */ n.jsx(to, { size: l, disabled:
|
|
1248
|
+
d && /* @__PURE__ */ n.jsx(to, { size: l, disabled: s, variant: t, children: /* @__PURE__ */ n.jsx(
|
|
1249
1249
|
V,
|
|
1250
1250
|
{
|
|
1251
1251
|
iconName: `ProgressActivity${l === "Small" ? "Ant" : "Sm"}`,
|
|
1252
|
-
color:
|
|
1252
|
+
color: p,
|
|
1253
1253
|
"data-testid": "icon-loading"
|
|
1254
1254
|
}
|
|
1255
1255
|
) }),
|
|
@@ -1258,14 +1258,14 @@ const to = C.div`
|
|
|
1258
1258
|
V,
|
|
1259
1259
|
{
|
|
1260
1260
|
iconName: `ExpandLess${l === "Small" ? "Ant" : "Sm"}`,
|
|
1261
|
-
color:
|
|
1261
|
+
color: p,
|
|
1262
1262
|
"data-testid": "icon-button-less"
|
|
1263
1263
|
}
|
|
1264
1264
|
) : /* @__PURE__ */ n.jsx(
|
|
1265
1265
|
V,
|
|
1266
1266
|
{
|
|
1267
1267
|
iconName: `ExpandMore${l === "Small" ? "Ant" : "Sm"}`,
|
|
1268
|
-
color:
|
|
1268
|
+
color: p,
|
|
1269
1269
|
"data-testid": "icon-button-more"
|
|
1270
1270
|
}
|
|
1271
1271
|
))
|
|
@@ -1278,7 +1278,7 @@ const to = C.div`
|
|
|
1278
1278
|
selectContainerRef: j,
|
|
1279
1279
|
value: null,
|
|
1280
1280
|
optionsSelect: u,
|
|
1281
|
-
selectOption:
|
|
1281
|
+
selectOption: a,
|
|
1282
1282
|
size: l,
|
|
1283
1283
|
inputValue: null,
|
|
1284
1284
|
iconPosition: h,
|
|
@@ -1340,26 +1340,28 @@ const to = C.div`
|
|
|
1340
1340
|
height: t = "fit-content",
|
|
1341
1341
|
flex: i,
|
|
1342
1342
|
backgroundColor: l = "white",
|
|
1343
|
-
options:
|
|
1343
|
+
options: s = [],
|
|
1344
1344
|
heightItems: d = "60px",
|
|
1345
|
-
widthItems:
|
|
1345
|
+
widthItems: a = "155px",
|
|
1346
1346
|
emptyProps: m = {
|
|
1347
1347
|
title: "Nenhum dado a ser mostrado",
|
|
1348
1348
|
body: null
|
|
1349
1349
|
},
|
|
1350
1350
|
customWrapperStyles: g = {},
|
|
1351
|
-
customItemStyles:
|
|
1351
|
+
customItemStyles: S = {}
|
|
1352
1352
|
}) => {
|
|
1353
1353
|
var j;
|
|
1354
|
-
const [f, h] = P(
|
|
1354
|
+
const [f, h] = P(s[0] || null), b = U(null), B = U(null);
|
|
1355
1355
|
return Z(() => {
|
|
1356
|
-
const u = b.current,
|
|
1357
|
-
u &&
|
|
1356
|
+
const u = b.current, p = B.current, R = () => {
|
|
1357
|
+
u && p && (p.scrollTop = u.scrollTop);
|
|
1358
1358
|
};
|
|
1359
1359
|
return u == null || u.addEventListener("scroll", R), () => {
|
|
1360
1360
|
u == null || u.removeEventListener("scroll", R);
|
|
1361
1361
|
};
|
|
1362
|
-
}, []), (
|
|
1362
|
+
}, []), Z(() => {
|
|
1363
|
+
h(s[(s == null ? void 0 : s.length) - 1] || null);
|
|
1364
|
+
}, [s == null ? void 0 : s.length]), (s == null ? void 0 : s.length) === 0 ? /* @__PURE__ */ n.jsx(
|
|
1363
1365
|
he,
|
|
1364
1366
|
{
|
|
1365
1367
|
title: m.title,
|
|
@@ -1381,19 +1383,19 @@ const to = C.div`
|
|
|
1381
1383
|
...g
|
|
1382
1384
|
},
|
|
1383
1385
|
children: [
|
|
1384
|
-
/* @__PURE__ */ n.jsx(lo, { ref: b, widthItems:
|
|
1386
|
+
/* @__PURE__ */ n.jsx(lo, { ref: b, widthItems: a, children: s == null ? void 0 : s.map((u, p) => /* @__PURE__ */ n.jsx(
|
|
1385
1387
|
io,
|
|
1386
1388
|
{
|
|
1387
1389
|
selected: (f == null ? void 0 : f.key) === u.key,
|
|
1388
1390
|
onClick: () => h(u),
|
|
1389
1391
|
withBorderRight: !1,
|
|
1390
1392
|
heightItems: d,
|
|
1391
|
-
customStyles:
|
|
1393
|
+
customStyles: S,
|
|
1392
1394
|
children: u.item
|
|
1393
1395
|
},
|
|
1394
|
-
|
|
1396
|
+
p
|
|
1395
1397
|
)) }),
|
|
1396
|
-
/* @__PURE__ */ n.jsx(co, { ref: B, children: (j =
|
|
1398
|
+
/* @__PURE__ */ n.jsx(co, { ref: B, children: (j = s == null ? void 0 : s.concat({ key: "last", item: /* @__PURE__ */ n.jsx(n.Fragment, {}), contentItem: /* @__PURE__ */ n.jsx(n.Fragment, {}) })) == null ? void 0 : j.map((u, p) => /* @__PURE__ */ n.jsx(
|
|
1397
1399
|
so,
|
|
1398
1400
|
{
|
|
1399
1401
|
selected: (f == null ? void 0 : f.key) === u.key,
|
|
@@ -1401,13 +1403,13 @@ const to = C.div`
|
|
|
1401
1403
|
withBorderRight: !0,
|
|
1402
1404
|
heightItems: d
|
|
1403
1405
|
},
|
|
1404
|
-
|
|
1406
|
+
p
|
|
1405
1407
|
)) }),
|
|
1406
1408
|
/* @__PURE__ */ n.jsx(ao, { children: f && (f == null ? void 0 : f.contentItem) })
|
|
1407
1409
|
]
|
|
1408
1410
|
}
|
|
1409
1411
|
);
|
|
1410
|
-
},
|
|
1412
|
+
}, pe = F`
|
|
1411
1413
|
svg:not([color]):not([data-testid='icon']) {
|
|
1412
1414
|
path {
|
|
1413
1415
|
fill: ${o.colors.neutralColors.colorNeutralDarkest};
|
|
@@ -1491,7 +1493,7 @@ const to = C.div`
|
|
|
1491
1493
|
/* Target direct SVGs without color (sbwb-icons), but exclude sbwb-ds Icons ([data-testid='icon'])
|
|
1492
1494
|
* This is because sbwb-ds Icons have a color prop on the wrapper, not the SVG
|
|
1493
1495
|
*/
|
|
1494
|
-
${
|
|
1496
|
+
${pe}
|
|
1495
1497
|
}
|
|
1496
1498
|
`}
|
|
1497
1499
|
`, $e = ({ width: e }) => {
|
|
@@ -1570,13 +1572,13 @@ const to = C.div`
|
|
|
1570
1572
|
border-right: none;
|
|
1571
1573
|
}
|
|
1572
1574
|
|
|
1573
|
-
${
|
|
1575
|
+
${pe}
|
|
1574
1576
|
|
|
1575
1577
|
&:hover {
|
|
1576
1578
|
cursor: ${(e) => e.isClickable ? "pointer" : "default"};
|
|
1577
1579
|
}
|
|
1578
1580
|
`;
|
|
1579
|
-
function
|
|
1581
|
+
function So(e) {
|
|
1580
1582
|
return (t) => typeof e == "string" ? t[e] : typeof e == "function" ? e(t) : (console.warn("Please, setup a rowKey for table."), JSON.stringify(t));
|
|
1581
1583
|
}
|
|
1582
1584
|
function jo({
|
|
@@ -1584,12 +1586,12 @@ function jo({
|
|
|
1584
1586
|
rowKey: t = "id",
|
|
1585
1587
|
size: i = "Small",
|
|
1586
1588
|
onRowClick: l,
|
|
1587
|
-
fit:
|
|
1589
|
+
fit: s = !1,
|
|
1588
1590
|
maxHeight: d = "40rem",
|
|
1589
|
-
columns:
|
|
1591
|
+
columns: a,
|
|
1590
1592
|
dataSource: m,
|
|
1591
1593
|
columnsTextSize: g = i,
|
|
1592
|
-
emptyProps:
|
|
1594
|
+
emptyProps: S = {
|
|
1593
1595
|
width: "100%",
|
|
1594
1596
|
height: "100%",
|
|
1595
1597
|
title: "Nenhum dado a ser mostrado.",
|
|
@@ -1604,10 +1606,10 @@ function jo({
|
|
|
1604
1606
|
striped: j = !1,
|
|
1605
1607
|
borderRadius: u = o.borders.borderRadius.borderRadiusSm
|
|
1606
1608
|
}) {
|
|
1607
|
-
const
|
|
1609
|
+
const p = Q(() => So(t), [t]), [R, k] = P(null), M = U(null), H = U(null), [z, J] = P(a);
|
|
1608
1610
|
Ne(() => {
|
|
1609
|
-
if (!H.current ||
|
|
1610
|
-
J(
|
|
1611
|
+
if (!H.current || a.length === 0) {
|
|
1612
|
+
J(a);
|
|
1611
1613
|
return;
|
|
1612
1614
|
}
|
|
1613
1615
|
const x = () => {
|
|
@@ -1616,16 +1618,16 @@ function jo({
|
|
|
1616
1618
|
if (v === 0) return;
|
|
1617
1619
|
let E = 0, y = 0;
|
|
1618
1620
|
const c = [], r = [];
|
|
1619
|
-
|
|
1621
|
+
a.forEach((L) => {
|
|
1620
1622
|
const I = Number(L.flex);
|
|
1621
1623
|
L.width ? E += parseInt(L.width, 10) || 0 : L.flex && I > 0 ? (y += I, c.push(L)) : r.push(L);
|
|
1622
1624
|
});
|
|
1623
1625
|
const $ = v - E, N = "80";
|
|
1624
|
-
let W = [...
|
|
1626
|
+
let W = [...a];
|
|
1625
1627
|
if ($ > 0) {
|
|
1626
1628
|
if (c.length > 0) {
|
|
1627
1629
|
const L = $ / y;
|
|
1628
|
-
W =
|
|
1630
|
+
W = a.map((I) => {
|
|
1629
1631
|
const X = Number(I.flex);
|
|
1630
1632
|
if (X && X > 0) {
|
|
1631
1633
|
const O = parseInt(I.minWidth || N, 10), K = X * L, te = Math.max(K, O);
|
|
@@ -1638,7 +1640,7 @@ function jo({
|
|
|
1638
1640
|
});
|
|
1639
1641
|
} else if (r.length > 0) {
|
|
1640
1642
|
const L = $ / r.length;
|
|
1641
|
-
W =
|
|
1643
|
+
W = a.map((I) => {
|
|
1642
1644
|
const X = Number(I.flex);
|
|
1643
1645
|
if (!I.width && !X) {
|
|
1644
1646
|
const O = parseInt(I.minWidth || N, 10), K = Math.max(L, O);
|
|
@@ -1648,13 +1650,13 @@ function jo({
|
|
|
1648
1650
|
});
|
|
1649
1651
|
}
|
|
1650
1652
|
} else
|
|
1651
|
-
W =
|
|
1653
|
+
W = a.map((L) => L.width ? L : { ...L, width: L.minWidth || `${N}px` });
|
|
1652
1654
|
J(W);
|
|
1653
1655
|
};
|
|
1654
1656
|
x();
|
|
1655
1657
|
const w = new ResizeObserver(x);
|
|
1656
1658
|
return w.observe(H.current), () => w.disconnect();
|
|
1657
|
-
}, [
|
|
1659
|
+
}, [a]), Z(() => {
|
|
1658
1660
|
const x = (w) => {
|
|
1659
1661
|
M.current && !M.current.contains(w.target) && k(null);
|
|
1660
1662
|
};
|
|
@@ -1795,7 +1797,7 @@ function jo({
|
|
|
1795
1797
|
backgroundColor: o.colors.backgroundColors.colorBackgroundSnow,
|
|
1796
1798
|
borders: !0,
|
|
1797
1799
|
mode: "table",
|
|
1798
|
-
...
|
|
1800
|
+
...S
|
|
1799
1801
|
}
|
|
1800
1802
|
) : /* @__PURE__ */ n.jsx(
|
|
1801
1803
|
fo,
|
|
@@ -1807,12 +1809,12 @@ function jo({
|
|
|
1807
1809
|
children: /* @__PURE__ */ n.jsxs(ho, { id: e, ref: M, children: [
|
|
1808
1810
|
/* @__PURE__ */ n.jsx("thead", { children: T }),
|
|
1809
1811
|
/* @__PURE__ */ n.jsx("tbody", { style: { width: "100%" }, children: m == null ? void 0 : m.map((x, w, v) => {
|
|
1810
|
-
const E =
|
|
1812
|
+
const E = p(x);
|
|
1811
1813
|
return /* @__PURE__ */ n.jsx(
|
|
1812
1814
|
ee,
|
|
1813
1815
|
{
|
|
1814
1816
|
isLast: w === v.length - 1,
|
|
1815
|
-
fit:
|
|
1817
|
+
fit: s,
|
|
1816
1818
|
size: i,
|
|
1817
1819
|
withBorder: b,
|
|
1818
1820
|
isSelected: E === R && f,
|
|
@@ -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-9o-ZaYs1.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-CpcXIpXH.js";
|
|
5
5
|
export {
|
|
6
6
|
s as ActionButton,
|
|
7
7
|
k as AlertInline,
|
|
@@ -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-9o-ZaYs1.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-CpcXIpXH.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-9o-ZaYs1.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-CpcXIpXH.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 {
|