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

package/lib/components/asset-not-predictive/asset-not-predictive.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AssetNotPredictive = void 0;
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const stack_1 = require("../../layout/stack");
+const table_1 = require("../../ui/table");
+const asset_not_predictive_module_css_1 = __importDefault(require("./asset-not-predictive.module.css"));
+const ui_1 = require("../../ui");
+const AssetNotPredictive = (props) => {
+    const { className = '', runs = null, labels = null, ...restProps } = props;
+    return (react_1.default.createElement(stack_1.Stack, { space: "small", ...restProps, className: (0, classnames_1.default)(asset_not_predictive_module_css_1.default.root, className) },
+        react_1.default.createElement("h3", null, "Asset hash is not predictive"),
+        react_1.default.createElement(ui_1.Alert, { kind: "warning" }, "File names are identical, but the size is different. Content changes without a hash change can cause runtime errors."),
+        runs && (react_1.default.createElement(table_1.Table, { outline: true, compact: true },
+            react_1.default.createElement(table_1.Table.THead, null,
+                react_1.default.createElement(table_1.Table.Tr, null,
+                    react_1.default.createElement(table_1.Table.Th, null, "\u00A0"),
+                    react_1.default.createElement(table_1.Table.Th, null, "File name"),
+                    react_1.default.createElement(table_1.Table.Th, { className: asset_not_predictive_module_css_1.default.tableValue }, "Size"))),
+            react_1.default.createElement(table_1.Table.TBody, null, runs.map(({ name, value }, index) => (react_1.default.createElement(table_1.Table.Tr, { key: name },
+                react_1.default.createElement(table_1.Table.Th, null, labels?.[index]),
+                react_1.default.createElement(table_1.Table.Td, { className: asset_not_predictive_module_css_1.default.colName }, name),
+                react_1.default.createElement(table_1.Table.Td, { className: asset_not_predictive_module_css_1.default.colvalue }, value)))))))));
+};
+exports.AssetNotPredictive = AssetNotPredictive;
+//# sourceMappingURL=asset-not-predictive.js.map

package/lib/components/asset-not-predictive/asset-not-predictive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-not-predictive.js","sourceRoot":"","sources":["../../../src/components/asset-not-predictive/asset-not-predictive.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,4DAA4B;AAG5B,8CAA2C;AAC3C,0CAAuC;AACvC,wGAAoD;AACpD,iCAAiC;AAO1B,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACnE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE3E,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,OAAO,KAAK,SAAS,EAAE,SAAS,EAAE,IAAA,oBAAE,EAAC,yCAAG,CAAC,IAAI,EAAE,SAAS,CAAC;QACpE,yEAAqC;QACrC,8BAAC,UAAK,IAAC,IAAI,EAAC,SAAS,2HAGb;QACP,IAAI,IAAI,CACP,8BAAC,aAAK,IAAC,OAAO,QAAC,OAAO;YACpB,8BAAC,aAAK,CAAC,KAAK;gBACV,8BAAC,aAAK,CAAC,EAAE;oBACP,8BAAC,aAAK,CAAC,EAAE,iBAAkB;oBAC3B,8BAAC,aAAK,CAAC,EAAE,oBAAqB;oBAC9B,8BAAC,aAAK,CAAC,EAAE,IAAC,SAAS,EAAE,yCAAG,CAAC,UAAU,WAAiB,CAC3C,CACC;YACd,8BAAC,aAAK,CAAC,KAAK,QACT,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,8BAAC,aAAK,CAAC,EAAE,IAAC,GAAG,EAAE,IAAI;gBACjB,8BAAC,aAAK,CAAC,EAAE,QAAE,MAAM,EAAE,CAAC,KAAK,CAAC,CAAY;gBACtC,8BAAC,aAAK,CAAC,EAAE,IAAC,SAAS,EAAE,yCAAG,CAAC,OAAO,IAAG,IAAI,CAAY;gBACnD,8BAAC,aAAK,CAAC,EAAE,IAAC,SAAS,EAAE,yCAAG,CAAC,QAAQ,IAAG,KAAK,CAAY,CAC5C,CACZ,CAAC,CACU,CACR,CACT,CACK,CACT,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,kBAAkB,sBAgC7B"}

