@zeniai/web-components 3.17.8 → 3.17.9

package/dist/ReportTableViewSelector-BcThVhxD.cjs

@@ -0,0 +1,150 @@
+"use strict";const o=require("./vendor-.pnpm-D0ILHvHB.cjs"),t=require("./index-BQB0Z3KX.cjs");require("@zeniai/client-epic-state");const d=require("react"),u=require("@emotion/styled"),v=require("./CollapsableReportTable-BXUqPzsQ.cjs"),ce=require("./filter-D00CTD87.cjs"),L=t.appLocale.getLocalizedStrings().dateFormat.analytics.YYYYDashMMDashDDFormat,de=e=>({this_period:{start_date:e.thisPeriod.startDate.format(L),end_date:e.thisPeriod.endDate.format(L)},number_of_periods:e.numberOfPeriods,order_by:e.orderBy}),ue=e=>e!=null?{start_date:e.startDate.format(L),end_date:e.endDate.format(L)}:void 0;function pe(e){return{locale_id:e.localeId,show_negative_amount_in_parenthesis:e.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:e.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:e.filterAccountGroupsWithNilBalances,include_cover_page:e.includeCoverPage,company_name:e.companyName,statement_file_type:e.statementFileType,statements:e.statements,first_month_of_fy:e.firstMonthOfFY,book_close_date:e.bookCloseDate!=null?e.bookCloseDate.format(L):void 0,timeframe:e.timeframe,additional_balances:e.additionalBalances,format:e.format,balances_filter:de(e.balancesFilter),account_view_mode:e.accountViewMode,classes_to_filter_out:e.classesToFilterOut,data_available:ue(e.dataAvailable),is_zeni_coa_used:e.isZeniCOAUsed}}async function he(e,c,s){const n=t.appLocale.getLocalizedStrings().downloadReport,a=`${e}?query=${encodeURIComponent(JSON.stringify(pe(s)))}`;try{const p=await t.fetchRequest({urlEndPoint:a,authParams:c,fileType:s.statementFileType});if(p.ok){const b=t.getFileNameFromResponseHeaders(p.headers,n.defaultFileName),y=await p.arrayBuffer();o.fileDownload(y,b)}else console.error(`${n.reportErrorMessage} ${p.statusText}`)}catch(p){console.error(`${n.reportErrorMessage} ${JSON.stringify(p)}`)}}const me=u.div`
+  padding: 0 ${t.Space.sp3} 0 ${t.Space.sp3};
+  border: 1px solid ${e=>e.theme.colors.primary};
+  background: ${e=>e.theme.colors.grey5};
+  border-radius: ${t.Space.sp1};
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  position: relative;
+  height: ${t.Space.sp8};
+  cursor: pointer;
+`,xe=u(t.StandardRegular)`
+  color: ${e=>e.theme.colors.primary};
+  margin-top: -2px;
+`,fe=u(t.SvgArrowFilledBottom)`
+  color: ${e=>e.theme.colors.hero};
+  width: 12px;
+  height: 12px;
+  margin: auto ${t.Space.sp0};
+  :hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,ge=e=>{const{value:c,onClick:s}=e,n=o.useTheme();return o.jsxRuntimeExports.jsxs(me,{onClick:s,children:[o.jsxRuntimeExports.jsx(xe,{style:{color:n.colors.primary},children:c}),o.jsxRuntimeExports.jsx(fe,{})]})},be=d.memo(ge);function ye({backgroundColor:e,foregroundColor:c,animated:s,width:n,height:a}){return o.jsxRuntimeExports.jsxs(o.ContentLoader,{speed:2,width:n,height:a,viewBox:`0 0 ${n} ${a}`,animate:s!=!1,backgroundColor:e,foregroundColor:c,style:{marginBottom:t.Space.sp2},children:[o.jsxRuntimeExports.jsx("rect",{x:"45",y:t.sp[3],rx:"5",ry:"5",width:"120",height:t.sp[4]}),o.jsxRuntimeExports.jsx("rect",{x:"45",y:t.sp[8],rx:"5",ry:"5",width:"120",height:t.sp[4]}),o.jsxRuntimeExports.jsx("rect",{x:"45",y:"96",rx:"5",ry:"5",width:"120",height:t.sp[4]}),o.jsxRuntimeExports.jsx("rect",{x:"45",y:"136",rx:"5",ry:"5",width:"120",height:t.sp[4]})]})}function re({nestedClass:e,isLastNode:c,config:s,parentNodeIDs:n}){const a=v.uniqueID("checkbox_and_name_only",[],e.classId[0]),p={children:[],id:a,isLastNode:c,reportElementData:{element:{kind:"checkbox_and_name_only",title:e.className,data:e,numOfBalances:0},config:s}};return p.children=e.children.map((b,y)=>re({nestedClass:b,config:s,isLastNode:y===e.children.length-1,parentNodeIDs:[...n,a]})),p}function _e(e,c){const s=e.map((n,a)=>{const p=v.uniqueID("checkbox_and_name_only",[],n.classId[0]),b={children:[],id:p,isLastNode:n.children.length!==0,reportElementData:{element:{kind:"checkbox_and_name_only",title:n.className,data:n,numOfBalances:0},config:c}},y=n.children.map(C=>re({nestedClass:C,config:c,isLastNode:a===n.children.length-1,parentNodeIDs:[p]}));return b.children.push(...y),b});return{config:c,headerNodes:[],contentNodes:[...s]}}function je(e,c){Object.assign(e.config,c);const s=e.contentNodes;return s.forEach(n=>se(n,c)),{config:c,headerNodes:[],contentNodes:[...s]}}function se(e,c){Object.assign(e.reportElementData.config,c),e.children.forEach(s=>se(s,c))}const K={contentPaddingLeft:new t.ResponsiveSized(t.sp[3],t.sp[3],t.sp[2]),contentPaddingRight:new t.ResponsiveSized(t.sp[3],t.sp[3],t.sp[2])},Re=u.div`
+  height: ${e=>e.height}px;
+  width: 100%;
+`,Se=({reportId:e,firstMonthOfFY:c,nestedClassHierarchy:s,classesToBeFilteredOut:n,selectedView:a,showClassAccountNumber:p,scrollPosition:b,onScroll:y,nodeOpenStatus:C,onNodeCollapseToggled:U,onToggleCheck:I})=>{const A=o.useTheme(),M=t.useWindowSizeContext(),[R,$]=d.useState(void 0),[q,_]=d.useState(!1),[z,D]=d.useState({}),[m,P]=d.useState(void 0),[T,S]=d.useState(a),W="none",O=l=>a==="account_group"?!0:n?.length>0?n.find(i=>i[0]===l[0])!=null:!1,E=(l,i)=>{_(!0),D(l),I?.(l,i,a==="account_group"?!0:void 0),j(l,i)},j=(l,i)=>{const x=H(l);for(const f of x.children)I?.(f.classId,i),j(f.classId,i)},H=l=>{let i=s.filter(x=>x.classId[0]===l[l.length-1])[0];for(let x=l.length-2;x>=0;x--)i=i.children.filter(f=>f.classId[0]===l[x])[0];return i},F=l=>{if(l.length>1){const i=H(l.slice(1));let x=!1;for(const f of i.children)if(n.find(Y=>Y[0]===f.classId[0])===void 0){x=!0;break}x===!0?I?.(i.classId,!0):I?.(i.classId,!1),D(i.classId)}};d.useEffect(()=>{q&&F(z)}),d.useEffect(()=>{const l={reportId:e,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:W,firstMonthOfFY:c,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:!1,isClassToBeFilteredOut:O,showClassAccountNumber:p};if(R==null||!o.isEqual(m,s)||!o.isEqual(T,a)||q===!0){const i=_e(s,l);P(s),$(i),S(a)}else{const i=je(R,l);$(i),S(a)}},[s,a,n]);const[G,J]=d.useState(5),V=l=>{const i=l+t.sp[6];J(i)};return R!=null?o.jsxRuntimeExports.jsx(Re,{height:G,children:o.jsxRuntimeExports.jsx(v.CollapsableReportTable,{backgroundColor:a==="classes"?new o.Color(A.colors.background):void 0,rootNodes:R,type:"name_only",compareMode:"compare_mode_amount",isSticky:{isStickyHeader:!1,isStickyName:!1},treeNodePadding:{left:K.contentPaddingLeft.value(M),right:K.contentPaddingRight.value(M)},scrollPosition:b,onScroll:y,nodeOpenStatus:C,onNodeCollapseToggled:U,onToggleCheck:E,onReportTableHeightChanged:V})}):null},w={width:new t.ResponsiveSized(350,400,400),height:new t.ResponsiveSized(165,165,165),buttonWidth:new t.ResponsiveSized(62,62),buttonHeight:new t.ResponsiveSized(t.sp[5],t.sp[5]),containerWidth:new t.ResponsiveSized(150,400,400)},we=u.div`
+  position: relative;
+  pointer-events: ${e=>e.isDisabled===!0?"none":"initial"};
+`,ve=u.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>w.containerWidth.valuePx(e.windowSize)};
+`,$e=u(t.StandardMedium)`
+  display: flex;
+  flex-direction: row;
+  width: fit-content;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.primary};
+  .dropdownIcon {
+    color: ${e=>e.theme.colors.hero};
+  }
+  &:hover {
+    .dropdownIcon {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+  gap: ${t.Space.sp2};
+  margin-top: 12px;
+  align-items: center;
+`,Ee=u(ce.SvgFilter)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${t.Space.sp4};
+  height: ${t.Space.sp4};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,ke=u.div`
+  display: flex;
+  width: ${e=>e.width}px;
+  align-items: flex-start;
+  justify-content: space-between;
+  flex-direction: column;
+  border: 1px solid ${e=>e.theme.colors.grey5};
+  border-radius: ${t.Space.sp1};
+  box-shadow: ${e=>`${t.Space.sp0} 2px ${t.Space.sp2} ${e.theme.colors.dropShadowHover}`};
+  margin-top: 10px;
+  padding-top: ${t.Space.sp1};
+  background: ${e=>e.theme.colors.grey5};
+`,Q=u.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  flex-direction: column;
+  width: 100%;
+  background-color: ${e=>e.checked===!0?e.theme.colors.background:"transparent"};
+  & input[type="radio"] {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    display: inline-block;
+    width: ${t.Space.sp3};
+    height: ${t.Space.sp3};
+    padding: 2px;
+    background-clip: content-box;
+    border: 1px solid ${e=>e.theme.colors.primary};
+    border-radius: 50%;
+    margin: ${t.Space.sp0} ${t.Space.sp2} ${t.Space.sp0} ${t.Space.sp2};
+    cursor: pointer;
+  }
+
+  input[type="radio"]:checked {
+    background-color: ${e=>e.theme.colors.primary};
+  }
+
+  input[type="radio"]:disabled {
+    cursor: default;
+  }
+
+  &:hover {
+    background: ${e=>e.theme.colors.background};
+  }
+`,X=u(t.SmallRegular)`
+  height: ${t.Space.sp6};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,Ne=u.div`
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  height: 100%;
+  width: inherit;
+  overflow-y: auto;
+  .hide-icon {
+    display: none;
+  }
+  min-height: 165px;
+  max-height: 353px;
+  overscroll-behavior: contain;
+`,Ce=u.div`
+  width: 100%;
+  height: 65px;
+`,ee=u.label`
+  color: ${e=>e.theme.colors.primary};
+  cursor: ${e=>e.disabled===!0?"default":"pointer"};
+`,Ie=u(t.ExtraSmallRegular)`
+  display: flex;
+  align-items: center;
+  column-gap: ${t.Space.sp2};
+  margin-left: ${t.Space.sp5};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    cursor: pointer;
+    color: ${e=>e.theme.colors.primary};
+  }
+`,De=u.div`
+  display: flex;
+  flex: 1;
+  width: inherit;
+  background-color: ${e=>e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`,Te=u(t.SvgRefresh)`
+  width: ${t.Space.sp3};
+  height: ${t.Space.sp3};
+`,Oe=u(t.ExtraSmallRegular)`
+  margin-left: ${t.Space.sp5};
+  margin-top: -12px;
+  color: ${e=>e.theme.colors.hero};
+`,{reportViewSelector:N,common:{footer:te}}=t.appLocale.getLocalizedStrings(),oe="tableViewSelector",ne=e=>`${e}_form`;function qe({reportId:e,firstMonthOfFY:c,nodes:s,classesListFetchState:n,selectedView:a,classesToBeFilteredOut:p,showClassAccountNumber:b,onOpenAccountViewMode:y,onSaveClick:C,isClassViewDisabled:U,downloadPage:I,showAccountGroups:A=!0,onResyncReports:M,isPageFetchInProgress:R=!1,lastRefreshSuccessTime:$}){const q=o.useTheme(),_=t.useWindowSizeContext(),[z,D]=d.useState(!1),[m,P]=d.useState(a),[T,S]=d.useState({}),W=(r,h)=>(r.forEach(g=>{h.push(g.classId),h=W(g.children,h)}),h),O=W(s,[]),[E,j]=d.useState(m==="classes"?p:O),H=n!=="Completed"||m==="classes"&&E.length===O.length,F=d.useRef(!1),[G,J]=d.useState(!1),V=d.useRef(r=>{r&&!F.current&&(F.current=!0,J(!0))});t.useSentryPerformanceTracking({componentName:`reports.${e}`,enabled:G});const l=r=>r==="classes"?N.classes.label:A===!0?N.accountGroups.label:N.accounts.label,i=o.useForm({mode:"all"}),x=i.handleSubmit(()=>{D(!1),m==="classes"?C?.("classes",E):C?.("account_group")}),f=r=>{if(P(r),r==="classes")S({}),j([]);else{j(O);let h={};s.forEach(g=>{const k=v.uniqueID("checkbox_and_name_only",[],g.classId[0]);h=Object.assign({},h,{[k]:!1})}),S(h)}},Y=()=>{z===!0&&Z(),D(!z);let r={};s.forEach(h=>{const g=v.uniqueID("checkbox_and_name_only",[],h.classId[0]);a==="account_group"||E.find(k=>k[0]===h.classId[0])!==void 0?r=Object.assign({},r,{[g]:!1}):r=Object.assign({},r,{[g]:!0})}),S(r)},ae=(r,h,g)=>{if(g===!0&&(P("classes"),j(O)),h===!0){const k=v.uniqueID("checkbox_and_name_only",[],r[0]);T[k]=!0,S(T),j(B=>B.filter(le=>le[0]!==r[0]))}else{const k=v.uniqueID("checkbox_and_name_only",[],r[0]);T[k]=!1,E.find(B=>B[0]===r[0])===void 0&&j(B=>[...B,r])}},Z=()=>{D(!1),P(a),j(p)},ie=()=>{R===!1&&M?.()};return d.useEffect(()=>{if(n==="Completed"&&m==="account_group"){let r={};s.forEach(h=>{const g=v.uniqueID("checkbox_and_name_only",[],h.classId[0]);r=Object.assign({},r,{[g]:!1})}),S(r)}},[n]),o.jsxRuntimeExports.jsx(o.ClickAwayListener,{onClickAway:Z,children:o.jsxRuntimeExports.jsxs(we,{ref:V.current,isDisabled:U??!1,children:[I===!0?o.jsxRuntimeExports.jsx(be,{value:l(a),onClick:()=>{y?.(),Y()}}):o.jsxRuntimeExports.jsxs(ve,{windowSize:_,children:[o.jsxRuntimeExports.jsxs($e,{onClick:r=>{r.preventDefault(),y?.(),Y()},children:[o.jsxRuntimeExports.jsx(Ee,{className:"dropdownIcon"}),l(a)]}),a==="classes"?o.jsxRuntimeExports.jsx(Ie,{onClick:ie,children:R?N.generatingReportByClass:o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[$&&`${t.getTimeDifferenceText($)}`,o.jsxRuntimeExports.jsx(Te,{})]})}):null]}),z?o.jsxRuntimeExports.jsx(o.FormProvider,{...i,children:o.jsxRuntimeExports.jsx("form",{id:ne(oe),onSubmit:x,children:o.jsxRuntimeExports.jsxs(ke,{width:w.width.value(_),children:[o.jsxRuntimeExports.jsx(Q,{checked:m==="account_group",children:o.jsxRuntimeExports.jsxs(X,{onClick:()=>m!=="account_group"?f("account_group"):null,children:[o.jsxRuntimeExports.jsx("input",{type:"radio",value:"account_group",id:"accountGroups",name:"formgroup",onChange:r=>f(r.currentTarget.value),checked:m==="account_group",disabled:n!=="Completed"}),o.jsxRuntimeExports.jsx(ee,{disabled:n!=="Completed",children:A===!0?N.accountGroups.dropdownLabel:N.accounts.dropdownLabel})]})}),o.jsxRuntimeExports.jsx(De,{}),o.jsxRuntimeExports.jsxs(Q,{checked:m==="classes",children:[o.jsxRuntimeExports.jsxs(X,{onClick:()=>n==="Completed"?f("classes"):null,children:[o.jsxRuntimeExports.jsx("input",{type:"radio",value:"classes",id:"classes",name:"formgroup",onChange:r=>n==="Completed"?f(r.currentTarget.value):null,checked:m==="classes",disabled:n!=="Completed"}),o.jsxRuntimeExports.jsx(ee,{disabled:n!=="Completed",children:N.classes.dropdownLabel})]}),R||n!=="Completed"?null:o.jsxRuntimeExports.jsx(Oe,{children:$&&`${t.getTimeDifferenceText($)}`}),n==="Completed"?o.jsxRuntimeExports.jsx(Ne,{id:"sectionformcontainer",children:o.jsxRuntimeExports.jsx(ze,{reportId:e,firstMonthOfFY:c,nestedClassHierarchy:s,classesToBeFilteredOut:E,selectedView:m,nodeOpenStatus:T,showClassAccountNumber:b,onToggleCheck:ae})}):o.jsxRuntimeExports.jsx(ye,{backgroundColor:q.colors.grey3,foregroundColor:q.colors.grey4,width:w.width.value(_),height:w.height.value(_),animated:!0})]}),o.jsxRuntimeExports.jsx(Ce,{children:o.jsxRuntimeExports.jsx(t.Footer,{formId:ne(oe),primaryBtn:{label:te.save,style:{width:w.buttonWidth.valuePx(_),height:w.buttonHeight.valuePx(_)},isLoading:!1,isDisabled:H,size:"small"},showCancel:!0,cancelBtn:{label:te.cancel,style:{width:w.buttonWidth.valuePx(_),height:w.buttonHeight.valuePx(_)},onClick:Z,size:"small",shouldResetOnCancel:!0},style:{padding:t.Space.sp3}})})]})})}):null]})})}const ze=d.memo(Se,o.isEqual);exports.ReportTableViewSelector=qe;exports.downloadAndSaveReport=he;