File Content: TrafficUsageByDomainsPage.js.map {"version":3,"file":"javascript/components/pages/TrafficUsageByDomainsPage.js?b80938d3746b3440aad0","mappings":"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","sources":["webpack:///./components/common/ListFilterButton/ListFilterButton.tsx","webpack:///./components/common/ListFilterForm/ListFilterForm.js","webpack:///./components/common/ListFilterPanel/ListFilterPanel.js","webpack:///./components/common/TrafficUsage/HeaderLayout/HeaderLayout.js","webpack:///./components/common/TrafficUsage/IntervalSelect/IntervalSelect.js","webpack:///./components/common/TrafficUsage/Progress/Progress.js","webpack:///./components/common/TrafficUsage/TotalUsageInfo/TotalUsageInfo.tsx","webpack:///./components/pages/TrafficUsageByDomainsPage/Filters.js","webpack:///./components/pages/TrafficUsageByDomainsPage/List.js","webpack:///./components/pages/TrafficUsageByDomainsPage/TotalUsage.js","webpack:///./components/pages/TrafficUsageByDomainsPage/TrafficUsageByDomainsPage.js"],"sourcesContent":["// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\nimport { Badge, Button, ButtonProps } from '@plesk/ui-library';\n\ntype ListFilterButtonProps = {\n filtered?: boolean;\n className?: string;\n} & ButtonProps;\n\nconst ListFilterButton = ({ filtered = false, className = undefined, ...props }: ListFilterButtonProps) => (\n <Badge intent=\"info\" hidden={!filtered} className={className}>\n <Button\n icon=\"filter\"\n data-testid=\"filter-button\"\n {...props}\n />\n </Badge>\n);\n\nexport default ListFilterButton;\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\nimport { Form } from '@plesk/ui-library';\nimport { Locale } from 'jsw';\n\nconst locale = Locale.getSection('components.common.ListFilterForm');\n\nconst ListFilterForm = props => (\n <Form\n applyButton={false}\n cancelButton={false}\n submitButton={{\n children: locale.lmsg('apply'),\n fill: true,\n 'data-testid': 'filter-apply-button',\n }}\n {...props}\n />\n);\n\nexport default ListFilterForm;\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\nimport PropTypes from 'prop-types';\nimport { Panel, Button } from '@plesk/ui-library';\nimport { Locale } from 'jsw';\n\nconst locale = Locale.getSection('components.common.ListFilterPanel');\n\nconst ListFilterPanel = ({ onClear = undefined, ...props }) => (\n <Panel\n title={locale.lmsg('title')}\n extra={\n <Button\n ghost\n icon=\"clean\"\n onClick={onClear}\n >\n {locale.lmsg('clear')}\n </Button>\n }\n {...props}\n />\n);\n\nListFilterPanel.propTypes = {\n onClear: PropTypes.func,\n};\n\nexport default ListFilterPanel;\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\nimport PropTypes from 'prop-types';\nimport './HeaderLayout.less';\n\nconst HeaderLayout = ({ children }) => (\n <div className=\"traffic-usage-header-layout\" >\n {children}\n </div>\n);\n\nHeaderLayout.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default HeaderLayout;\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\nimport PropTypes from 'prop-types';\nimport { Dropdown, Menu, MenuItem } from '@plesk/ui-library';\n\nconst getFormattedMonth = (year, month) => new Date(year, month).toLocaleDateString(\n document.documentElement.lang || 'en',\n { month: 'short' },\n);\n\nconst getIntervalLabel = ({ year, month, formattedTotalUsage }) => `${getFormattedMonth(year, month - 1)} ${year} (${formattedTotalUsage})`;\n\nconst IntervalSelect = ({ value = null, intervals, onChange, ...props }) => {\n const reversedIntervals = [...intervals].reverse();\n\n const current = reversedIntervals.find(({ key }) => key === (value ?? reversedIntervals[0]?.key));\n\n return (\n <Dropdown\n {...props}\n data-testid=\"interval-select\"\n menu={\n <Menu>\n {reversedIntervals.map(interval => (\n <MenuItem key={interval.key} onClick={() => onChange(interval.key)}>\n {getIntervalLabel(interval)}\n </MenuItem>\n ))}\n </Menu>\n }\n >\n {getIntervalLabel(current)}\n </Dropdown>\n );\n};\n\nIntervalSelect.propTypes = {\n value: PropTypes.string,\n onChange: PropTypes.func.isRequired,\n intervals: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string.isRequired,\n month: PropTypes.number.isRequired,\n year: PropTypes.number.isRequired,\n formattedTotalUsage: PropTypes.string.isRequired,\n }).isRequired,\n ).isRequired,\n};\n\nexport default IntervalSelect;\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\nimport PropTypes from 'prop-types';\nimport { ProgressBar } from '@plesk/ui-library';\n\nconst Progress = ({ progress }) => (\n <div>\n {`${progress.toFixed(1)}%`}\n <ProgressBar\n progress={Math.min(progress, 100)}\n intent={progress > 100 ? 'danger' : 'info'}\n />\n </div>\n);\n\nProgress.propTypes = {\n progress: PropTypes.number.isRequired,\n};\n\nexport default Progress;\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\nimport classNames from 'classnames';\nimport { Skeleton } from '@plesk/ui-library';\nimport { Locale } from 'jsw';\nimport './TotalUsageInfo.less';\n\nconst Translate = Locale.getTranslate('components.common.TrafficUsage.TotalUsageInfo');\nconst monthLocale = Locale.getSection('smb.components.months');\n\ntype TotalUsageInfoProps = {\n loading: boolean;\n interval?: { year: number; month: number };\n trafficData: {\n totalUsageFormatted: string;\n isUnlimited: boolean;\n limitFormatted: string;\n limitUsagePercent: number | null;\n },\n className?: string;\n};\n\nconst TotalUsageInfo = ({ loading, interval = undefined, trafficData, className = undefined }: TotalUsageInfoProps) => {\n const renderUsage = () => {\n if (loading) {\n return <Skeleton width={trafficData.isUnlimited ? 70 : 200} />;\n }\n\n if (trafficData.isUnlimited) {\n return trafficData.totalUsageFormatted;\n }\n\n return (\n <Translate\n content=\"usedLimited\"\n params={{\n used: trafficData.totalUsageFormatted,\n limit: trafficData.limitFormatted,\n percent: trafficData.limitUsagePercent,\n }}\n component=\"span\"\n className=\"traffic-usage-total-usage-info__used-limited\"\n />\n );\n };\n\n if (interval) {\n return (\n <Translate\n content=\"usageWithInterval\"\n params={{\n usage: renderUsage(),\n month: monthLocale.lmsg(interval.month.toString()),\n year: interval.year,\n }}\n component=\"div\"\n className={classNames('traffic-usage-total-usage-info', className)}\n />\n );\n }\n\n return (\n <Translate\n content=\"usage\"\n params={{ usage: renderUsage() }}\n component=\"div\"\n className={classNames('traffic-usage-total-usage-info', className)}\n />\n );\n};\n\nexport default TotalUsageInfo;\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\nimport { useContext, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormFieldCheckbox, FormFieldText, setIn } from '@plesk/ui-library';\nimport { Locale } from 'jsw';\nimport { GraphQlListContext } from 'components/common/GraphQlList/GraphQlListContext';\nimport ListFilterPanel from 'components/common/ListFilterPanel';\nimport ListFilterForm from 'components/common/ListFilterForm';\n\nconst Translate = Locale.getTranslate('components.pages.TrafficUsageByDomains.Viewer.Filters');\n\nexport const defaultValues = {\n ownOnly: false,\n searchFilters: { clientName: '' },\n};\n\nconst getInitialValues = values => ({\n ownOnly: values.ownOnly ?? defaultValues.ownOnly,\n searchFilters: {\n clientName: values.searchFilters?.clientName ?? defaultValues.searchFilters.clientName,\n },\n});\n\nconst PARENT_CLIENT_OWN_ONLY_MAP = {\n admin: 'ownOnly',\n reseller: 'resellerOnly',\n client: 'ownOnly',\n};\n\nconst Filters = ({ parentClientType = 'admin' }) => {\n const { listInput, setFilters } = useContext(GraphQlListContext);\n\n const [values, setValues] = useState(() => getInitialValues(listInput));\n\n const handleFieldChange = (name, value) => {\n setValues(values => setIn(values, name, value));\n };\n\n const handleSubmit = values => {\n setFilters(values);\n setValues(getInitialValues(values));\n };\n\n return (\n <ListFilterPanel onClear={() => handleSubmit(defaultValues)}>\n <ListFilterForm values={values} onSubmit={handleSubmit} onFieldChange={handleFieldChange}>\n <FormFieldCheckbox\n label={\n <Translate content={PARENT_CLIENT_OWN_ONLY_MAP[parentClientType]} />\n }\n name=\"ownOnly\"\n />\n <FormFieldText\n size=\"fill\"\n label={<Translate content=\"clientName\" />}\n name=\"searchFilters[clientName]\"\n />\n </ListFilterForm>\n </ListFilterPanel>\n );\n};\n\nFilters.propTypes = {\n parentClientType: PropTypes.oneOf(['admin', 'reseller', 'client']),\n};\n\nexport default Filters;\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\nimport PropTypes from 'prop-types';\nimport { Link } from 'react-router-dom';\nimport { Toolbar, ToolbarExpander, ToolbarGroup } from '@plesk/ui-library';\nimport { GraphQlList } from 'components/common/GraphQlList';\nimport Progress from 'components/common/TrafficUsage/Progress';\nimport { Locale } from 'jsw';\nimport './List.less';\n\nconst Translate = Locale.getTranslate('components.pages.TrafficUsageByDomains.Viewer.List');\n\nconst List = ({\n filterButton = null,\n showClientNameColumn = true,\n ...listProps\n}) => {\n const columns = [\n {\n key: 'domainName',\n title: <Translate content=\"domainName\" />,\n type: 'title',\n sortable: true,\n render: ({ domainId, domainName }) => (\n <Link to={`./${domainId}`}>{domainName}</Link>\n ),\n },\n showClientNameColumn && {\n key: 'clientName',\n title: <Translate content=\"clientName\" />,\n sortable: true,\n },\n {\n key: 'totalUsage',\n title: <Translate content=\"totalUsage\" />,\n className: 'traffic-usage-by-domains-list-unit-column',\n render: ({ totalUsageFormatted }) => totalUsageFormatted,\n sortable: true,\n align: 'right',\n width: '100px',\n },\n {\n key: 'subscriptionLimit',\n title: <Translate content=\"subscriptionLimit\" />,\n className: 'traffic-usage-by-domains-list-unit-column',\n render: ({ subscriptionLimitFormatted }) => subscriptionLimitFormatted,\n sortable: true,\n align: 'right',\n width: '150px',\n },\n {\n key: 'subscriptionLimitRemaining',\n title: <Translate content=\"subscriptionLimitRemaining\" />,\n className: 'traffic-usage-by-domains-list-unit-column',\n render: ({ subscriptionLimitRemainingFormatted }) => subscriptionLimitRemainingFormatted || '-',\n sortable: true,\n align: 'right',\n width: '150px',\n },\n {\n key: 'subscriptionLimitUsagePercent',\n title: <Translate content=\"subscriptionLimitUsagePercent\" />,\n render: ({ subscriptionLimitUsagePercent }) => typeof subscriptionLimitUsagePercent === 'number'\n ? <Progress progress={subscriptionLimitUsagePercent} />\n : '-',\n sortable: true,\n align: 'right',\n width: '200px',\n },\n ].filter(Boolean);\n\n return (\n <GraphQlList\n rowKey=\"domainName\"\n columns={columns}\n toolbar={(\n <Toolbar>\n <ToolbarExpander />\n <ToolbarGroup groupable={false}>\n {filterButton}\n <GraphQlList.SearchBar name=\"domainName\" />\n </ToolbarGroup>\n </Toolbar>\n )}\n {...listProps}\n />\n );\n};\n\nList.propTypes = {\n filterButton: PropTypes.node,\n showClientNameColumn: PropTypes.bool,\n};\n\nexport default List;\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport TotalUsageInfo from 'components/common/TrafficUsage/TotalUsageInfo';\n\nconst TotalUsage = ({ intervalKey = undefined, interval, queryParams }) => {\n const { data, previousData, loading } = useQuery(queryParams.query, {\n variables: { intervalKey, ...(queryParams.variables ?? {}) },\n });\n const totalTrafficData = queryParams.extractTrafficData(data ?? previousData);\n\n return (\n <TotalUsageInfo\n loading={loading}\n trafficData={totalTrafficData}\n intervalKey={intervalKey}\n interval={interval}\n />\n );\n};\n\nTotalUsage.propTypes = {\n intervalKey: PropTypes.string,\n interval: PropTypes.shape({\n year: PropTypes.number.isRequired,\n month: PropTypes.number.isRequired,\n }).isRequired,\n queryParams: PropTypes.object.isRequired,\n};\n\nexport default TotalUsage;\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\n\nimport { useState } from 'react';\nimport { useLoaderData, useOutletContext } from 'react-router-dom';\nimport { Columns, Column } from '@plesk/ui-library';\nimport { useGraphQlList } from 'components/common/GraphQlList';\nimport ListFilterButton from 'components/common/ListFilterButton';\nimport HeaderLayout from 'components/common/TrafficUsage/HeaderLayout';\nimport IntervalSelect from 'components/common/TrafficUsage/IntervalSelect';\nimport Filters from './Filters';\nimport List from './List';\nimport TotalUsage from './TotalUsage';\n\nconst TrafficUsageByDomainsPage = () => {\n const {\n trafficUsageIntervals,\n listQueryParams,\n totalUsageQueryParams,\n showFilters = true,\n showClientNameColumn,\n parentClientType,\n } = useLoaderData();\n\n const [intervalKey, setIntervalKey] = useState(undefined);\n\n const { listProps, listInput } = useGraphQlList({\n ...listQueryParams,\n inputVariables: { intervalKey },\n });\n\n const [isFilterVisible, setIsFilterVisible] = useState(false);\n\n const outletContext = useOutletContext();\n\n const filteredBySearchBar = listInput.searchFilters?.domainName;\n const filteredByFilters = listInput.ownOnly || listInput.searchFilters?.clientName;\n\n const filtered = filteredBySearchBar || filteredByFilters;\n\n const interval = trafficUsageIntervals.find(({ key }) => intervalKey === key)\n ?? trafficUsageIntervals.at(-1);\n\n return (\n <>\n <HeaderLayout>\n <Columns gap=\"xs\">\n {outletContext?.trafficUsagePageDropdown && <Column>{outletContext?.trafficUsagePageDropdown}</Column>}\n <Column>\n <IntervalSelect\n value={intervalKey}\n onChange={setIntervalKey}\n intervals={trafficUsageIntervals}\n />\n </Column>\n </Columns>\n </HeaderLayout>\n <TotalUsage\n intervalKey={intervalKey}\n interval={interval}\n queryParams={totalUsageQueryParams}\n />\n <List\n filterButton={showFilters && (\n <ListFilterButton\n filtered={filteredByFilters}\n onClick={() => setIsFilterVisible(!isFilterVisible)}\n />\n )}\n sidebar={isFilterVisible && <Filters parentClientType={parentClientType} />}\n filtered={filtered}\n showClientNameColumn={showClientNameColumn}\n {...listProps}\n />\n </>\n );\n};\n\nexport default TrafficUsageByDomainsPage;\n"],"names":["ListFilterButton","filtered","className","props","_jsx","Badge","intent","hidden","children","Button","icon","locale","Locale","getSection","Form","applyButton","cancelButton","submitButton","lmsg","fill","ListFilterPanel","onClear","Panel","title","extra","ghost","onClick","propTypes","PropTypes","HeaderLayout","isRequired","getIntervalLabel","year","month","formattedTotalUsage","getFormattedMonth","Date","toLocaleDateString","document","documentElement","lang","IntervalSelect","value","intervals","onChange","reversedIntervals","reverse","current","find","key","Dropdown","menu","Menu","map","interval","MenuItem","Progress","progress","_jsxs","toFixed","ProgressBar","Math","min","Translate","getTranslate","monthLocale","TotalUsageInfo","loading","trafficData","renderUsage","Skeleton","width","isUnlimited","totalUsageFormatted","content","params","used","limit","limitFormatted","percent","limitUsagePercent","component","usage","toString","classNames","defaultValues","ownOnly","searchFilters","clientName","getInitialValues","values","PARENT_CLIENT_OWN_ONLY_MAP","admin","reseller","client","Filters","parentClientType","listInput","setFilters","useContext","GraphQlListContext","setValues","useState","handleSubmit","ListFilterForm","onSubmit","onFieldChange","handleFieldChange","name","setIn","FormFieldCheckbox","label","FormFieldText","size","List","filterButton","showClientNameColumn","listProps","columns","type","sortable","render","domainId","domainName","Link","to","align","subscriptionLimitFormatted","subscriptionLimitRemainingFormatted","subscriptionLimitUsagePercent","filter","Boolean","GraphQlList","rowKey","toolbar","Toolbar","ToolbarExpander","ToolbarGroup","groupable","SearchBar","TotalUsage","intervalKey","queryParams","data","previousData","useQuery","query","variables","totalTrafficData","extractTrafficData","TrafficUsageByDomainsPage","trafficUsageIntervals","listQueryParams","totalUsageQueryParams","showFilters","useLoaderData","setIntervalKey","undefined","useGraphQlList","inputVariables","isFilterVisible","setIsFilterVisible","outletContext","useOutletContext","filteredBySearchBar","filteredByFilters","at","_Fragment","Columns","gap","trafficUsagePageDropdown","Column","sidebar"],"sourceRoot":""} Submit