package/lib/components/asset-not-predictive/asset-not-predictive.module.css

@@ -0,0 +1,8 @@
+.colName {
+  width: 100%;
+  overflow: hidden;
+}
+
+.colValue {
+  text-align: right;
+}

package/lib/components/{metrics-table-search → asset-not-predictive}/index.js

@@ -14,5 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./metrics-table-search"), exports);
+__exportStar(require("./asset-not-predictive"), exports);
 //# sourceMappingURL=index.js.map

package/lib/components/asset-not-predictive/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/asset-not-predictive/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yDAAuC"}

package/lib/components/browsertime-table/browsertime-table.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/lib/components/browsertime-table/browsertime-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"browsertime-table.js","sourceRoot":"","sources":["../../../src/components/browsertime-table/browsertime-table.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,iEAAmD;AAEnD,oDAAgD;AAEzC,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE,EAAE;IACxC,MAAM,EACJ,SAAS,EACT,IAAI,GACL,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAExC,OAAO,CACL,8BAAC,4BAAY,IACX,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,GACV,CACH,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,gBAAgB,oBAe3B;AAEF,wBAAgB,CAAC,YAAY,GAAG;IAC9B,SAAS,EAAE,EAAE;IACb,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,wBAAgB,CAAC,SAAS,GAAG;IAC3B,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,IAAI,EAAE,oBAAS,CAAC,KAAK;CACtB,CAAC"}
+{"version":3,"file":"browsertime-table.js","sourceRoot":"","sources":["../../../src/components/browsertime-table/browsertime-table.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,iEAAmD;AAEnD,oDAAgD;AAEzC,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE,EAAE;IACxC,MAAM,EACJ,SAAS,EACT,IAAI,GACL,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAExC,OAAO,CACL,8BAAC,4BAAY,IACX,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,GACV,CACH,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,gBAAgB,oBAe3B;AAEF,wBAAgB,CAAC,YAAY,GAAG;IAC9B,SAAS,EAAE,EAAE;IACb,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,wBAAgB,CAAC,SAAS,GAAG;IAC3B,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,IAAI,EAAE,oBAAS,CAAC,KAAK;CACtB,CAAC"}

package/lib/components/bundle-assets/bundle-assets.i18n.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OTHER = exports.CHUNK = exports.INITIAL = exports.ENTRY = exports.NO_CHUNK = exports.CHUNKS = exports.FILE_TYPE = exports.ASSET_TYPE = exports.CHANGED = exports.SEARCH_PLACEHOLDER = void 0;
+exports.SEARCH_PLACEHOLDER = 'Search by asset path';
+exports.CHANGED = 'Changed';
+exports.ASSET_TYPE = 'Asset type';
+exports.FILE_TYPE = 'File type';
+exports.CHUNKS = 'Chunks';
+exports.NO_CHUNK = 'No chunk';
+exports.ENTRY = 'Entry';
+exports.INITIAL = 'Initial';
+exports.CHUNK = 'Chunk';
+exports.OTHER = 'Other';
+//# sourceMappingURL=bundle-assets.i18n.js.map

package/lib/components/bundle-assets/bundle-assets.i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-assets.i18n.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/bundle-assets.i18n.ts"],"names":[],"mappings":";;;AAAa,QAAA,kBAAkB,GAAG,sBAAsB,CAAC;AAC5C,QAAA,OAAO,GAAG,SAAS,CAAC;AACpB,QAAA,UAAU,GAAG,YAAY,CAAC;AAC1B,QAAA,SAAS,GAAG,WAAW,CAAC;AACxB,QAAA,MAAM,GAAG,QAAQ,CAAC;AAClB,QAAA,QAAQ,GAAG,UAAU,CAAC;AACtB,QAAA,KAAK,GAAG,OAAO,CAAC;AAChB,QAAA,OAAO,GAAG,SAAS,CAAC;AACpB,QAAA,KAAK,GAAG,OAAO,CAAC;AAChB,QAAA,KAAK,GAAG,OAAO,CAAC"}

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

@@ -15,202 +15,128 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BundleAssets = void 0;
 const react_1 = __importStar(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
 const classnames_1 = __importDefault(require("classnames"));
-const get_1 = __importDefault(require("lodash/get"));
+const escapeRegExp_1 = __importDefault(require("lodash/escapeRegExp"));
 const utils_1 = require("@bundle-stats/utils");
 const config_json_1 = __importDefault(require("../../config.json"));
 const i18n_1 = __importDefault(require("../../i18n"));
+const constants_1 = require("../../constants");
+const metrics_display_type_1 = require("../../hooks/metrics-display-type");
+const box_1 = require("../../layout/box");
 const flex_stack_1 = require("../../layout/flex-stack");
-const icon_1 = require("../../ui/icon");
-const file_name_1 = require("../../ui/file-name");
-const hover_card_1 = require("../../ui/hover-card");
-const tooltip_1 = require("../../ui/tooltip");
-const tag_1 = require("../../ui/tag");
+const stack_1 = require("../../layout/stack");
+const dialog_1 = require("../../ui/dialog");
+const input_search_1 = require("../../ui/input-search");
+const table_1 = require("../../ui/table");
 const filters_1 = require("../../ui/filters");
-const sort_dropdown_1 = require("../../ui/sort-dropdown");
 const empty_set_1 = require("../../ui/empty-set");
 const toolbar_1 = require("../../ui/toolbar");
 const asset_info_1 = require("../asset-info");
+const asset_name_1 = require("../asset-name");
 const component_link_1 = require("../component-link");
 const metrics_table_1 = require("../metrics-table");
-const metrics_table_search_1 = require("../metrics-table-search");
+const metrics_table_export_1 = require("../metrics-table-export");
 const metrics_table_options_1 = require("../metrics-table-options");
 const metrics_table_title_1 = require("../metrics-table-title");
+const metrics_display_selector_1 = require("../metrics-display-selector");
+const metrics_table_header_1 = require("../metrics-table-header");
+const metrics_treemap_1 = require("../metrics-treemap");
+const BUNDLE_ASSETS_I18N = __importStar(require("./bundle-assets.i18n"));
+const bundle_assets_utils_1 = require("./bundle-assets.utils");
 const bundle_assets_module_css_1 = __importDefault(require("./bundle-assets.module.css"));
-const RUN_TITLE_CURRENT = 'Current';
-const RUN_TITLE_BASELINE = 'Baseline';
-const RUNS_LABELS = [RUN_TITLE_CURRENT, RUN_TITLE_BASELINE];
-const getFileTypeFilters = (filters) => Object.entries(utils_1.FILE_TYPE_LABELS)
-    .map(([id, label]) => ({
-    [id]: {
-        label,
-        defaultValue: (0, get_1.default)(filters, `${utils_1.ASSET_FILE_TYPE}.${id}`, true),
-    },
-}))
-    .reduce((agg, current) => ({
-    ...agg,
-    ...current,
-}), {});
-const getFilters = ({ compareMode, filters }) => ({
-    [utils_1.ASSET_FILTERS.CHANGED]: {
-        label: 'Changed',
-        defaultValue: filters[utils_1.ASSET_FILTERS.CHANGED],
-        disabled: !compareMode,
-    },
-    [utils_1.ASSET_ENTRY_TYPE]: {
-        label: 'Entry type',
-        [utils_1.ASSET_FILTERS.ENTRY]: {
-            label: 'Entry',
-            defaultValue: (0, get_1.default)(filters, `${utils_1.ASSET_ENTRY_TYPE}.${utils_1.ASSET_FILTERS.ENTRY}`, true),
-        },
-        [utils_1.ASSET_FILTERS.INITIAL]: {
-            label: 'Initial',
-            defaultValue: (0, get_1.default)(filters, `${utils_1.ASSET_ENTRY_TYPE}.${utils_1.ASSET_FILTERS.INITIAL}`, true),
-        },
-        [utils_1.ASSET_FILTERS.CHUNK]: {
-            label: 'Chunk',
-            defaultValue: (0, get_1.default)(filters, `${utils_1.ASSET_ENTRY_TYPE}.${utils_1.ASSET_FILTERS.CHUNK}`, true),
-        },
-        [utils_1.ASSET_FILTERS.OTHER]: {
-            label: 'Other',
-            defaultValue: (0, get_1.default)(filters, `${utils_1.ASSET_ENTRY_TYPE}.${utils_1.ASSET_FILTERS.OTHER}`, true),
-        },
-    },
-    [utils_1.ASSET_FILE_TYPE]: {
-        label: 'File type',
-        ...getFileTypeFilters(filters),
-    },
-});
-const TooltipNotPredictive = ({ runs }) => (react_1.default.createElement("div", { className: bundle_assets_module_css_1.default.tooltipNotPredictive },
-    react_1.default.createElement("p", { className: bundle_assets_module_css_1.default.tooltipNotPredictiveText }, "File name is the same, but the size has changed:"),
-    react_1.default.createElement("table", { className: bundle_assets_module_css_1.default.tooltipTable },
-        react_1.default.createElement("tr", null, runs.map(({ name, value }, index) => {
-            const key = index;
-            return (react_1.default.createElement("tr", { key: key },
-                react_1.default.createElement("th", null, RUNS_LABELS[index]),
-                react_1.default.createElement("td", null, name),
-                react_1.default.createElement("td", null, value)));
-        })))));
-TooltipNotPredictive.defaultProps = {
-    runs: [],
-};
-TooltipNotPredictive.propTypes = {
-    runs: prop_types_1.default.array,
-};
-const RowHeader = ({ row, labels, chunks, CustomComponentLink }) => {
-    const { label, isNotPredictive, runs, isChunk, isEntry, isInitial } = row;
-    const [showHoverCard, setHoverCard] = (0, react_1.useState)(false);
-    const handleOnMouseEnter = (0, react_1.useCallback)(() => setHoverCard(true), [showHoverCard]);
-    const content = (0, react_1.useMemo)(() => (react_1.default.createElement("span", { className: bundle_assets_module_css_1.default.assetName },
-        react_1.default.createElement("span", { className: bundle_assets_module_css_1.default.assetNameTags },
-            isNotPredictive && (react_1.default.createElement(tooltip_1.Tooltip, { className: bundle_assets_module_css_1.default.notPredictive, title: react_1.default.createElement(TooltipNotPredictive, { runs: runs }) },
-                react_1.default.createElement(icon_1.Icon, { className: bundle_assets_module_css_1.default.notPredictiveIcon, glyph: "warning" }))),
-            isChunk && (react_1.default.createElement(tag_1.Tag, { className: (0, classnames_1.default)(bundle_assets_module_css_1.default.assetNameTag, bundle_assets_module_css_1.default.assetNameTagChunk), title: "Chunk", size: tag_1.Tag.SIZES.SMALL, kind: tag_1.Tag.KINDS.INFO })),
-            isEntry && (react_1.default.createElement(tag_1.Tag, { className: (0, classnames_1.default)(bundle_assets_module_css_1.default.assetNameTag, bundle_assets_module_css_1.default.assetNameTagEntry), title: "Entrypoint", size: tag_1.Tag.SIZES.SMALL, kind: tag_1.Tag.KINDS.INFO })),
-            isInitial && (react_1.default.createElement(tag_1.Tag, { className: (0, classnames_1.default)(bundle_assets_module_css_1.default.assetNameTag, bundle_assets_module_css_1.default.assetNameTagInitial), title: "Initial", size: tag_1.Tag.SIZES.SMALL, kind: tag_1.Tag.KINDS.INFO }))),
-        react_1.default.createElement(file_name_1.FileName, { className: bundle_assets_module_css_1.default.assetNameText, name: label }))), [isChunk, isEntry, isInitial, isNotPredictive, runs]);
-    if (!showHoverCard) {
-        return react_1.default.createElement("span", { onMouseEnter: handleOnMouseEnter }, content);
-    }
-    return (react_1.default.createElement(hover_card_1.HoverCard, { label: content },
-        react_1.default.createElement(asset_info_1.AssetInfo, { className: bundle_assets_module_css_1.default.assetInfo, item: row, labels: labels, chunks: chunks, CustomComponentLink: CustomComponentLink })));
-};
-RowHeader.propTypes = {
-    row: prop_types_1.default.shape({
-        label: prop_types_1.default.string,
-        isNotPredictive: prop_types_1.default.bool,
-        isChunk: prop_types_1.default.bool,
-        isInitial: prop_types_1.default.bool,
-        isEntry: prop_types_1.default.bool,
-        runs: prop_types_1.default.arrayOf(prop_types_1.default.object),
-    }).isRequired,
-    chunks: prop_types_1.default.arrayOf(prop_types_1.default.shape({
-        id: prop_types_1.default.string,
-        name: prop_types_1.default.string,
-    })),
-    labels: prop_types_1.default.arrayOf(prop_types_1.default.string).isRequired,
-    CustomComponentLink: prop_types_1.default.elementType.isRequired,
+const DISPLAY_TYPE_GROUPS = {
+    [constants_1.MetricsDisplayType.TREEMAP]: [constants_1.MetricsDisplayGroupBy.FOLDER],
 };
-RowHeader.defaultProps = {
-    chunks: [],
+const ViewMetricsTreemap = (props) => {
+    const { metricsTableTitle, jobs, items, displayType, emptyMessage, showEntryInfo, updateSearch, search, } = props;
+    const treeNodes = (0, react_1.useMemo)(() => {
+        if (displayType.groupBy === 'folder') {
+            return (0, metrics_treemap_1.getTreemapNodesGroupedByPath)(items);
+        }
+        return (0, metrics_treemap_1.getTreemapNodes)(items);
+    }, [items, displayType.groupBy]);
+    const onGroupClick = (0, react_1.useCallback)((groupPath) => {
+        if (groupPath === '') {
+            updateSearch('');
+            return;
+        }
+        const newSearch = `^${(0, escapeRegExp_1.default)(groupPath)}/`;
+        if (newSearch === search) {
+            updateSearch('');
+            return;
+        }
+        updateSearch(newSearch);
+    }, [updateSearch, search]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(table_1.Table, { compact: true },
+            react_1.default.createElement(metrics_table_header_1.MetricsTableHeader, { metricTitle: metricsTableTitle, showSum: true, jobs: jobs, rows: items })),
+        react_1.default.createElement(metrics_treemap_1.MetricsTreemap, { treeNodes: treeNodes, nested: Boolean(displayType.groupBy), emptyMessage: emptyMessage, onItemClick: showEntryInfo, onGroupClick: onGroupClick })));
 };
 const BundleAssets = (props) => {
-    const { className, jobs, items, updateFilters, resetFilters, resetAllFilters, totalRowCount, filters, hasActiveFilters, sortFields, sort, updateSort, search, updateSearch, customComponentLink: CustomComponentLink, } = props;
-    const dropdownFilters = (0, react_1.useMemo)(() => getFilters({ compareMode: jobs?.length > 1, filters }), [jobs, filters]);
+    const { className = '', jobs, chunks, items, allItems, updateFilters, resetFilters, resetAllFilters, totalRowCount = 0, filters, entryId = '', sort, updateSort, search, updateSearch, customComponentLink: CustomComponentLink = component_link_1.ComponentLink, hideEntryInfo, showEntryInfo, } = props;
+    const jobLabels = jobs?.map((job) => job?.label);
+    const [displayType, setDisplayType] = (0, metrics_display_type_1.useMetricsDisplayType)(DISPLAY_TYPE_GROUPS);
+    const filterFieldsData = (0, react_1.useMemo)(() => (0, bundle_assets_utils_1.getFilters)({ compareMode: jobs?.length > 1, filters, chunks }), [jobs, filters, chunks]);
     const metricsTableTitle = (0, react_1.useMemo)(() => (react_1.default.createElement(metrics_table_title_1.MetricsTableTitle, { title: i18n_1.default.ASSETS, info: `${items.length}/${totalRowCount}`, popoverInfo: i18n_1.default.ASSETS_INFO, popoverHref: config_json_1.default.documentation.assets })), [items, totalRowCount]);
-    const renderRowHeader = (0, react_1.useCallback)((row) => (react_1.default.createElement(RowHeader, { row: row, labels: jobs?.map(({ label }) => label), chunks: jobs[0]?.meta?.webpack?.chunks || [], CustomComponentLink: CustomComponentLink })), [jobs, CustomComponentLink]);
+    const EntryComponentLink = (0, react_1.useCallback)(({ entryId: assetEntryId, ...assetNameRestProps }) => (react_1.default.createElement(CustomComponentLink, { section: utils_1.SECTIONS.ASSETS, params: {
+            [utils_1.COMPONENT.BUNDLE_ASSETS]: {
+                filters,
+                search,
+                entryId: assetEntryId,
+                sortBy: sort.field,
+                direction: sort.direction,
+            },
+        }, ...assetNameRestProps })), [CustomComponentLink, filters, search, sort]);
+    const renderRowHeader = (0, react_1.useCallback)((row) => (react_1.default.createElement(asset_name_1.AssetName, { row: row, EntryComponentLink: EntryComponentLink, className: bundle_assets_module_css_1.default.assetName })), [EntryComponentLink]);
     const emptyMessage = (0, react_1.useMemo)(() => (react_1.default.createElement(empty_set_1.EmptySet, { resources: "assets", filtered: totalRowCount !== 0, handleResetFilters: resetFilters, handleViewAll: resetAllFilters })), [totalRowCount, resetFilters, resetAllFilters]);
-    return (react_1.default.createElement("section", { className: (0, classnames_1.default)(bundle_assets_module_css_1.default.root, className) },
-        react_1.default.createElement(toolbar_1.Toolbar, { className: bundle_assets_module_css_1.default.toolbar, renderActions: ({ actionClassName }) => (react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxsmall", className: (0, classnames_1.default)(bundle_assets_module_css_1.default.dropdown, actionClassName) },
-                react_1.default.createElement(sort_dropdown_1.SortDropdown, { fields: sortFields, ...sort, onChange: updateSort }),
-                react_1.default.createElement(metrics_table_options_1.MetricsTableOptions, { handleViewAll: resetAllFilters, handleResetFilters: resetFilters }))) },
-            react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxsmall" },
-                react_1.default.createElement(metrics_table_search_1.MetricsTableSearch, { className: bundle_assets_module_css_1.default.toolbarSearch, placeholder: "Search by name", search: search, updateSearch: updateSearch }),
-                react_1.default.createElement(filters_1.Filters, { className: bundle_assets_module_css_1.default.toolbarFilters, filters: dropdownFilters, hasActiveFilters: hasActiveFilters, onChange: updateFilters }))),
-        react_1.default.createElement("main", null,
-            react_1.default.createElement(metrics_table_1.MetricsTable, { runs: jobs, items: items, renderRowHeader: renderRowHeader, emptyMessage: emptyMessage, showHeaderSum: true, title: metricsTableTitle }))));
+    const entryItem = (0, react_1.useMemo)(() => {
+        if (!entryId) {
+            return null;
+        }
+        return allItems.find(({ key }) => key === entryId);
+    }, [allItems, entryId]);
+    const exportDialog = (0, dialog_1.useDialogState)();
+    const [exportSourceType, setExportSourceType] = (0, react_1.useState)();
+    const handleExportClick = (0, react_1.useCallback)((sourceType) => {
+        setExportSourceType(sourceType);
+        exportDialog.toggle();
+    }, [exportDialog, setExportSourceType]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(stack_1.Stack, { space: "xsmall", as: "section", className: (0, classnames_1.default)(bundle_assets_module_css_1.default.root, className) },
+            react_1.default.createElement(toolbar_1.Toolbar, { renderActions: ({ actionClassName }) => (react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxsmall", className: (0, classnames_1.default)(bundle_assets_module_css_1.default.dropdown, actionClassName) },
+                    react_1.default.createElement(metrics_display_selector_1.MetricsDisplaySelector, { value: displayType.value, groupBy: displayType.groupBy, groups: DISPLAY_TYPE_GROUPS, onSelect: setDisplayType }),
+                    react_1.default.createElement(metrics_table_options_1.MetricsTableOptions, { onViewAllClick: resetAllFilters, onResetClick: resetFilters, onExportClick: handleExportClick }))) },
+                react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxsmall" },
+                    react_1.default.createElement(input_search_1.InputSearch, { className: bundle_assets_module_css_1.default.toolbarSearch, placeholder: BUNDLE_ASSETS_I18N.SEARCH_PLACEHOLDER, defaultValue: search, onChange: updateSearch }),
+                    react_1.default.createElement(filters_1.Filters, { className: bundle_assets_module_css_1.default.toolbarFilters, filters: filterFieldsData, onChange: updateFilters }))),
+            react_1.default.createElement(box_1.Box, { outline: true, as: "main" },
+                displayType.value === constants_1.MetricsDisplayType.TABLE && (react_1.default.createElement(metrics_table_1.MetricsTable, { runs: jobs, items: items, renderRowHeader: renderRowHeader, emptyMessage: emptyMessage, showHeaderSum: true, title: metricsTableTitle, sort: sort, updateSort: updateSort })),
+                displayType.value === constants_1.MetricsDisplayType.TREEMAP && (react_1.default.createElement(ViewMetricsTreemap, { jobs: jobs, items: items, metricsTableTitle: metricsTableTitle, displayType: displayType, emptyMessage: emptyMessage, showEntryInfo: showEntryInfo, updateSearch: updateSearch, search: search })))),
+        entryItem && (react_1.default.createElement(asset_info_1.AssetInfo, { className: bundle_assets_module_css_1.default.assetInfo, item: entryItem, labels: jobLabels, chunks: chunks, customComponentLink: CustomComponentLink, onClose: hideEntryInfo })),
+        react_1.default.createElement(dialog_1.Dialog, { title: i18n_1.default.EXPORT, width: "wide", state: exportDialog }, exportDialog.open && (react_1.default.createElement(metrics_table_export_1.MetricsTableExport, { items: items, initialSourceType: exportSourceType, download: "bundle-stats--assets" })))));
 };
 exports.BundleAssets = BundleAssets;
