https://miosito.com/cp/javascript/components/pages/TrafficUsageByDomainPage.js?329c747e249a3fb6317e

1"use strict";(globalThis.webpackChunkPlesk||=[]).push([["components/pages/TrafficUsageByDomainPage"],{1609(e,t,a){a.r(t),a.d(t,{SORT_ASC:()=>l,SORT_DESC:()=>d,default:()=>f});var r=a(341),s=a(782),i=a.n(s),n=a(342);const o=a(95).Locale.getSection("components.list"),l="ASC",d="DESC",c="all",g={set(e,t){localStorage.setItem(e,JSON.stringify(t))},get(e){const t=localStorage.getItem(e);return JSON.parse(t)}},u=e=>`list-sort_${e}`,m=e=>`list-page_${e}`,p=({id:e,data:t,columns:a,itemsPerPage:s=25,itemsPerPageOptions:i=[10,25,100,c],sortColumn:d,sortDirection:p=l,searchField:f,locale:h={},emptyView:y,emptyFilteredView:P,toolbar:v,selection:b=[],onSelectionChange:x,searchBarInputProps:S,rowKey:j="key",useStorage:R=!0,...w})=>{const{sortColumn:C,sortDirection:D,setSortState:T}=((e,{sortColumn:t,sortDirection:a})=>{const[{sortColumn:s,sortDirection:i},n]=(0,r.useState)({sortColumn:g.get(u(e))?.sortColumn??t,sortDirection:g.get(u(e))?.sortDirection??a});return{sortColumn:s,sortDirection:i,setSortState:t=>{n(e=>({...e,...t})),g.set(u(e),{...g.get(u(e)),...t})}}})(e,{sortColumn:d??a.find(({sortable:e})=>e)?.key,sortDirection:p}),{page:q,itemsPerPage:k,searchPattern:F,setPageState:U}=((e,{itemsPerPage:t},a=!0)=>{const s=a?{page:g.get(m(e))?.page,itemsPerPage:g.get(m(e))?.itemsPerPage,searchPattern:g.get(m(e))?.searchPattern}:{},[{page:i,itemsPerPage:n,searchPattern:o},l]=(0,r.useState)({page:s.page??1,itemsPerPage:s.itemsPerPage??t,searchPattern:s.searchPattern??""});return{page:i,itemsPerPage:n,searchPattern:o,setPageState:t=>{l(e=>({...e,...t})),a&&g.set(m(e),{...g.get(m(e)),...t})}}})(e,{itemsPerPage:i.includes(s)?s:i[0]},R),O=(0,r.useMemo)(()=>F?P??(0,r.jsx)(n.ListEmptyView,{reason:"filtered","data-testid":"list-empty-view-filtered"}):y??(0,r.jsx)(n.ListEmptyView,{}),[F,y,P]),L=(0,r.useMemo)(()=>a.map(({sortDataField:e,...t})=>t),[a]),N=(0,r.useMemo)(()=>f&&F?t.filter(e=>(Array.isArray(f)?f:[f]).some(t=>e[t]&&String(e[t]).toLowerCase().includes(F.toLowerCase()))):t,[t,F,f]),I=(0,r.useMemo)(()=>{if(!C)return N;const e=a.find(({key:e})=>e===C)?.sortDataField??C,t=a.find(({key:e})=>e===C)?.sort??((t,a)=>t[e]<a[e]?-1:t[e]>a[e]?1:0);return[...N].sort((e,a)=>l===D?t(e,a):t(a,e))},[N,C,D,a]),M=(0,r.useMemo)(()=>{if(k===c)return I;const e=k*(q-1),t=e+k;return I.slice(e,t)},[q,I,k]),$=(0,r.useCallback)(e=>{U({searchPattern:e}),e!==F&&U({page:1})},[F]),_=(0,r.useCallback)(e=>{U({itemsPerPage:e});(e===c?1:Math.ceil(N.length/e))<q&&U({page:1})},[N.length,q]);return(0,r.useEffect)(()=>{if("function"==typeof x&&b.length){const e=N.map(e=>{return t=e,"function"==typeof(a=j)?a(t):t[a];var t,a}).filter(e=>b.includes(e));x(e)}},[N]),(0,r.jsx)(n.List,{pagination:(0,r.jsx)(n.Pagination,{current:q,total:k===c?1:Math.ceil(N.length/k),onSelect:e=>U({page:e}),itemsPerPage:k,itemsPerPageOptions:i,onItemsPerPageChange:_}),toolbar:(v||f)&&(0,r.jsxs)(n.Toolbar,{children:[v,f&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.ToolbarExpander,{}),(0,r.jsx)(n.ToolbarGroup,{title:"",children:(0,r.jsx)(n.SearchBar,{inputProps:{placeholder:o.lmsg("searchPlaceholder"),"data-testid":"list-searchbar",value:F,...S??{}},onTyping:$})})]})]}),totalRows:N.length,sortColumn:C,sortDirection:D,onSortChange:T,columns:L,data:M,filtered:!!F,locale:{totalRows:({totalRows:e})=>o.formatMessage("recordsTotal",{total:e}),...h},emptyView:O,onSelectionChange:x,selection:b,rowKey:j,...w})};p.propTypes={id:i().string.isRequired,data:i().array.isRequired,columns:i().array.isRequired,itemsPerPage:i().number,itemsPerPageOptions:i().array,sortColumn:i().string,sortDirection:i().string,searchField:i().oneOfType([i().string,i().arrayOf(i().string.isRequired)]),locale:i().object,emptyView:i().node,emptyFilteredView:i().node,toolbar:i().node,onSelectionChange:i().func,selection:i().array,rowKey:i().oneOfType([i().string,i().func]),searchBarInputProps:i().object,useStorage:i().bool};const f=p},3125(e,t,a){a.r(t),a.d(t,{default:()=>d});var r=a(782),s=a.n(r),i=a(342),n=a(341);const o=({year:e,month:t,formattedTotalUsage:a})=>`${((e,t)=>new Date(e,t).toLocaleDateString(document.documentElement.lang||"en",{month:"short"}))(e,t-1)} ${e} (${a})`,l=({value:e=null,intervals:t,onChange:a,...r})=>{const s=[...t].reverse(),l=s.find(({key:t})=>t===(e??s[0]?.key));return(0,n.jsx)(i.Dropdown,{...r,"data-testid":"interval-select",menu:(0,n.jsx)(i.Menu,{children:s.map(e=>(0,n.jsx)(i.MenuItem,{onClick:()=>

1a(e.key),children:o(e)},e.key))}),children:o(l)})};l.propTypes={value:s().string,onChange:s().func.isRequired,intervals:s().arrayOf(s().shape({key:s().string.isRequired,month:s().number.isRequired,year:s().number.isRequired,formattedTotalUsage:s().string.isRequired}).isRequired).isRequired};const d=l},3124(e,t,a){a.r(t),a.d(t,{default:()=>r.default});var r=a(3125)},3133(e,t,a){a.r(t),a.d(t,{default:()=>l});var r=a(782),s=a.n(r),i=a(342),n=a(341);const o=({progress:e,...t})=>(0,n.jsxs)("div",{children:[`${e.toFixed(1)}%`,(0,n.jsx)(i.ProgressBar,{progress:Math.min(e,100),intent:e>100?"danger":"info",...t})]});o.propTypes={progress:s().number.isRequired};const l=o},3132(e,t,a){a.r(t),a.d(t,{default:()=>r.default});var r=a(3133)},3128(e,t,a){a.r(t),a.d(t,{default:()=>c});var r=a(803),s=a.n(r),i=a(342),n=a(95),o=(a(3129),a(341));const l=n.Locale.getTranslate("components.common.TrafficUsage.TotalUsageInfo"),d=n.Locale.getSection("smb.components.months"),c=({loading:e,interval:t,trafficData:a,className:r})=>{const n=()=>e?(0,o.jsx)(i.Skeleton,{width:a.isUnlimited?70:200}):a.isUnlimited?a.totalUsageFormatted:(0,o.jsx)(l,{content:"usedLimited",params:{used:a.totalUsageFormatted,limit:a.limitFormatted,percent:a.limitUsagePercent},component:"span",className:"traffic-usage-total-usage-info__used-limited"});return t?(0,o.jsx)(l,{content:"usageWithInterval",params:{usage:n(),month:d.lmsg(t.month.toString()),year:t.year},component:"div",className:s()("traffic-usage-total-usage-info",r)}):(0,o.jsx)(l,{content:"usage",params:{usage:n()},component:"div",className:s()("traffic-usage-total-usage-info",r)})}},3127(e,t,a){a.r(t),a.d(t,{default:()=>r.default});var r=a(3128)},3131(e,t,a){a.r(t),a.d(t,{default:()=>m});var r=a(782),s=a.n(r),i=a(342),n=a(95),o=a(1609),l=a(3132),d=a(341);const c=n.Locale.getTranslate("components.pages.TrafficUsageByDomain.List"),g=n.Locale.getSection("components.pages.TrafficUsageByDomain.List"),u=({intervalSelect:e,data:t,loading:a})=>{const r=[{key:"serviceName",title:(0,d.jsx)(c,{content:"service"}),type:"title",sortable:!0},{key:"usage",title:(0,d.jsx)(c,{content:"usage"}),sortable:!0,align:"right",width:"110px",render:({usageFormatted:e})=>e},{key:"incoming",title:(0,d.jsx)(c,{content:"incoming"}),sortable:!0,align:"right",width:"110px",render:({incomingFormatted:e})=>e},{key:"outgoing",title:(0,d.jsx)(c,{content:"outgoing"}),sortable:!0,align:"right",width:"110px",render:({outgoingFormatted:e})=>e},{key:"percentOfAll",title:(0,d.jsx)(c,{content:"percentOfAll"}),sortable:!0,align:"right",width:"200px",render:({percentOfAll:e,serviceName:t})=>(0,d.jsx)(l.default,{progress:e,"aria-label":g.lmsg("usageOf",{serviceName:t})})}];return(0,d.jsx)(o.default,{id:"domain-traffic-usage-list","data-testid":"domain-services-traffic-usage-list",rowKey:"serviceName",searchField:"serviceName",columns:r,toolbar:(0,d.jsx)(i.ToolbarGroup,{groupable:!1,children:e}),data:t,loading:a,totalRows:void 0})};u.propTypes={intervalSelect:s().node.isRequired,loading:s().bool.isRequired,data:s().arrayOf(s().shape({serviceName:s().string.isRequired,usage:s().number.isRequired,usageFormatted:s().string.isRequired,incoming:s().number.isRequired,incomingFormatted:s().string.isRequired,outgoing:s().number.isRequired,outgoingFormatted:s().string.isRequired,percentOfAll:s().number.isRequired})).isRequired};const m=u},3126(e,t,a){a.r(t),a.d(t,{default:()=>d});var r=a(785),s=a(1415),i=a.n(s),n=a(3127),o=a(2504),l=(a(3130),a(341));const d=({domainId:e,intervalKey:t,interval:a})=>{const{data:s,previousData:d,loading:c}=(0,r.useQuery)(i(),{variables:{domainId:btoa(`Domain:${e}`),intervalKey:t}}),g=s??d;(0,o.assertNodeTypename)(g.domain,"Domain");const u=g.domain.statistics.trafficUsage,m=g.domain.subscription.limits.traffic;return(0,l.jsx)(n.default,{loading:c,trafficData:{totalUsageFormatted:u.totalUsageFormatted,limitUsagePercent:u.limitUsagePercent,isUnlimited:m.isUnlimited,limitFormatted:m.formattedValue},interval:a,className:"traffic-usage-by-domain-total-usage"})}},3123(e,t,a){a.r(t),a.d(t,{default:()=>g});var r=a(341),s=a(772),i=a(785),n=a(3124),o=a(1415),l=a.n(o),d=a(3126),c=a(3131);const g=()=>{const{intervals:e}=(0,s.useLoaderData)(),{domainId:t}=(0,s.useParams)(),[a,o]=(0,r.useState)(void 0),g=e.find(({key:e})=>a===e)??e.at(-1),{data:u,previousData:m,loading:p}=(0,i.useQuery)(l(),{variables:{domainId:btoa(`Domain:${t}`),intervalKey:a}}),f=u??m;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(d.default,{domainId:t,intervalKey:a,interval:g}),(0,r.jsx)(c.default,{intervalSelect:(0,r.jsx)(n.default,{value:a,onChange:o,intervals:e}),loading:p,data:f.domain.statistics.trafficUsage.usageByServices})]})}},3122(e,t,a){a.r(t),a.d(t,{default:()=>r.default});var r=a(3123)},2504(e,t,a){function r(e,t){if(e.__typename!==t)throw new Error(`GraphQL type assertion failed: expected ${t} but received ${e.__typename}`)}a.r(t),a.d(t,{assertNodeTypename:()=>r})},3129(e,t,a){a.r(t)},3130(e,t,a){a.r(t)}}]);
2//# sourceMappingURL=TrafficUsageByDomainPage.js.map?329c747e249a3fb6317e