@bundle-stats/ui 4.12.0-beta.4 → 4.13.0-beta.0

package/lib/ui/horizontal-bar-chart/horizontal-bar-chart.module.css

@@ -1,42 +0,0 @@
-.root {
-  background: var(--color-highlight);
-  display: flex;
-  align-items: stretch;
-  justify-content: flex-start;
-  width: 100%;
-  overflow: hidden;
-}
-
-.item {
-  flex: 0 1 auto;
-  background: var(--color-text);
-  display: inline-flex;
-  min-width: var(--space-xxxsmall);
-  min-height: var(--space-medium);
-}
-
-.itemContent {
-  display: flex;
-  width: 100%;
-  height: 100%;
-  padding: var(--space-xxsmall);
-  align-items: center;
-  justify-content: center;
-
-  color: var(--color-background);
-  font-weight: bold;
-  text-overflow: ellipsis;
-  text-align: center;
-}
-
-.itemLabel {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  visibility: visible;
-}
-
-.textOverflowed .itemLabel {
-  visibility: hidden;
-}

package/lib/ui/horizontal-bar-chart/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/horizontal-bar-chart/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yDAAuC"}

package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js

@@ -1,66 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import map from 'lodash/map';
-import max from 'lodash/max';
-import sum from 'lodash/sum';
-import * as webpack from '@bundle-stats/utils/lib-esm/webpack';
-import { getBundleAssetsFileTypeComponentLink, getGlobalMetricType, getMetricRunInfo } from '@bundle-stats/utils';
-import { ASSETS_SIZES_FILE_TYPE_MAP } from '../../constants';
-import { HorizontalBarChart } from '../../ui/horizontal-bar-chart';
-import { ComponentLink } from '../component-link';
-import { getColors } from '../../utils';
-import { Stack } from '../../layout/stack';
-import { JobName } from '../job-name';
-import { MetricRunInfo } from '../metric-run-info';
-import css from './bundle-assets-totals-chart-bars.module.css';
-const getTooltip = (items, jobs, itemIndex, runIndex) => () => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const metricId = (_a = items === null || items === void 0 ? void 0 : items[itemIndex]) === null || _a === void 0 ? void 0 : _a.key;
-    const current = ((_d = (_c = (_b = items === null || items === void 0 ? void 0 : items[itemIndex]) === null || _b === void 0 ? void 0 : _b.runs) === null || _c === void 0 ? void 0 : _c[runIndex]) === null || _d === void 0 ? void 0 : _d.value) || 0;
-    const baseline = (_g = (_f = (_e = items === null || items === void 0 ? void 0 : items[itemIndex]) === null || _e === void 0 ? void 0 : _e.runs) === null || _f === void 0 ? void 0 : _f[runIndex + 1]) === null || _g === void 0 ? void 0 : _g.value;
-    return (React.createElement(MetricRunInfo, { className: css.itemTooltip, metricId: metricId, current: current, baseline: baseline, showMetridDescription: false, size: "large" }));
-};
-export const BundleAssetsTotalsChartBars = ({ className, jobs, customComponentLink: CustomComponentLink, }) => {
-    const rootClassName = cx(css.root, className);
-    const items = webpack.compareBySection.sizes(jobs);
-    const dataGraphs = [];
-    items.forEach(({ runs }) => {
-        runs.forEach((run, runIndex) => {
-            dataGraphs[runIndex] = [...(dataGraphs[runIndex] || []), (run === null || run === void 0 ? void 0 : run.value) || 0];
-        });
-    });
-    const maxValues = max(map(dataGraphs, (values) => sum(values)));
-    const maxValue = max(maxValues);
-    const labels = items.map(({ key, label }) => {
-        const fileType = ASSETS_SIZES_FILE_TYPE_MAP[key];
-        const componentData = getBundleAssetsFileTypeComponentLink(fileType, label);
-        return (React.createElement(CustomComponentLink, { className: css.itemLink, ...componentData }, label));
-    });
-    const colors = getColors(max(map(dataGraphs, (values) => values.length)));
-    return (React.createElement(Stack, { className: rootClassName, space: "small" }, dataGraphs.map((data, runIndex) => {
-        const { internalBuildNumber } = jobs[runIndex];
-        const values = data.map((value, valueIndex) => ({
-            value,
-            color: colors[valueIndex],
-            label: labels[valueIndex],
-            getItemTooltip: getTooltip(items, jobs, valueIndex, runIndex),
-        }));
-        return (React.createElement("div", { key: internalBuildNumber || runIndex, className: css.item },
-            React.createElement("h3", { className: css.itemTitle },
-                React.createElement(JobName, { internalBuildNumber: internalBuildNumber })),
-            React.createElement(HorizontalBarChart, { className: css.itemChart, data: { labels, values }, maxValue: maxValue })));
-    })));
-};
-BundleAssetsTotalsChartBars.defaultProps = {
-    className: '',
-    customComponentLink: ComponentLink,
-};
-BundleAssetsTotalsChartBars.propTypes = {
-    className: PropTypes.string,
-    jobs: PropTypes.arrayOf(PropTypes.shape({
-        internalBuildNumber: PropTypes.number,
-    })).isRequired,
-    customComponentLink: PropTypes.elementType,
-};
-//# sourceMappingURL=bundle-assets-totals-chart-bars.js.map