-exports.BundleAssets.defaultProps = {
-    className: '',
-    totalRowCount: 0,
-    hasActiveFilters: false,
-    customComponentLink: component_link_1.ComponentLink,
-};
-exports.BundleAssets.propTypes = {
-    className: prop_types_1.default.string,
-    jobs: prop_types_1.default.arrayOf(prop_types_1.default.shape({
-        internalBuildNumber: prop_types_1.default.number,
-        label: prop_types_1.default.string,
-        meta: prop_types_1.default.shape({
-            webpack: prop_types_1.default.shape({
-                chunks: prop_types_1.default.array,
-            }),
-        }),
-    })).isRequired,
-    items: prop_types_1.default.arrayOf(prop_types_1.default.shape({
-        key: prop_types_1.default.string,
-        label: prop_types_1.default.string,
-        runs: prop_types_1.default.arrayOf(prop_types_1.default.shape({
-            displayValue: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.string]),
-            displayDelta: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.string]),
-        })),
-    })).isRequired,
-    updateFilters: prop_types_1.default.func.isRequired,
-    resetFilters: prop_types_1.default.func.isRequired,
-    resetAllFilters: prop_types_1.default.func.isRequired,
-    totalRowCount: prop_types_1.default.number,
-    filters: prop_types_1.default.shape({
-        changed: prop_types_1.default.bool,
-    }).isRequired,
-    hasActiveFilters: prop_types_1.default.bool,
-    sortFields: prop_types_1.default.shape({
-        [prop_types_1.default.string]: prop_types_1.default.shape({
-            label: prop_types_1.default.string,
-            defaultDirection: prop_types_1.default.bool,
-        }),
-    }).isRequired,
-    search: prop_types_1.default.string.isRequired,
-    updateSearch: prop_types_1.default.func.isRequired,
-    sort: prop_types_1.default.shape({
-        sortBy: prop_types_1.default.string,
-        direction: prop_types_1.default.string,
-    }).isRequired,
-    updateSort: prop_types_1.default.func.isRequired,
-    customComponentLink: prop_types_1.default.elementType,
-};
 //# sourceMappingURL=bundle-assets.js.map

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

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

