@ufal-lccv/gpsub-ds 0.2.22 → 0.2.23

package/dist/Table.view-Bkr25mv8.cjs

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