@zeniai/web-cockpit-ui 1.14.90-qa → 1.14.91-dev

package/dist/assets/EntitySummarySection-BaHHLLkE-Drrfo_tg.js

@@ -1,149 +0,0 @@
-import{q as z,F as L,V as i,dn as O,y as s,c_ as _,o as d,a9 as S,aL as b,b1 as R,cq as E,d as r,D as B,al as F,ak as k,b7 as U,ag as N,cv as q,p as D,cy as G}from"./index-Dm9r1f6s.js";import{a as f}from"./core-B-FNbYlu.js";import{n}from"./mui-DLNyBjYF.js";import{l as X}from"./agingReportHelper-ovKP-qSS-BPG0U4uX.js";const p=L.getLocalizedStrings().reports.aging.agingDetail.header,m=[{key:"date",value:p.date,sortOrder:"ascending",width:new s(212,212)},{key:"invoiceNumber",value:p.invoiceNumber,sortOrder:"ascending",width:new s(188,188)},{key:"dueDate",value:p.dueDate,sortOrder:"ascending",width:new s(188,188)},{key:"daysPastDue",value:p.daysPastDue,sortOrder:"ascending",width:new s(188,188)},{key:"amount",value:p.amount,sortOrder:"ascending",width:new s(188,188)},{key:"balance",value:p.balance,sortOrder:"ascending",width:new s(120,120)}],M={headerHeight:new s(45,58)},I=n.div`
-  top: ${d.sp0};
-  left: ${d.sp0};
-  min-height: ${e=>M.headerHeight.valuePx(e.windowSize)};
-  max-height: ${e=>M.headerHeight.valuePx(e.windowSize)};
-  width: fit-content;
-  min-width: 100%;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  background-color: ${e=>e.theme.colors.grey4};
-  position: sticky;
-`,J=n.div`
-  color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
-
-  width: ${e=>e.windowSize!=="extra-large"?e.wrapperWidth.valuePx(e.windowSize):e.wrapperWidth.valuePercentage(e.windowSize)};
-  max-width: ${e=>e.windowSize!=="extra-large"?e.wrapperWidth.valuePx(e.windowSize):e.wrapperWidth.valuePercentage(e.windowSize)};
-  padding-left: ${d.sp0};
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  left: ${d.sp0};
-  justify-content: flex-start;
-  position: static;
-  z-index: 0;
-  box-sizing: border-box;
-`,Z=n(G)`
-  width: 12px;
-  height: 12px;
-`,Q=n.div`
-  display: flex;
-  align-items: center;
-  transform: ${e=>e.sortConfig.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
-  ${e=>e.sortConfig.sortOrder==="ascending"?"padding-top: 2px":"padding-bottom: 2px"};
-`,ee=n.div`
-  display: ${e=>e.isVisible?"flex":"none"};
-  align-items: center;
-  padding-top: 2px;
-  cursor: pointer;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,ie=n.div`
-  display: flex;
-  cursor: pointer;
-  gap: 6px;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`;function ne({sortConfig:e,onColumnSortConfigChanged:l}){const c=z(),o=f.useCallback((t,a)=>{let h=a;e.sortKey===t&&(h=e.sortOrder==="ascending"?"descending":"ascending"),l(t,h)},[l,e]);return i.jsx(I,{windowSize:c,children:m.map(t=>i.jsxs(J,{sortDataValue:e.sortKey,actualDataValue:t.key,wrapperWidth:t.width,windowSize:c,children:[i.jsxs(ie,{onClick:()=>o(t.key,t.sortOrder),children:[i.jsx(N,{children:t.value}),i.jsx(Q,{sortConfig:e,children:i.jsx(q,{width:12,height:12})})]}),i.jsx(ee,{isVisible:e.sortKey===t.key&&e.sortKey!=="date",children:i.jsx(Z,{onClick:()=>l("date","ascending")})})]},t.key))})}const v={containerPaddingTop:new s(r[3],r[3]),containerPaddingBottom:new s(r[3],r[3]),nameLogoWidth:new s(r[4],r[4]),nameLogoHeight:new s(r[4],r[4]),nameWidth:new s(150,150)},te=n.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: ${d.sp2};
-`,oe=n.div`
-  display: flex;
-  background-color: ${e=>e.theme.colors.grey5};
-  box-sizing: border-box;
-  align-items: center;
-  padding-top: ${e=>v.containerPaddingTop.valuePx(e.windowSize)};
-  padding-bottom: ${e=>v.containerPaddingBottom.valuePx(e.windowSize)};
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  box-shadow: ${e=>e.theme.mode==="dark"?`${D.dropShadowNormalDark} ${d.sp0} 2px ${d.sp1}`:`${d.sp0} 2px ${d.sp1} ${D.dropShadowNormalLight}`};
-  border-radius: ${d.sp2};
-  cursor: pointer;
-  &:hover {
-    border-color: ${e=>e.theme.colors.primary};
-    div {
-      color: ${e=>e.theme.colors.primary};
-    }
-    .entity-icon {
-      color: ${e=>e.theme.colors.grey5};
-    }
-  }
-`,w=n.div`
-  display: flex;
-  align-items: center;
-  width: ${e=>e.windowSize!=="extra-large"?e.itemWidth.valuePx(e.windowSize):e.itemWidth.valuePercentage(e.windowSize)};
-  :last-of-type {
-    padding-right: 0;
-  }
-`,re=n(N)`
-  color: ${e=>e.theme.colors.grey1};
-`,y=n(k)`
-  color: ${e=>e.theme.colors.hero};
-`,ae=n(k)`
-  color: ${e=>e.theme.colors.hero};
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: ${e=>v.nameWidth.valuePx(e.windowSize)};
-`,de=n.div`
-  display: flex;
-  padding-left: ${d.sp3};
-  align-items: center;
-  justify-content: center;
-  column-gap: ${d.sp2};
-`;function se({invoice:e,entityLogo:l,onTransactionClick:c}){const o=z(),{common:t,dateFormat:a}=L.getLocalizedStrings();return i.jsxs(te,{windowSize:o,children:[i.jsx(re,{children:e.date.format(a.visual.MMMDCommaYYYYformat)}),i.jsxs(oe,{onClick:()=>{c(e)},windowSize:o,children:[i.jsx(w,{windowSize:o,itemWidth:m[0].width,children:i.jsxs(de,{children:[l!=null?i.jsx(O,{photoUrl:l.toString(),styles:{width:v.nameLogoWidth.valuePx(o),height:v.nameLogoHeight.valuePx(o)}}):i.jsx(_,{name:e.entity.name,size:d.sp4}),i.jsx(ae,{windowSize:o,title:e.entity.name,children:e.entity.name})]})}),i.jsx(w,{windowSize:o,itemWidth:m[1].width,children:i.jsx(y,{children:e.invoiceNumber??t.strings.hyphen})}),i.jsx(w,{windowSize:o,itemWidth:m[2].width,children:i.jsx(y,{children:e.dueDate!=null?e.dueDate.format(a.visual.MMMDCommaYYYYformat):t.strings.hyphen})}),i.jsx(w,{windowSize:o,itemWidth:m[3].width,children:i.jsx(y,{children:e.daysPastDue??t.strings.hyphen})}),i.jsx(w,{windowSize:o,itemWidth:m[4].width,children:i.jsx(y,{children:b("0,0",e.amount)})}),i.jsx(w,{windowSize:o,itemWidth:m[5].width,children:i.jsx(y,{children:b("0,0",e.balance)})})]})]})}const le={itemHeight:new s(103,103)},ce=n.div`
-  position: relative;
-  width: auto;
-  height: 100%;
-`,he=n.div`
-  top: ${d.sp0};
-  left: ${d.sp0};
-  padding-bottom: ${d.sp3};
-  box-sizing: border-box;
-`,ge=n.div``,V=f.forwardRef((e,l)=>{const{children:c,style:o,sortConfig:t,onColumnSortConfigChanged:a,onUpdateCurrentYTDSelection:h,selectedYTDSpendOption:$,fetchState:j,...x}=e;return i.jsxs(ge,{ref:l,style:{...o,width:"auto"},...x,children:[i.jsx(ne,{onColumnSortConfigChanged:a,sortConfig:t}),i.jsx(ce,{children:c})]})});V.displayName="Aging invoices list view inner element type";const me=({index:e,style:l,invoices:c,entityLogo:o,onTransactionClick:t})=>{const a=c[e];return e<c.length?i.jsx(he,{style:{...l,width:"fit-content",minWidth:"100%"},children:i.jsx(se,{onTransactionClick:t,invoice:a,entityLogo:o})}):null};function be({uiState:e,invoices:l,entityLogo:c,onColumnSortConfigChanged:o,onTransactionClick:t}){const a=f.useRef(null),h=z(),$=f.useCallback(()=>le.itemHeight.value(h),[h]);return i.jsx(R,{children:({height:j,width:x})=>i.jsx(E,{height:j,width:x,ref:a,overscanCount:1,itemCount:l.length,innerElementType:u=>i.jsx(V,{...u,onColumnSortConfigChanged:o,sortConfig:{sortKey:e.sortKey,sortOrder:e.sortOrder}}),itemSize:$,style:{willChange:"auto"},children:u=>i.jsx(me,{...u,invoices:l,entityLogo:c,onTransactionClick:t})})})}const g={containerHorizontalPadding:new s(r[2],r[8]),nameLogoWidth:new s(r[5],r[5]),nameLogoHeight:new s(r[5],r[5]),nameLogoMarginTop:new s(r[1],r[1]),entityContainerWidth:new s(300,350,350,350,400),summaryColumnGap:new s(r[2],r[1],r[1],r[2],r[6])},pe=n.div`
-  background: ${e=>e.theme.colors.grey5};
-  padding-left: ${e=>g.containerHorizontalPadding.valuePx(e.windowSize)};
-  padding-right: ${e=>g.containerHorizontalPadding.valuePx(e.windowSize)};
-  padding-bottom: ${d.sp4};
-  display: flex;
-  justify-content: space-between;
-  align-items: ${e=>e.isLargeScreen===!0?"center":"flex-start"};
-  flex-direction: ${e=>e.isLargeScreen===!0?"row":"column"};
-  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-  row-gap: ${d.sp3};
-`,we=n.div`
-  display: flex;
-  align-items: flex-start;
-  column-gap: ${d.sp3};
-  max-width: ${e=>g.entityContainerWidth.valuePx(e.windowSize)};
-`,xe=n.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  column-gap: ${e=>g.summaryColumnGap.valuePx(e.windowSize)};
-  width: ${e=>e.isLargeScreen===!0?"unset":"100%"};
-  overflow: auto;
-`,ue=n.div`
-  display: flex;
-  flex-direction: column;
-`,Y=n(F)`
-  color: ${e=>e.theme.colors.hero};
-`,ye=n.div`
-  margin-top: ${e=>g.nameLogoMarginTop.valuePx(e.windowSize)};
-`,T=n.div`
-  display: flex;
-  flex-direction: column;
-`,H=n(U)`
-  text-align: right;
-  color: ${e=>e.theme.colors.primary};
-`,P=n(k)`
-  color: ${e=>e.theme.colors.hero};
-  text-wrap: nowrap;
-  width: fit-content;
-`,fe=n(B)`
-  color: ${e=>e.theme.colors.primary};
-`;function ze({totalBalances:e,entityName:l,reportId:c,reportDate:o,entityLogo:t}){const a=z(),h=a==="large"||a==="extra-large",{reports:{aging:{duration:$,apAgingDetail:j,arAgingDetail:x,apAging:u,arAging:K}},dateFormat:W}=L.getLocalizedStrings(),A=f.useMemo(()=>X(e),[e]);return i.jsxs(pe,{isLargeScreen:h,windowSize:a,children:[i.jsxs(we,{windowSize:a,children:[t!=null?i.jsx(O,{photoUrl:t.toString(),styles:{width:g.nameLogoWidth.valuePx(a),height:g.nameLogoHeight.valuePx(a),marginTop:g.nameLogoMarginTop.valuePx(a)}}):i.jsx(ye,{windowSize:a,children:i.jsx(_,{name:l,size:d.sp5})}),i.jsxs(ue,{children:[i.jsx(fe,{children:l}),i.jsx(S,{controller:c==="accounts_payable_aging",children:i.jsx(Y,{children:`${j.dateLabel} ${o.format(W.visual.MMMDCommaYYYYformat)}`})}),i.jsx(S,{controller:c==="accounts_receivable_aging",children:i.jsx(Y,{children:`${x.dateLabel} ${o.format(W.visual.MMMDCommaYYYYformat)}`})})]})]}),i.jsxs(xe,{isLargeScreen:h,windowSize:a,children:[e.map(C=>i.jsxs(T,{children:[i.jsx(P,{children:$[C.period]}),i.jsx(H,{children:b("0,0",C?.balance)})]},C.period)),i.jsxs(T,{children:[i.jsx(S,{controller:c==="accounts_payable_aging",children:i.jsx(P,{children:u.totalPayable})}),i.jsx(S,{controller:c==="accounts_receivable_aging",children:i.jsx(P,{children:K.totalReceivable})}),i.jsx(H,{children:b("0,0",A?.balance)})]})]})]})}export{be as L,ze as W};