package/lib/components/bundle-assets/bundle-assets.module.css

@@ -1,89 +1,21 @@
-.toolbar {
-  border-bottom: 1px solid var(--color-outline);
-}
-
 .toolbarSearch {
   width: 100%;
   max-width: 240px;
-  margin-right: -1px; /** collapse border */
-}
-
-.assetName {}
-
-.notPredictive {
-  margin-right: var(--space-xxsmall);
-  display: inline-block;
-  width: var(--space-small);
-  height: var(--space-small);
-  vertical-align: middle;
-}
-
-.notPredictiveIcon {
-  color: var(--color-warning-dark);
-  vertical-align: top;
-}
-
-.assetNameTags {
-  display: inline;
-  margin-right: var(--space-xxxsmall);
-}
-
-.assetNameTags:empty {
-  display: none;
-}
-
-.assetNameTag {
-  vertical-align: middle;
-}
-
-.assetNameTag + .assetNameTag {
-  margin-left: 2px;
 }
 
-.assetNameTagEntry {
-  background: var(--color-info-light);
+.root .assetName:hover,
+.root .assetName:active,
+.root .assetName:focus {
+  text-decoration: none;
 }
 
-.assetNameTagEntry::before {
-  content: 'e';
-}
-
-.assetNameTagInitial {
-  background: var(--color-info-light);
-}
-
-.assetNameTagInitial::before {
-  content: 'i';
-}
-
-.assetNameTagChunk::before {
-  content: 'c';
-}
-
-.assetNameText {
-  display: inline;
-  vertical-align: middle;
-}
-
-/* Tooltip not predictive */
-.tooltipNotPredictive {
-  text-align: left;
-}
-
-.tooltipNotPredictiveText {
-  margin-bottom: var(--space-xxxsmall);
-}
-
-.tooltipNotPredictiveName {
-  display: block;
-  line-height: var(--line-height-heading);
+.root .assetName:hover .assetNameText,
+.root .assetName:active .assetNameText,
+.root .assetName:focus .assetNameText {
+  text-decoration: underline;
 }
 
 .search {
   margin: 0;
   width: 100%;
 }
-
-.assetInfo {
-  min-width: 280px;
-}