@zeniai/web-components 3.16.72 → 3.16.73

package/dist/ReportTableViewSelector-wiIOkacG.cjs

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