@bundle-stats/ui 4.2.3-beta.0 → 4.2.3-beta.1

package/lib-esm/components/bundle-assets/bundle-assets.utils.js

@@ -1,72 +1,183 @@
-import { ASSET_ENTRY_TYPE, ASSET_FILE_TYPE, ASSET_FILTERS, getFileType } from '@bundle-stats/utils';
-import { SORT_BY_NAME, SORT_BY_DELTA, SORT_BY_SIZE } from './bundle-assets.constants';
-export const addRowAssetFlags = (row) => {
-    const { runs } = row;
-    const isEntry = runs.map((run) => run === null || run === void 0 ? void 0 : run.isEntry).includes(true);
-    const isInitial = runs.map((run) => run === null || run === void 0 ? void 0 : run.isInitial).includes(true);
-    const isChunk = runs.map((run) => run === null || run === void 0 ? void 0 : run.isChunk).includes(true);
+import get from 'lodash/get';
+import intersection from 'lodash/intersection';
+import isEmpty from 'lodash/isEmpty';
+import orderBy from 'lodash/orderBy';
+import { ASSET_CHUNK, ASSET_ENTRY_TYPE, ASSET_FILE_TYPE, ASSET_FILTERS, FILE_TYPE_LABELS, getFileType, } from '@bundle-stats/utils';
+import * as I18N from './bundle-assets.i18n';
+const NO_CHUNK_FILTER = 'NO_CHUNK';
+export const getIsNotPredictive = (row) => {
+    const { key, runs } = row;
+    return runs.reduce((agg, run, index) => {
+        if (agg) {
+            return agg;
+        }
+        if (index + 1 === runs.length) {
+            return agg;
+        }
+        const preRun = runs[index + 1];
+        if (run &&
+            preRun &&
+            key !== run.name &&
+            run.name === preRun.name &&
+            run.value !== preRun.value) {
+            return true;
+        }
+        return agg;
+    }, false);
+};
+export const getAssetMetaStatus = (values) => {
+    if (!values.includes(true)) {
+        return false;
+    }
+    const metaValues = values.filter((value) => typeof value !== 'undefined');
+    const current = metaValues[0];
+    const metaValuesLength = metaValues.length;
+    if (metaValuesLength === 1) {
+        return Boolean(current);
+    }
+    const baseline = metaValues[metaValuesLength - 1];
+    if (current && !baseline) {
+        return 'added';
+    }
+    if (!current && baseline) {
+        return 'removed';
+    }
+    return true;
+};
+export const addMetricReportAssetRowData = (row) => {
+    const { changed, runs } = row;
+    const runsEntry = [];
+    const runsInitial = [];
+    const runsChunk = [];
+    runs.forEach((run) => {
+        runsEntry.push(run === null || run === void 0 ? void 0 : run.isEntry);
+        runsInitial.push(run === null || run === void 0 ? void 0 : run.isInitial);
+        runsChunk.push(run === null || run === void 0 ? void 0 : run.isChunk);
+    });
+    const isEntry = getAssetMetaStatus(runsEntry);
+    const isInitial = getAssetMetaStatus(runsInitial);
+    const isChunk = getAssetMetaStatus(runsChunk);
     const isAsset = !(isEntry || isInitial || isChunk);
+    const isNotPredictive = getIsNotPredictive(row);
+    const fileType = getFileType(row.key);
+    const assetChanged = changed ||
+        typeof isEntry !== 'boolean' ||
+        typeof isInitial !== 'boolean' ||
+        typeof isChunk !== 'boolean';
     return {
         ...row,
+        changed: assetChanged,
         isEntry,
         isInitial,
         isChunk,
         isAsset,
+        isNotPredictive,
+        fileType,
     };
 };
-export const getIsNotPredictive = (key, runs) => runs.reduce((agg, current, index) => {
-    if (agg) {
-        return agg;
-    }
-    if (index + 1 === runs.length) {
-        return agg;
-    }
-    if (current &&
-        runs[index + 1] &&
-        current.delta !== 0 &&
-        key !== current.name &&
-        current.name === runs[index + 1].name) {
-        return true;
-    }
-    return agg;
-}, false);
-export const addRowIsNotPredictive = (row) => ({
-    ...row,
-    isNotPredictive: getIsNotPredictive(row.key, row.runs),
-});
-export const getRowFilter = (filters) => (item) => {
-    if (filters[ASSET_FILTERS.CHANGED] && !item.changed) {
-        return false;
-    }
-    if (!((filters[`${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.ENTRY}`] && item.isEntry) ||
-        (filters[`${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.INITIAL}`] && item.isInitial) ||
-        (filters[`${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.CHUNK}`] && item.isChunk) ||
-        (filters[`${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.OTHER}`] && item.isAsset))) {
-        return false;
-    }
-    if (!filters[`${ASSET_FILE_TYPE}.${getFileType(item.key)}`]) {
-        return false;
+export const getCustomSort = (item) => [
+    !item.isNotPredictive,
+    !item.changed,
+    !item.isInitial,
+    !item.isEntry,
+    !item.isChunk,
+    item.key,
+];
+const getFileTypeFilters = (filters) => Object.entries(FILE_TYPE_LABELS).map(([key, label]) => ({
+    key,
+    label,
+    defaultValue: get(filters, `${ASSET_FILE_TYPE}.${key}`, true),
+}));
+export const getFilters = ({ compareMode, filters, chunks, }) => {
+    var _a;
+    const result = {
+        [ASSET_FILTERS.CHANGED]: {
+            label: I18N.CHANGED,
+            defaultValue: filters[ASSET_FILTERS.CHANGED],
+            disabled: !compareMode,
+        },
+    };
+    if (!isEmpty(chunks)) {
+        const chunksFilter = {
+            label: I18N.CHUNKS,
+            children: [
+                {
+                    key: NO_CHUNK_FILTER,
+                    label: I18N.NO_CHUNK,
+                    defaultValue: (_a = filters[`${ASSET_CHUNK}.${NO_CHUNK_FILTER}`]) !== null && _a !== void 0 ? _a : true,
+                },
+            ],
+        };
+        const chunksOrderedByName = orderBy(chunks, 'name');
+        chunksOrderedByName.forEach((chunk) => {
+            var _a;
+            chunksFilter.children.push({
+                key: chunk.id,
+                label: chunk.name,
+                defaultValue: (_a = filters[`${ASSET_CHUNK}.${chunk.id}`]) !== null && _a !== void 0 ? _a : true,
+            });
+        });
+        result[ASSET_CHUNK] = chunksFilter;
     }
-    return true;
+    result[ASSET_ENTRY_TYPE] = {
+        label: I18N.ASSET_TYPE,
+        children: [
+            {
+                key: ASSET_FILTERS.ENTRY,
+                label: I18N.ENTRY,
+                defaultValue: get(filters, `${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.ENTRY}`, true),
+            },
+            {
+                key: ASSET_FILTERS.INITIAL,
+                label: I18N.INITIAL,
+                defaultValue: get(filters, `${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.INITIAL}`, true),
+            },
+            {
+                key: ASSET_FILTERS.CHUNK,
+                label: I18N.CHUNK,
+                defaultValue: get(filters, `${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.CHUNK}`, true),
+            },
+            {
+                key: ASSET_FILTERS.OTHER,
+                label: I18N.OTHER,
+                defaultValue: get(filters, `${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.OTHER}`, true),
+            },
+        ],
+    };
+    result[ASSET_FILE_TYPE] = {
+        label: I18N.FILE_TYPE,
+        children: getFileTypeFilters(filters),
+    };
+    return result;
 };
-export const getCustomSort = (sortId) => (item) => {
-    var _a, _b, _c, _d;
-    if (sortId === SORT_BY_NAME) {
-        return item.key;
-    }
-    if (sortId === SORT_BY_DELTA) {
-        return ((_b = (_a = item === null || item === void 0 ? void 0 : item.runs) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.delta) ? Math.abs(item.runs[0].delta) : 0;
-    }
-    if (sortId === SORT_BY_SIZE) {
-        return ((_d = (_c = item === null || item === void 0 ? void 0 : item.runs) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.value) || 0;
-    }
-    return [
-        !item.isNotPredictive,
-        !item.changed,
-        !item.isInitial,
-        !item.isEntry,
-        !item.isChunk,
-        item.key,
-    ];
+export const generateGetRowFilter = ({ chunkIds }) => (filters) => {
+    const checkedChunkIds = [];
+    const filtersChunkIds = [NO_CHUNK_FILTER, ...chunkIds];
+    filtersChunkIds.forEach((chunkId) => {
+        if (filters[`${ASSET_CHUNK}.${chunkId}`]) {
+            checkedChunkIds.push(chunkId);
+        }
+    });
+    const hasChunkFilters = checkedChunkIds.length > 0 && checkedChunkIds.length !== filtersChunkIds.length;
+    return (item) => {
+        var _a;
+        if (filters[ASSET_FILTERS.CHANGED] && !item.changed) {
+            return false;
+        }
+        if (!((filters[`${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.ENTRY}`] && item.isEntry) ||
+            (filters[`${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.INITIAL}`] && item.isInitial) ||
+            (filters[`${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.CHUNK}`] && item.isChunk) ||
+            (filters[`${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.OTHER}`] && item.isAsset))) {
+            return false;
+        }
+        if (!filters[`${ASSET_FILE_TYPE}.${item.fileType}`]) {
+            return false;
+        }
+        if (hasChunkFilters) {
+            const rowRunsChunkIds = ((_a = item === null || item === void 0 ? void 0 : item.runs) === null || _a === void 0 ? void 0 : _a.map((run) => (run === null || run === void 0 ? void 0 : run.chunkId) || NO_CHUNK_FILTER)) || [];
+            return intersection(rowRunsChunkIds, checkedChunkIds).length > 0;
+        }
+        return true;
+    };
 };
 //# sourceMappingURL=bundle-assets.utils.js.map

package/lib-esm/components/bundle-assets/bundle-assets.utils.js.map

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

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

@@ -1,16 +1,17 @@
 import React, { useMemo } from 'react';
-import PropTypes from 'prop-types';
 import * as webpack from '@bundle-stats/utils/lib-esm/webpack';
 import { ASSET_FILTERS } from '@bundle-stats/utils';
 import { getAssetEntryTypeFilters, getAssetFileTypeFilters, } from '@bundle-stats/utils/lib-esm/utils/component-links';
 import { useRowsFilter } from '../../hooks/rows-filter';
 import { useRowsSort } from '../../hooks/rows-sort';
 import { useSearchParams } from '../../hooks/search-params';
+import { useEntryInfo } from '../../hooks/entry-info';
+import { getJobsChunksData } from '../../utils/jobs';
 import { BundleAssets as BundleAssetsComponent } from './bundle-assets';
-import { addRowAssetFlags, addRowIsNotPredictive, getRowFilter, getCustomSort } from './bundle-assets.utils';
-import { SORT_BY } from './bundle-assets.constants';
+import { addMetricReportAssetRowData, generateGetRowFilter, getCustomSort, } from './bundle-assets.utils';
 export const BundleAssets = (props) => {
-    const { jobs, filters, search, setState, sortBy, direction, ...restProps } = props;
+    const { jobs, filters = undefined, search = undefined, sortBy = undefined, direction = undefined, setState, ...restProps } = props;
+    const { chunks, chunkIds } = useMemo(() => getJobsChunksData(jobs), [jobs]);
     const { defaultFilters, allEntriesFilters } = useMemo(() => ({
         defaultFilters: {
             [ASSET_FILTERS.CHANGED]: (jobs === null || jobs === void 0 ? void 0 : jobs.length) > 1,
@@ -23,7 +24,7 @@ export const BundleAssets = (props) => {
             ...getAssetFileTypeFilters(true),
         },
     }), [jobs]);
-    const searchParams = useSearchParams({
+    const searchProps = useSearchParams({
         search,
         filters,
         defaultFilters,
@@ -31,36 +32,23 @@ export const BundleAssets = (props) => {
         setState,
     });
     const { rows, totalRowCount } = useMemo(() => {
-        const result = webpack.compareBySection.assets(jobs, [addRowAssetFlags, addRowIsNotPredictive]);
+        const result = webpack.compareBySection.assets(jobs, [addMetricReportAssetRowData]);
         return { rows: result, totalRowCount: result.length };
     }, [jobs]);
     const filteredRows = useRowsFilter({
         rows,
-        searchPattern: searchParams.searchPattern,
-        filters: searchParams.filters,
-        getRowFilter,
+        searchPattern: searchProps.searchPattern,
+        filters: searchProps.filters,
+        getRowFilter: generateGetRowFilter({ chunkIds }),
     });
-    const sortParams = useRowsSort({
+    const sortProps = useRowsSort({
         rows: filteredRows,
-        sortFields: SORT_BY,
-        sortBy,
-        sortDirection: direction,
+        initialField: sortBy,
+        initialDirection: direction,
         getCustomSort,
+        setQueryState: setState,
     });
-    return (React.createElement(BundleAssetsComponent, { jobs: jobs, ...restProps, ...searchParams, ...sortParams, totalRowCount: totalRowCount }));
-};
-BundleAssets.propTypes = {
-    jobs: PropTypes.arrayOf(PropTypes.object).isRequired,
-    filters: PropTypes.object,
-    search: PropTypes.string,
-    sortBy: PropTypes.string,
-    direction: PropTypes.string,
-    setState: PropTypes.func.isRequired,
-};
-BundleAssets.defaultProps = {
-    filters: undefined,
-    search: undefined,
-    sortBy: undefined,
-    direction: undefined,
+    const [hideEntryInfo, showEntryInfo] = useEntryInfo({ setState });
+    return (React.createElement(BundleAssetsComponent, { ...restProps, ...searchProps, jobs: jobs, chunks: chunks, sort: sortProps.sort, items: sortProps.items, allItems: rows, totalRowCount: totalRowCount, updateSort: sortProps.updateSort, hideEntryInfo: hideEntryInfo, showEntryInfo: showEntryInfo }));
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/index.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,OAAO,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EACL,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,mDAAmD,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,YAAY,IAAI,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC7G,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEpD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE;IACpC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEnF,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,OAAO,CACnD,GAAG,EAAE,CAAC,CAAC;QACL,cAAc,EAAE;YACd,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,CAAC;YACzC,GAAG,wBAAwB,CAAC,IAAI,CAAC;YACjC,GAAG,uBAAuB,CAAC,IAAI,CAAC;SACjC;QACD,iBAAiB,EAAE;YACjB,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,KAAK;YAC9B,GAAG,wBAAwB,CAAC,IAAI,CAAC;YACjC,GAAG,uBAAuB,CAAC,IAAI,CAAC;SACjC;KACF,CAAC,EACF,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,MAAM,YAAY,GAAG,eAAe,CAAC;QACnC,MAAM;QACN,OAAO;QACP,cAAc;QACd,iBAAiB;QACjB,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3C,MAAM,MAAM,GAAG,OAAO,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,CAAC,CAAC;QAChG,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC;IACxD,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,YAAY,GAAG,aAAa,CAAC;QACjC,IAAI;QACJ,aAAa,EAAE,YAAY,CAAC,aAAa;QACzC,OAAO,EAAE,YAAY,CAAC,OAAO;QAC7B,YAAY;KACb,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,WAAW,CAAC;QAC7B,IAAI,EAAE,YAAY;QAClB,UAAU,EAAE,OAAO;QACnB,MAAM;QACN,aAAa,EAAE,SAAS;QACxB,aAAa;KACd,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,qBAAqB,IACpB,IAAI,EAAE,IAAI,KACN,SAAS,KACT,YAAY,KACZ,UAAU,EACd,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,SAAS,GAAG;IACvB,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,UAAU;IACpD,OAAO,EAAE,SAAS,CAAC,MAAM;IACzB,MAAM,EAAE,SAAS,CAAC,MAAM;IACxB,MAAM,EAAE,SAAS,CAAC,MAAM;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACpC,CAAC;AAEF,YAAY,CAAC,YAAY,GAAG;IAC1B,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,SAAS;CACrB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,72 @@
+import React, { useCallback, useMemo, useState } from 'react';
+import PropTypes from 'prop-types';
+import { useHistory } from 'react-router-dom';
+import { getBundleAssetsFileTypeComponentLink, getComponentStateQueryString, } from '@bundle-stats/utils';
+import * as webpack from '@bundle-stats/utils/lib-esm/webpack';
+import config from '../../config.json';
+import { ASSETS_SIZES_FILE_TYPE_MAP, SECTION_URLS, MetricsDisplayType } from '../../constants';
+import { useMetricsDisplayType } from '../../hooks/metrics-display-type';
+import I18N from '../../i18n';
+import { Toolbar } from '../../ui/toolbar';
+import { Table } from '../../ui/table';
+import { Box } from '../../layout/box';
+import { Stack } from '../../layout/stack';
+import { Dialog, useDialogState } from '../../ui/dialog';
+import { MetricsDisplaySelector } from '../metrics-display-selector';
+import { MetricsTable } from '../metrics-table';
+import { MetricsTableExport } from '../metrics-table-export';
+import { MetricsTableHeader } from '../metrics-table-header';
+import { MetricsTableOptions } from '../metrics-table-options';
+import { MetricsTableTitle } from '../metrics-table-title';
+import { MetricsTreemap, getTreemapNodes } from '../metrics-treemap';
+import { ComponentLink } from '../component-link';
+import { FlexStack } from '../../layout';
+const metricsTableTitle = (React.createElement(MetricsTableTitle, { title: I18N.ASSET_TOTALS, popoverInfo: I18N.ASSET_TOTALS_INFO, popoverHref: config.documentation.assets }));
+export const BundleAssetsTotals = ({ className, jobs, customComponentLink: CustomComponentLink, onTreemapItemClick, ...restProps }) => {
+    const [displayType, setDisplayType] = useMetricsDisplayType();
+    const history = useHistory();
+    const items = useMemo(() => webpack.compareBySection.sizes(jobs), [jobs]);
+    const renderRowHeader = useCallback((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));
+    }, [CustomComponentLink]);
+    const handleMetricsTreemapItemClick = useCallback((entryId) => {
+        const fileType = ASSETS_SIZES_FILE_TYPE_MAP[entryId];
+        const { section, params } = getBundleAssetsFileTypeComponentLink(fileType, '');
+        const queryParams = getComponentStateQueryString(params);
+        const nextUrl = `${SECTION_URLS[section]}?${queryParams}`;
+        history.push(nextUrl);
+    }, [history]);
+    const exportDialog = useDialogState();
+    const [exportSourceType, setExportSourceType] = useState(undefined);
+    const handleExportClick = useCallback((sourceType) => {
+        setExportSourceType(sourceType);
+        exportDialog.toggle();
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Stack, { space: "xsmall", as: "section", className: className },
+            React.createElement(Toolbar, { renderActions: () => (React.createElement(FlexStack, { space: "xxsmall" },
+                    React.createElement(MetricsDisplaySelector, { onSelect: setDisplayType, value: displayType.value }),
+                    React.createElement(MetricsTableOptions, { onExportClick: handleExportClick }))) }),
+            React.createElement(Box, { outline: true, as: "main" },
+                displayType.value === MetricsDisplayType.TABLE && (React.createElement(MetricsTable, { title: metricsTableTitle, runs: jobs, items: items, renderRowHeader: renderRowHeader, showHeaderSum: true, ...restProps })),
+                displayType.value === MetricsDisplayType.TREEMAP && (React.createElement(React.Fragment, null,
+                    React.createElement(Table, { compact: true },
+                        React.createElement(MetricsTableHeader, { metricTitle: metricsTableTitle, showSum: true, jobs: jobs, rows: items })),
+                    React.createElement(MetricsTreemap, { treeNodes: getTreemapNodes(items), onItemClick: onTreemapItemClick || handleMetricsTreemapItemClick }))))),
+        React.createElement(Dialog, { title: I18N.EXPORT, width: "wide", state: exportDialog }, exportDialog.open && (React.createElement(MetricsTableExport, { items: items, initialSourceType: exportSourceType, download: "bundle-stats--totals" })))));
+};
+BundleAssetsTotals.defaultProps = {
+    className: '',
+    jobs: [],
+    customComponentLink: ComponentLink,
+    onTreemapItemClick: undefined,
+};
+BundleAssetsTotals.propTypes = {
+    className: PropTypes.string,
+    jobs: PropTypes.array,
+    customComponentLink: PropTypes.elementType,
+    onTreemapItemClick: PropTypes.func,
+};
+//# sourceMappingURL=bundle-assets-totals.js.map

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

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

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

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

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

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

package/lib-esm/components/bundle-modules/bundle-modules.i18n.js

@@ -0,0 +1,9 @@
+export const SEARCH = 'Search by module path';
+export const CHANGED = 'Changed';
+export const DUPLICATE = 'Duplicate';
+export const CHUNK = 'Chunk';
+export const FILE_TYPE = 'File type';
+export const SOURCE = 'Source';
+export const SOURCE_FIRST_PARTY = 'First party';
+export const SOURCE_THIRD_PARTY = 'Third party';
+//# sourceMappingURL=bundle-modules.i18n.js.map

package/lib-esm/components/bundle-modules/bundle-modules.i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-modules.i18n.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/bundle-modules.i18n.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG,uBAAuB,CAAC;AAC9C,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC;AACjC,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC;AACrC,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,CAAC;AAC7B,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC;AACrC,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC;AAC/B,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAC;AAChD,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAC"}