package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bundle-assets-totals-chart-bars.js","sourceRoot":"","sources":["../../../src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.jsx"],"names":[],"mappings":"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"}

package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css

@@ -1,42 +0,0 @@
-.item {
-  position: relative;
-}
-
-.itemTitle {
-  position: absolute;
-  right: 0;
-  bottom: 100%;
-  margin: 0 0 2px;
-
-  color: var(--color-text-light);
-  font-size: var(--size-xsmall);
-  font-weight: bold;
-  line-height: 1.1;
-  text-transform: uppercase;
-}
-
-.item:hover .itemTitle {
-  color: var(--color-text);
-}
-
-.itemChart {
-  height: var(--space-large);
-}
-
-.itemTooltip {
-  padding: var(--space-xxsmall) var(--space-xxxsmall);
-  min-width: 240px;
-  text-align: left;
-  font-size: var(--size-medium);
-  line-height: var(--line-height);
-}
-
-.itemLink {
-  color: inherit;
-  text-decoration: none;
-}
-
-.itemLink:hover {
-  color: inherit;
-  text-decoration: underline;
-}

package/lib-esm/components/bundle-assets-totals-chart-bars/index.js

@@ -1,2 +0,0 @@
-export * from './bundle-assets-totals-chart-bars';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/bundle-assets-totals-chart-bars/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-assets-totals-chart-bars/index.js"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC"}

package/lib-esm/components/bundle-assets-totals-table/bundle-assets-totals-table.js

@@ -1,27 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { getBundleAssetsFileTypeComponentLink } from '@bundle-stats/utils';
-import * as webpack from '@bundle-stats/utils/lib-esm/webpack';
-import { ASSETS_SIZES_FILE_TYPE_MAP } from '../../constants';
-import { MetricsTable } from '../metrics-table';
-import { ComponentLink } from '../component-link';
-export const BundleAssetsTotalsTable = ({ className, jobs, customComponentLink: CustomComponentLink, ...restProps }) => {
-    const items = webpack.compareBySection.sizes(jobs);
-    const renderRowHeader = (item) => {
-        const fileType = ASSETS_SIZES_FILE_TYPE_MAP[item.key];
-        const { section, title, params } = getBundleAssetsFileTypeComponentLink(fileType, item.label);
-        return (React.createElement(CustomComponentLink, { section: section, title: title, params: params }, item.label));
-    };
-    return (React.createElement(MetricsTable, { className: className, runs: jobs, items: items, renderRowHeader: renderRowHeader, showHeaderSum: true, ...restProps }));
-};
-BundleAssetsTotalsTable.defaultProps = {
-    className: '',
-    jobs: [],
-    customComponentLink: ComponentLink,
-};
-BundleAssetsTotalsTable.propTypes = {
-    className: PropTypes.string,
-    jobs: PropTypes.array,
-    customComponentLink: PropTypes.elementType,
-};
-//# sourceMappingURL=bundle-assets-totals-table.js.map

