@ufal-lccv/gpsub-ds 0.2.46 → 0.2.48

package/dist/Table.view-DRlsznoR.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("./GenericAGGridTable-CXb9pBC0.cjs"),I=require("react"),X=require("sbwb-ds"),P=require("react-hook-form"),q=require("./index-CPP6SuZS.cjs"),Y=require("./parseDate-w5bp6OXe.cjs"),Z=350,K=({title:r,children:o,endAdornment:h=null,marginBottom:m="16px",customStyles:a={},wrapperCustomStyles:l={},animationContainerCustomStyles:u={},hideAdornmentOnCollapse:f=!1,maxHeight:S="none",height:L="fit-content"})=>{const[C,k]=I.useState(!1),[j,w]=I.useState(!0);I.useEffect(()=>{if(f)if(C){const b=setTimeout(()=>w(!1),Z);return()=>clearTimeout(b)}else w(!0)},[C,f]);const A=f&&!j?null:h;return e.jsxRuntimeExports.jsxs(e.Container,{width:"100%",flex:"1",gap:"8px",customStyles:l,children:[e.jsxRuntimeExports.jsx(e.SectionTitle,{title:r,divider:!0,marginBottom:m,collapse:{collapsed:C,setCollapsed:k},endAdornment:A,customStyles:a}),e.jsxRuntimeExports.jsx(e.Container,{gap:"8px",width:"100%",height:L,customStyles:{...u,maxHeight:C?"0":S,transition:`max-height ${Z}ms ease-in-out`},children:o})]})};function v({form:r,name:o,id:h=o,label:m,readonly:a=!1,disabled:l=!1,afterCheck:u,width:f="100%",formatter:S,parser:L,flex:C,size:k="Medium",checkColor:j,triggerFormField:w=null,...A}){const{onChangeTrigger:b}=e.useTriggerFormField({form:r,fieldName:o,triggerType:w,debounceTime:0}),x=(R,F)=>{F(R),u==null||u(R),b==null||b()};return e.jsxRuntimeExports.jsx(e.Container,{width:f,flex:C,children:e.jsxRuntimeExports.jsx(P.Controller,{name:o,control:r.control,render:({field:{onChange:R,value:F,onBlur:N},fieldState:{error:T=null}})=>{const M=T==null?void 0:T.message;return M&&console.log("Error on checkbox!",M),e.jsxRuntimeExports.jsx(e.Checkbox,{id:`form-checkbox-${h}`,checked:S?S(F):!!F,name:o,label:m,disabled:l||a,onChange:p=>{x((L==null?void 0:L(p.target.checked,F))??p.target.checked,R),N==null||N()},size:k,checkColor:j,...A})}})})}const B=({form:r,name:o,label:h,placeholder:m,readonly:a=!1,disabled:l=!1,width:u="100%",flex:f,tooltipIsVisible:S,tooltipMaxWidth:L,tooltipPosition:C="top",afterFormChange:k,openToDate:j,range:w=!1,openCalendarOnInputClick:A=!1,...b})=>{let x=m;return!q.valuable(m)&&!l&&(x=a?"Nenhuma data escolhida":"Escolha uma data"),e.jsxRuntimeExports.jsx(e.Container,{width:u,flex:f,children:e.jsxRuntimeExports.jsx(P.Controller,{name:o,control:r.control,render:({field:{value:R,onChange:F,ref:N}})=>{let T;q.valuable(R)&&(w?T=Array.isArray(R)?R.join(" - "):R:T=new Date(q.stringToUtcDate(R.slice(0,10))));const{error:M}=r.getFieldState(o,r.formState);return e.jsxRuntimeExports.jsx(e.Datepicker,{ref:N,idCalendar:`${o}-calendar`,label:h,value:T,size:"Small",readonly:a,errorMessage:M==null?void 0:M.message,disabled:l,placeholder:x,onChangeHandleDate:p=>{var n;F(w?p?p.split(" - ").map(D=>{var O;return((O=Y.parseDate(D))==null?void 0:O.slice(0,10))||null}):[null,null]:p&&((n=Y.parseDate(p))==null?void 0:n.slice(0,10))||null),k==null||k(p)},openToDate:j,selectsRange:w,openCalendarOnInputClick:A,width:u,flex:f,...b})}})})};function ee({form:r,name:o,label:h,slots:{field:m},slotsProps:a,triggerFormField:l=null,value:u,bypassControllerOnChange:f=!1,overrideOnBlur:S=!1,isRequired:L=!1,readonly:C=!1,disabled:k=!1,parser:j,debounce:w,beforeChange:A,onChange:b,afterChange:x,beforeBlur:R,onBlur:F,afterBlur:N,onEnter:T}){const{field:{value:M,onChange:p},fieldState:{error:n=null}}=P.useController({name:o,control:r.control}),D=q.valuable(w),{onChangeTrigger:O,onBlurTrigger:d}=e.useTriggerFormField({form:r,fieldName:o,triggerType:l,debounceTime:D?0:500}),i=(t,g)=>{var W,_;const $=((W=t==null?void 0:t.target)==null?void 0:W.value)||((_=t==null?void 0:t.target)==null?void 0:_.checked)||t||void 0,y=q.valuable(j)?j($):$;A==null||A(y),f||g==null||g(y),b==null||b(t,g),x==null||x(t,g),O==null||O()},E=I.useMemo(()=>{if(!D)return i;let t;return($,y)=>{clearTimeout(t),t=setTimeout(()=>i($,y),w)}},[D,w,i]),c=(t,g)=>{var y,W;const $=((y=t==null?void 0:t.target)==null?void 0:y.value)||((W=t==null?void 0:t.target)==null?void 0:W.checked)||t||void 0;!S&&f&&(p==null||p($)),R==null||R(t,g),F==null||F(t,g),N==null||N(t,g),d==null||d()},H=(t,g)=>{T==null||T(t,g)};n!=null&&n.message&&console.log(`Error on ${m.displayName}!`,n.message);const s=q.valuable(u)?u==null?void 0:u(M):{value:M};return e.jsxRuntimeExports.jsx(e.Container,{...a==null?void 0:a.container,children:e.jsxRuntimeExports.jsx(m,{...a==null?void 0:a.field,...s,label:h,onChange:t=>E==null?void 0:E(t,p),onBlur:t=>c==null?void 0:c(t,p),onEnter:t=>H==null?void 0:H(t,p),errorMessage:n==null?void 0:n.message})})}const te=({form:r,name:o,label:h,options:m,readonly:a=!1,disabled:l=!1,width:u="100%",flex:f,placeholder:S,iconName:L,onSelect:C,hasSelectAll:k=!1,tags:j=!0,sortOptions:w=!1,enableSearch:A=!1,valueAllOption:b,isRequired:x=!1,tooltipProps:R={},infoProps:F={},triggerFormField:N=null,...T})=>{const{onChangeTrigger:M}=e.useTriggerFormField({form:r,fieldName:o,triggerType:N,debounceTime:0});return e.jsxRuntimeExports.jsx(e.Container,{width:u,flex:f,children:e.jsxRuntimeExports.jsx(P.Controller,{name:o,control:r.control,render:({field:{value:p,onChange:n}})=>{const{error:D}=r.getFieldState(o),O=q.valuable(p)?p:[];return e.jsxRuntimeExports.jsx(e.MultiSelect,{label:h,size:"Small",disabled:l||a,onChange:d=>{n(d),C==null||C(d),M==null||M()},values:O,errorMessage:D==null?void 0:D.message,options:m,iconName:L,hasSelectAll:k,tags:j,sortOptions:w,placeholder:S,enableSearch:A,valueAllOption:b,isRequired:x,tooltipProps:{position:"top",...R},infoProps:{tooltipProps:{position:"top",maxWidth:"300px",...F.tooltipProps},...F},...T})}})})},se=({variant:r="default",form:o,name:h,label:m,options:a,readonly:l=!1,disabled:u=!1,optionsMap:f,width:S="100%",flex:L,placeholder:C,onSelect:k,parser:j,onPaste:w,filter:A,tooltipProps:b={},infoProps:x={},maxHeightMenu:R,isRequired:F=!1,onRemoveSelected:N,triggerFormField:T=null,displayText:M,usePortal:p=!1,...n})=>{const{onChangeTrigger:D}=e.useTriggerFormField({form:o,fieldName:h,triggerType:T,debounceTime:0}),O={position:"top",...b},d={...x,tooltipProps:{position:"top",maxWidth:"300px",...x==null?void 0:x.tooltipProps}},i=(c,H)=>{let s=c;j&&(s=j==null?void 0:j(c)),H(s),k==null||k(s),D==null||D()},E=I.useMemo(()=>q.valuable(f)?f:Object.fromEntries(a.map(c=>[c.value,c])),[a,f]);return e.jsxRuntimeExports.jsx(e.Container,{width:S,flex:L,children:e.jsxRuntimeExports.jsx(P.Controller,{name:h,control:o.control,render:({field:{onChange:c,value:H},fieldState:{error:s=null}})=>{let t=E[H];return e.jsxRuntimeExports.jsx(e.Select,{label:m,width:"100%",size:"Small",variant:r,disabled:u,readonly:l,filter:A,errorMessage:s==null?void 0:s.message,placeholder:C,value:t,handleOption:g=>{i(g.value,c)},tooltipProps:O,options:a,usePortal:p,infoProps:d,maxHeightMenu:R,isRequired:F,onRemoveSelected:N,displayText:M,onPaste:w,...n})}})})},le=r=>{const[o,h]=I.useState(!1),[m,a]=I.useState(r),l=I.useRef(null);return I.useEffect(()=>{a(r)},[r]),{setIsOpen:h,isOpen:o,setOptionsSelect:a,optionsSelect:m,selectContainerRef:l}},ie=200,ne=({name:r,variant:o="primary",width:h="100%",size:m="Medium",disabled:a=!1,isLoading:l=!1,onClick:u,options:f,label:S,menuSelectProps:L={},iconName:C,optionsIconPosition:k})=>{const{isOpen:j,setIsOpen:w,selectContainerRef:A,optionsSelect:b}=le(f);let x=e.y.colors.backgroundColors.colorBackgroundSnow;a?x=e.y.colors.neutralColors.colorNeutralCloudy:o!=="primary"&&(x=e.y.colors.neutralColors.colorNeutralDark);const R={...L};return e.jsxRuntimeExports.jsxs(e.SelectContainer,{ref:A,width:h,size:m,disabled:a,onBlur:()=>setTimeout(()=>w(!1),ie),children:[S&&e.jsxRuntimeExports.jsx(e.Label$3,{children:S}),e.jsxRuntimeExports.jsxs(e.Button$1,{type:"button",size:m,disabled:a,variant:o,isLoading:l,onClick:()=>!l&&w(!j),id:`button-component-${r}`,"data-cy":`button-component-${r}`,children:[l&&e.jsxRuntimeExports.jsx(e.WrapperIcon,{size:m,disabled:a,variant:o,children:e.jsxRuntimeExports.jsx(X.Icon,{iconName:`ProgressActivity${m==="Small"?"Ant":"Sm"}`,color:x,"data-testid":"icon-loading"})}),!l&&e.jsxRuntimeExports.jsx("p",{title:r,children:r}),!l&&(j?e.jsxRuntimeExports.jsx(X.Icon,{iconName:`ExpandLess${m==="Small"?"Ant":"Sm"}`,color:x,"data-testid":"icon-button-less"}):e.jsxRuntimeExports.jsx(X.Icon,{iconName:`ExpandMore${m==="Small"?"Ant":"Sm"}`,color:x,"data-testid":"icon-button-more"}))]}),j&&e.jsxRuntimeExports.jsx(e.MenuSelect,{selectContainerRef:A,value:null,optionsSelect:b,selectOption:u,size:m,inputValue:null,iconPosition:k,iconName:C,...R})]})},re=({width:r="100%",height:o="fit-content",flex:h,backgroundColor:m=e.y.colors.backgroundColors.colorBackgroundCarpet,upperComponent:a=void 0,options:l=[],lowerComponent:u=void 0,heightItems:f="60px",widthItems:S="155px",emptyProps:L={title:"Nenhum dado a ser mostrado",body:null},customWrapperStyles:C={border:`1px solid ${e.y.colors.neutralColors.colorNeutralSoft}`,borderRadius:"8px"},customItemStyles:k={},selectedKey:j,onSelect:w,selectedItemKey:A,setSelectedItemKey:b})=>{var O;const x=j!==void 0,R=!x&&A!==void 0,[F,N]=I.useState(((O=l[0])==null?void 0:O.key)??null),T=I.useRef(null),M=I.useRef(null),p=x?j:R?A:F,n=I.useMemo(()=>l.length?p==null?x?null:l[0]:l.find(i=>i.key===p)??(x||R?null:l[0]):null,[l,p,x,R]);I.useEffect(()=>{const d=T.current,i=M.current,E=()=>{d&&i&&(i.scrollTop=d.scrollTop)};return d==null||d.addEventListener("scroll",E),()=>{d==null||d.removeEventListener("scroll",E)}},[]),I.useEffect(()=>{if(!(x||R)){if(!l.length){N(null);return}N(d=>d!=null&&l.some(i=>i.key===d)?d:l[0].key)}},[l,x,R]);const D=d=>{w==null||w(d),b==null||b(d.key),!x&&!R&&N(d.key)};return(l==null?void 0:l.length)===0?e.jsxRuntimeExports.jsx(e.Empty,{title:L.title,body:L.body,flex:"1",mode:"table"}):e.jsxRuntimeExports.jsxs(e.Container,{width:r,height:o,flex:h,backgroundColor:m,direction:"horizontal",customStyles:{border:`1px solid ${e.y.colors.neutralColors.colorNeutralSoft}`,borderRadius:e.y.borders.borderRadius.borderRadiusSm,...C,overflow:"hidden"},children:[e.jsxRuntimeExports.jsxs(e.Container$2,{ref:T,widthItems:S,children:[a&&a,l==null?void 0:l.map(d=>e.jsxRuntimeExports.jsx(e.ContainerItem,{selected:p===d.key,onClick:()=>D(d),withBorderRight:!0,heightItems:f,customStyles:k,children:d.item},d.key)),u&&u,e.jsxRuntimeExports.jsx(e.LastSpace,{})]}),e.jsxRuntimeExports.jsx(e.ContainerContent,{children:n&&(n==null?void 0:n.contentItem)})]})};function oe(r){return o=>typeof r=="string"?o[r]:typeof r=="function"?r(o):(console.warn("Please, setup a rowKey for table."),JSON.stringify(o))}function de({id:r,rowKey:o="id",size:h="Small",onRowClick:m,fit:a=!1,maxHeight:l="40rem",columns:u,dataSource:f,columnsTextSize:S=h,emptyProps:L={width:"100%",height:"100%",title:"Nenhum dado a ser mostrado.",mode:"table",borders:!0,backgroundColor:e.y.colors.backgroundColors.colorBackgroundSnow},selectedRow:C=!1,hideHeader:k=!1,withBorder:j=!0,withBorderRadius:w=!0,striped:A=!1,borderRadius:b=e.y.borders.borderRadius.borderRadiusSm,disableMaxHeight:x=!1,isVisible:R=!1}){const F=I.useMemo(()=>oe(o),[o]),[N,T]=I.useState(null),M=I.useRef(null),p=I.useRef(null),[n,D]=I.useState(u);I.useLayoutEffect(()=>{if(!p.current||u.length===0){D(u);return}const i=()=>{var _;const c=((_=p.current)==null?void 0:_.clientWidth)||0;if(c===0)return;let H=0,s=0;const t=[],g=[];u.forEach(U=>{const V=Number(U.flex);U.width?H+=parseInt(U.width,10)||0:U.flex&&V>0?(s+=V,t.push(U)):g.push(U)});const $=c-H,y="80";let W=[...u];if($>0){if(t.length>0){const U=$/s;W=u.map(V=>{const G=Number(V.flex);if(G&&G>0){const J=parseInt(V.minWidth||y,10),Q=G*U,z=Math.max(Q,J);return{...V,width:`${Math.floor(z)}px`}}return!V.width&&!G?{...V,width:V.minWidth||`${y}px`}:V})}else if(g.length>0){const U=$/g.length;W=u.map(V=>{const G=Number(V.flex);if(!V.width&&!G){const J=parseInt(V.minWidth||y,10),Q=Math.max(U,J);return{...V,width:`${Math.floor(Q)}px`}}return V})}}else W=u.map(U=>U.width?U:{...U,width:U.minWidth||`${y}px`});D(W)};i();const E=new ResizeObserver(i);return E.observe(p.current),()=>E.disconnect()},[u]),I.useEffect(()=>{const i=E=>{M.current&&!M.current.contains(E.target)&&T(null)};return document.addEventListener("mousedown",i),()=>{document.removeEventListener("mousedown",i)}},[]);const O=I.useMemo(()=>n?n.some(i=>i.mergeHeaderId&&i.mergeHeaderLabel):!1,[n]),d=I.useMemo(()=>{var H,s;if(k||!n||n.length===0)return null;if(!O)return e.jsxRuntimeExports.jsx(e.TableRow,{isHeader:!0,size:h,numRows:1,borderRadius:b,children:n.map((t,g)=>{var $;return e.jsxRuntimeExports.jsx(e.HeaderCell,{width:t.width,minWidth:t.minWidth,maxWidth:t.maxWidth,horizontalAlign:t.horizontalAlign,size:h,columnsTextSize:S,withBorder:j,headerAlign:t.headerAlign,isLastColumn:g===n.length-1,children:(($=t.columnRender)==null?void 0:$.call(t,f))||e.jsxRuntimeExports.jsx("span",{title:t.label,children:t.label})},t.dataIndex)})});const i=[],E=[];let c=0;for(;c<n.length;){const t=n[c];if(t.mergeHeaderId&&t.mergeHeaderLabel){let g=0;const $=t.mergeHeaderId;for(let y=c;y<n.length&&n[y].mergeHeaderId===$;y++)g++;i.push(e.jsxRuntimeExports.jsx(e.HeaderCell,{colSpan:g,horizontalAlign:"center",size:h,columnsTextSize:S,withBorder:j,width:t.width,minWidth:t.minWidth,maxWidth:t.maxWidth,headerAlign:t.headerAlign,isTopRow:!0,isLastColumn:c+g-1===n.length-1,children:e.jsxRuntimeExports.jsx("span",{title:t.mergeHeaderLabel,children:t.mergeHeaderLabel})},`${t.mergeHeaderId}-merged`));for(let y=0;y<g;y++){const W=n[c+y];E.push(e.jsxRuntimeExports.jsx(e.HeaderCell,{width:W.width,minWidth:W.minWidth,maxWidth:W.maxWidth,horizontalAlign:W.horizontalAlign,size:h,columnsTextSize:S,withBorder:j,headerAlign:t.headerAlign,isLastColumn:c+y===n.length-1,children:((H=W.columnRender)==null?void 0:H.call(W,f))||e.jsxRuntimeExports.jsx("span",{title:W.label,children:W.label})},W.dataIndex+"-individual"))}c+=g}else i.push(e.jsxRuntimeExports.jsx(e.HeaderCell,{rowSpan:2,width:t.width,minWidth:t.minWidth,maxWidth:t.maxWidth,horizontalAlign:t.horizontalAlign,size:h,columnsTextSize:S,withBorder:j,headerAlign:t.headerAlign,isTopRow:!0,isLastColumn:c===n.length-1,children:((s=t.columnRender)==null?void 0:s.call(t,f))||e.jsxRuntimeExports.jsx("span",{title:t.label,children:t.label})},t.dataIndex)),c++}return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(e.TableRow,{isHeader:!0,size:h,numRows:2,borderRadius:b,children:i}),E.length>0&&e.jsxRuntimeExports.jsx(e.TableRow,{isHeader:!0,size:h,numRows:2,borderRadius:b,children:E})]})},[n,k,h,S,O]);return!f||f.length===0?e.jsxRuntimeExports.jsx(e.Empty,{backgroundColor:e.y.colors.backgroundColors.colorBackgroundSnow,borders:!0,mode:"table",...L}):e.jsxRuntimeExports.jsx(e.ContainerTable,{maxHeight:l,disableMaxHeight:x,withBorderRadius:w,ref:p,borderRadius:b,isVisible:R,children:e.jsxRuntimeExports.jsxs(e.Table,{id:r,ref:M,children:[e.jsxRuntimeExports.jsx("thead",{children:d}),e.jsxRuntimeExports.jsx("tbody",{style:{width:"100%"},children:f==null?void 0:f.map((i,E,c)=>{const H=F(i);return e.jsxRuntimeExports.jsx(e.TableRow,{isLast:E===c.length-1,fit:a,size:h,withBorder:j,isSelected:H===N&&C,striped:A&&E%2!==0,borderRadius:b,children:n.map((s,t)=>{var g,$,y,W,_;return e.jsxRuntimeExports.jsx(e.RowCell,{width:s.width,minWidth:s.minWidth,maxWidth:s.maxWidth,size:h,isClickable:q.valuable(m),isLastColumn:t===n.length-1,onClick:()=>{m&&m(i,s,E),C&&T(N===H?null:H)},horizontalAlign:s.horizontalAlign,verticalAlign:s.verticalAlign,rowPadding:s.rowPadding,withBorder:j,isLast:E===c.length-1,disabled:(g=s.disable)==null?void 0:g.call(s,i[s.dataIndex],i,E,c),hasError:($=s.warn)==null?void 0:$.call(s,i[s.dataIndex],i,E,c),backgroundColor:(y=s.paint)==null?void 0:y.call(s,i[s.dataIndex],i,E,c),children:((W=s.render)==null?void 0:W.call(s,i[s.dataIndex],i,E,c))||e.jsxRuntimeExports.jsx(e.CellText,{title:i[s.dataIndex],style:(_=s.rowCss)==null?void 0:_.call(s,i),children:i[s.dataIndex]})||""},`${H}::${s.dataIndex}`)})},H)})})]})})}exports.CheckboxField=v;exports.CollapseSection=K;exports.DateField=B;exports.FormFieldView=ee;exports.MultiSelectField=te;exports.SelectButton=ne;exports.SelectField=se;exports.TabInfo=re;exports.Table=de;