1#@!#!123s

: / opt / psa / admin / cp / public / javascript / components / pages /
Filename : TrafficHistoryReportPage.js
back
"use strict";(self.webpackChunkPlesk=self.webpackChunkPlesk||[]).push([["components/pages/TrafficHistoryReportPage"],{1411:(e,t,r)=>{r.r(t),r.d(t,{SORT_ASC:()=>g,SORT_DESC:()=>m,default:()=>f});var s=r(285),o=r(596),a=r.n(o),i=r(286),n=r(89);const l=n.Locale.getTranslate("components.list"),c=n.Locale.getSection("components.list"),g="ASC",m="DESC",u="all",p={set(e,t){localStorage.setItem(e,JSON.stringify(t))},get(e){const t=localStorage.getItem(e);return JSON.parse(t)}},d=e=>`list-sort_${e}`,P=e=>`list-page_${e}`,y=({id:e,data:t,columns:r,itemsPerPage:o=25,itemsPerPageOptions:a=[10,25,100,u],sortColumn:n,sortDirection:m=g,searchField:y,locale:f={},emptyView:h,emptyFilteredView:S,toolbar:w,selection:C=[],onSelectionChange:j,searchBarInputProps:x,rowKey:b="key",useStorage:D=!0,...T})=>{const{sortColumn:k,sortDirection:B,setSortState:M}=((e,{sortColumn:t,sortDirection:r})=>{const[{sortColumn:o,sortDirection:a},i]=(0,s.useState)({sortColumn:p.get(d(e))?.sortColumn??t,sortDirection:p.get(d(e))?.sortDirection??r});return{sortColumn:o,sortDirection:a,setSortState:t=>{i((e=>({...e,...t}))),p.set(d(e),{...p.get(d(e)),...t})}}})(e,{sortColumn:n??r.find((({sortable:e})=>e))?.key,sortDirection:m}),{page:V,itemsPerPage:F,searchPattern:O,setPageState:R}=((e,{itemsPerPage:t},r=!0)=>{const o=r?{page:p.get(P(e))?.page,itemsPerPage:p.get(P(e))?.itemsPerPage,searchPattern:p.get(P(e))?.searchPattern}:{},[{page:a,itemsPerPage:i,searchPattern:n},l]=(0,s.useState)({page:o.page??1,itemsPerPage:o.itemsPerPage??t,searchPattern:o.searchPattern??""});return{page:a,itemsPerPage:i,searchPattern:n,setPageState:t=>{l((e=>({...e,...t}))),r&&p.set(P(e),{...p.get(P(e)),...t})}}})(e,{itemsPerPage:a.includes(o)?o:a[0]},D),L=(0,s.useMemo)((()=>O?S??(0,s.jsx)(i.ListEmptyView,{reason:"filtered",title:(0,s.jsx)(l,{content:"emptyViewFilteredTitle"}),description:(0,s.jsx)(l,{content:"emptyViewFilteredDescription"}),"data-testid":"list-empty-view-filtered"}):h??(0,s.jsx)(i.ListEmptyView,{title:(0,s.jsx)(l,{content:"emptyViewTitle"})})),[O,h,S]),E=(0,s.useMemo)((()=>r.map((({sortDataField:e,...t})=>t))),[r]),v=(0,s.useMemo)((()=>y&&O?t.filter((e=>(Array.isArray(y)?y:[y]).some((t=>e[t]&&String(e[t]).toLowerCase().includes(O.toLowerCase()))))):t),[t,O,y]),$=(0,s.useMemo)((()=>{if(!k)return v;const e=r.find((({key:e})=>e===k))?.sortDataField??k,t=r.find((({key:e})=>e===k))?.sort??((t,r)=>t[e]<r[e]?-1:t[e]>r[e]?1:0);return[...v].sort(((e,r)=>g===B?t(e,r):t(r,e)))}),[v,k,B,r]),I=(0,s.useMemo)((()=>{if(F===u)return $;const e=F*(V-1),t=e+F;return $.slice(e,t)}),[V,$,F]),K=(0,s.useCallback)((e=>{R({searchPattern:e}),e!==O&&R({page:1})}),[O]),q=(0,s.useCallback)((e=>{R({itemsPerPage:e});(e===u?1:Math.ceil(v.length/e))<V&&R({page:1})}),[v.length,V]);return(0,s.useEffect)((()=>{if("function"==typeof j&&C.length){const e=v.map((e=>{return t=e,"function"==typeof(r=b)?r(t):t[r];var t,r})).filter((e=>C.includes(e)));j(e)}}),[v]),(0,s.jsx)(i.List,{pagination:(0,s.jsx)(i.Pagination,{current:V,total:F===u?1:Math.ceil(v.length/F),onSelect:e=>R({page:e}),itemsPerPage:F,itemsPerPageOptions:a,onItemsPerPageChange:q}),toolbar:(w||y)&&(0,s.jsxs)(i.Toolbar,{children:[w,y&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.ToolbarExpander,{}),(0,s.jsx)(i.ToolbarGroup,{title:"",children:(0,s.jsx)(i.SearchBar,{inputProps:{placeholder:c.lmsg("searchPlaceholder"),"data-testid":"list-searchbar",value:O,...x??{}},onTyping:K})})]})]}),totalRows:v.length,sortColumn:k,sortDirection:B,onSortChange:M,columns:E,data:I,filtered:!!O,locale:{totalRows:({totalRows:e})=>c.formatMessage("recordsTotal",{total:e}),...f},emptyView:L,onSelectionChange:j,selection:C,rowKey:b,...T})};y.propTypes={id:a().string.isRequired,data:a().array.isRequired,columns:a().array.isRequired,itemsPerPage:a().number,itemsPerPageOptions:a().array,sortColumn:a().string,sortDirection:a().string,searchField:a().oneOfType([a().string,a().arrayOf(a().string.isRequired)]),locale:a().object,emptyView:a().node,emptyFilteredView:a().node,toolbar:a().node,onSelectionChange:a().func,selection:a().array,rowKey:a().oneOfType([a().string,a().func]),searchBarInputProps:a().object,useStorage:a().bool};const f=y},2689:(e,t,r)=>{r.r(t),r.d(t,{default:()=>p});var s=r(89),o=r(286),a=r(586),i=r(1137),n=r.n(i),l=r(1425),c=r(1411),g=r(285);const m=s.Locale.getTranslate("admin.components.lists.traffichistory"),u=[{key:"year",title:(0,g.jsx)(m,{content:"year"})},{key:"month",title:(0,g.jsx)(m,{content:"month"})},{key:"trafficUsage",title:(0,g.jsx)(m,{content:"trafficUsage"}),render:({trafficUsage:e})=>(0,l.formatByteSize)(e),align:"right"}],p=()=>{const{data:{viewer:{client:{trafficHistory:e}}}}=(0,a.useQuery)(n());return(0,g.jsx)(c.default,{id:"traffic-history-report",emptyView:(0,g.jsx)(o.ListEmptyView,{title:(0,g.jsx)(m,{content:"noData"})}),columns:u,data:e,rowKey:({year:e,month:t})=>`${e} ${t}`})}},1425:(e,t,r)=>{r.r(t),r.d(t,{formatByteSize:()=>o});const s=["B","KB","MB","GB","TB","PB","EB","ZB","YB"],o=e=>{if(!e)return"0 B";const t=Math.floor(Math.log(e)/Math.log(1024));return`${(e/1024**t).toFixed(2)} ${s[t]}`}}}]);
//# sourceMappingURL=TrafficHistoryReportPage.js.map?0af38f1ade0d77af9e94