package/lib-esm/components/bundle-assets-totals-table/bundle-assets-totals-table.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bundle-assets-totals-table.js","sourceRoot":"","sources":["../../../src/components/bundle-assets-totals-table/bundle-assets-totals-table.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,oCAAoC,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,KAAK,OAAO,MAAM,qCAAqC,CAAC;AAE/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,SAAS,EACT,IAAI,EACJ,mBAAmB,EAAE,mBAAmB,EACxC,GAAG,SAAS,EACb,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,OAAO,CAAC,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,eAAe,GAAG,CAAC,IAAI,EAAE,EAAE;QAC/B,MAAM,QAAQ,GAAG,0BAA0B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACtD,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,oCAAoC,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAE9F,OAAO,CACL,oBAAC,mBAAmB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,IAChE,IAAI,CAAC,KAAK,CACS,CACvB,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,YAAY,IACX,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,eAAe,EAChC,aAAa,WACT,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,uBAAuB,CAAC,YAAY,GAAG;IACrC,SAAS,EAAE,EAAE;IACb,IAAI,EAAE,EAAE;IACR,mBAAmB,EAAE,aAAa;CACnC,CAAC;AAEF,uBAAuB,CAAC,SAAS,GAAG;IAElC,SAAS,EAAE,SAAS,CAAC,MAAM;IAG3B,IAAI,EAAE,SAAS,CAAC,KAAK;IAErB,mBAAmB,EAAE,SAAS,CAAC,WAAW;CAC3C,CAAC"}

package/lib-esm/components/bundle-assets-totals-table/bundle-assets-totals-table.module.css

@@ -1,3 +0,0 @@
-.title {
-  color: var(--color-text-light);
-}

package/lib-esm/components/bundle-assets-totals-table/index.js

@@ -1,2 +0,0 @@
-export * from './bundle-assets-totals-table';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/bundle-assets-totals-table/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-assets-totals-table/index.js"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}

package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.js

@@ -1,96 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import round from 'lodash/round';
-import sum from 'lodash/sum';
-import cx from 'classnames';
-import { getColors } from '../../utils';
-import { Tooltip } from '../tooltip';
-import css from './horizontal-bar-chart.module.css';
-class HorizontalBarChartItem extends React.Component {
-    constructor(props) {
-        super(props);
-        this.textRef = React.createRef();
-        this.ref = React.createRef();
-        this.state = {
-            isTextOverflowing: true,
-        };
-    }
-    componentDidMount() {
-        var _a, _b, _c, _d;
-        const wrapperWidth = ((_b = (_a = this.ref) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.clientWidth) || 0;
-        const textWidth = ((_d = (_c = this.textRef) === null || _c === void 0 ? void 0 : _c.current) === null || _d === void 0 ? void 0 : _d.scrollWidth) || 0;
-        if (wrapperWidth >= (textWidth + 2 * 4)) {
-            this.setState({ isTextOverflowing: false });
-        }
-    }
-    render() {
-        const { color, label, getItemTooltip, width, } = this.props;
-        const { isTextOverflowing } = this.state;
-        const tooltipContent = getItemTooltip();
-        return (React.createElement("span", { className: cx(css.item, isTextOverflowing && css.textOverflowed), style: {
-                width,
-                background: color,
-            }, ref: this.ref },
-            React.createElement(Tooltip, { className: css.itemContent, title: tooltipContent, darkMode: false },
-                React.createElement("span", { className: css.itemLabel, ref: this.textRef }, label))));
-    }
-}
-HorizontalBarChartItem.propTypes = {
-    width: PropTypes.string.isRequired,
-    color: PropTypes.string.isRequired,
-    label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
-    getItemTooltip: PropTypes.func,
-};
-HorizontalBarChartItem.defaultProps = {
-    getItemTooltip: () => null,
-};
-const getTotalValues = (values) => sum(values.map((entry) => {
-    if (typeof entry === 'object') {
-        return entry.value;
-    }
-    return entry;
-}));
-export const HorizontalBarChart = (props) => {
-    const { className, data, maxValue } = props;
-    const { labels, values } = data;
-    const defaultColors = getColors(labels.length);
-    const total = maxValue || getTotalValues(values);
-    const entries = values.reduce((agg, entry, index) => {
-        const { value, color = defaultColors[index], label = labels[index], getItemTooltip, } = typeof entry === 'object' ? entry : { value: entry };
-        const width = `${round((value / total) * 100, 2)}%`;
-        return [
-            ...agg,
-            {
-                value,
-                width,
-                color,
-                label,
-                getItemTooltip,
-            },
-        ];
-    }, []);
-    return (React.createElement("div", { className: cx(css.root, className) }, entries.map(({ color, getItemTooltip, label, width, }, index) => {
-        const key = index;
-        return (React.createElement(HorizontalBarChartItem, { key: key, width: width, color: color, label: label, getItemTooltip: getItemTooltip, className: css.item }));
-    })));
-};
-HorizontalBarChart.defaultProps = {
-    className: '',
-    maxValue: null,
-};
-HorizontalBarChart.propTypes = {
-    className: PropTypes.string,
-    data: PropTypes.shape({
-        labels: PropTypes.arrayOf(PropTypes.string),
-        values: PropTypes.arrayOf(PropTypes.oneOfType([
-            PropTypes.number,
-            PropTypes.shape({
-                value: PropTypes.number,
-                color: PropTypes.string,
-                label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-            }),
-        ])),
-    }).isRequired,
-    maxValue: PropTypes.number,
-};
-//# sourceMappingURL=horizontal-bar-chart.js.map

package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"horizontal-bar-chart.js","sourceRoot":"","sources":["../../../src/ui/horizontal-bar-chart/horizontal-bar-chart.jsx"],"names":[],"mappings":"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"}

package/lib-esm/ui/horizontal-bar-chart/horizontal-bar-chart.module.css

@@ -1,42 +0,0 @@
-.root {
-  background: var(--color-highlight);
-  display: flex;
-  align-items: stretch;
-  justify-content: flex-start;
-  width: 100%;
-  overflow: hidden;
-}
-
-.item {
-  flex: 0 1 auto;
-  background: var(--color-text);
-  display: inline-flex;
-  min-width: var(--space-xxxsmall);
-  min-height: var(--space-medium);
-}
-
-.itemContent {
-  display: flex;
-  width: 100%;
-  height: 100%;
-  padding: var(--space-xxsmall);
-  align-items: center;
-  justify-content: center;
-
-  color: var(--color-background);
-  font-weight: bold;
-  text-overflow: ellipsis;
-  text-align: center;
-}
-
-.itemLabel {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  visibility: visible;
-}
-
-.textOverflowed .itemLabel {
-  visibility: hidden;
-}

package/lib-esm/ui/horizontal-bar-chart/index.js

@@ -1,2 +0,0 @@
-export * from './horizontal-bar-chart';
-//# sourceMappingURL=index.js.map

package/lib-esm/ui/horizontal-bar-chart/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/horizontal-bar-chart/index.js"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.jsx

@@ -1,106 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import map from 'lodash/map';
-import max from 'lodash/max';
-import sum from 'lodash/sum';
-import * as webpack from '@bundle-stats/utils/lib-esm/webpack';
-import { getBundleAssetsFileTypeComponentLink, getGlobalMetricType, getMetricRunInfo } from '@bundle-stats/utils';
-
-import { ASSETS_SIZES_FILE_TYPE_MAP } from '../../constants';
-import { HorizontalBarChart } from '../../ui/horizontal-bar-chart';
-import { ComponentLink } from '../component-link'
-import { getColors } from '../../utils';
-import { Stack } from '../../layout/stack';
-import { JobName } from '../job-name';
-import { MetricRunInfo } from '../metric-run-info';
-import css from './bundle-assets-totals-chart-bars.module.css';
-
-const getTooltip = (items, jobs, itemIndex, runIndex) => () => {
-  const metricId = items?.[itemIndex]?.key;
-  const current = items?.[itemIndex]?.runs?.[runIndex]?.value || 0;
-  const baseline = items?.[itemIndex]?.runs?.[runIndex + 1]?.value;
-
-  return (
-    <MetricRunInfo
-      className={css.itemTooltip}
-      metricId={metricId}
-      current={current}
-      baseline={baseline}
-      showMetridDescription={false}
-      size="large"
-    />
-  );
-};
-
-export const BundleAssetsTotalsChartBars = ({
-  className,
-  jobs,
-  customComponentLink: CustomComponentLink,
-}) => {
-  const rootClassName = cx(css.root, className);
-  const items = webpack.compareBySection.sizes(jobs);
-
-  const dataGraphs = [];
-
-  items.forEach(({ runs }) => {
-    runs.forEach((run, runIndex) => {
-      dataGraphs[runIndex] = [...(dataGraphs[runIndex] || []), run?.value || 0];
-    });
-  });
-
-  const maxValues = max(map(dataGraphs, (values) => sum(values)));
-  const maxValue = max(maxValues);
-
-  const labels = items.map(({ key, label }) => {
-    const fileType = ASSETS_SIZES_FILE_TYPE_MAP[key];
-    const componentData = getBundleAssetsFileTypeComponentLink(fileType, label);
-    return (
-      <CustomComponentLink className={css.itemLink} {...componentData}>
-        {label}
-      </CustomComponentLink>
-    );
-  });
-  const colors = getColors(max(map(dataGraphs, (values) => values.length)));
-
-  return (
-    <Stack className={rootClassName} space="small">
-      {dataGraphs.map((data, runIndex) => {
-        const { internalBuildNumber } = jobs[runIndex];
-
-        const values = data.map((value, valueIndex) => ({
-          value,
-          color: colors[valueIndex],
-          label: labels[valueIndex],
-          getItemTooltip: getTooltip(items, jobs, valueIndex, runIndex),
-        }));
-
-        return (
-          <div key={internalBuildNumber || runIndex} className={css.item}>
-            <h3 className={css.itemTitle}><JobName internalBuildNumber={internalBuildNumber} /></h3>
-            <HorizontalBarChart
-              className={css.itemChart}
-              data={{ labels, values }}
-              maxValue={maxValue}
-            />
-          </div>
-        );
-      })}
-    </Stack>
-  );
-};
-
-BundleAssetsTotalsChartBars.defaultProps = {
-  className: '',
-  customComponentLink: ComponentLink,
-};
-
-BundleAssetsTotalsChartBars.propTypes = {
-  className: PropTypes.string,
-  jobs: PropTypes.arrayOf(
-    PropTypes.shape({
-      internalBuildNumber: PropTypes.number,
-    }),
-  ).isRequired,
-  customComponentLink: PropTypes.elementType,
-};

package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css

@@ -1,42 +0,0 @@
-.item {
-  position: relative;
-}
-
-.itemTitle {
-  position: absolute;
-  right: 0;
-  bottom: 100%;
-  margin: 0 0 2px;
-
-  color: var(--color-text-light);
-  font-size: var(--size-xsmall);
-  font-weight: bold;
-  line-height: 1.1;
-  text-transform: uppercase;
-}
-
-.item:hover .itemTitle {
-  color: var(--color-text);
-}
-
-.itemChart {
-  height: var(--space-large);
-}
-
-.itemTooltip {
-  padding: var(--space-xxsmall) var(--space-xxxsmall);
-  min-width: 240px;
-  text-align: left;
-  font-size: var(--size-medium);
-  line-height: var(--line-height);
-}
-
-.itemLink {
-  color: inherit;
-  text-decoration: none;
-}
-
-.itemLink:hover {
-  color: inherit;
-  text-decoration: underline;
-}

package/src/components/bundle-assets-totals-chart-bars/index.js

@@ -1 +0,0 @@
-export * from './bundle-assets-totals-chart-bars';

package/src/components/bundle-assets-totals-table/bundle-assets-totals-table.jsx

@@ -1,55 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { getBundleAssetsFileTypeComponentLink } from '@bundle-stats/utils';
-import * as webpack from '@bundle-stats/utils/lib-esm/webpack';
-
-import { ASSETS_SIZES_FILE_TYPE_MAP } from '../../constants';
-import { MetricsTable } from '../metrics-table';
-import { ComponentLink } from '../component-link';
-
-export const BundleAssetsTotalsTable = ({
-  className,
-  jobs,
-  customComponentLink: CustomComponentLink,
-  ...restProps
-}) => {
-  const items = webpack.compareBySection.sizes(jobs);
-
-  const renderRowHeader = (item) => {
-    const fileType = ASSETS_SIZES_FILE_TYPE_MAP[item.key];
-    const { section, title, params } = getBundleAssetsFileTypeComponentLink(fileType, item.label);
-
-    return (
-      <CustomComponentLink section={section} title={title} params={params}>
-        {item.label}
-      </CustomComponentLink>
-    );
-  };
-
-  return (
-    <MetricsTable
-      className={className}
-      runs={jobs}
-      items={items}
-      renderRowHeader={renderRowHeader}
-      showHeaderSum
-      {...restProps}
-    />
-  );
-};
-
-BundleAssetsTotalsTable.defaultProps = {
-  className: '',
-  jobs: [],
-  customComponentLink: ComponentLink,
-};
-
-BundleAssetsTotalsTable.propTypes = {
-  /** Addopted child class name */
-  className: PropTypes.string,
-
-  /** Jobs data */
-  jobs: PropTypes.array, // eslint-disable-line react/forbid-prop-types
-
-  customComponentLink: PropTypes.elementType,
-};

package/src/components/bundle-assets-totals-table/bundle-assets-totals-table.module.css

@@ -1,3 +0,0 @@
-.title {
-  color: var(--color-text-light);
-}

package/src/components/bundle-assets-totals-table/index.js

@@ -1 +0,0 @@
-export * from './bundle-assets-totals-table';