@bundle-stats/ui 4.4.0-beta.0 → 4.4.0-beta.3

package/globals.d.ts

@@ -0,0 +1,4 @@
+declare module '*.module.css' {
+  const classes: { [key: string]: string };
+  export default classes;
+}

package/lib/app/app.js

@@ -29,12 +29,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.App = void 0;
 const react_1 = __importStar(require("react"));
 const prop_types_1 = __importDefault(require("prop-types"));
+const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
 const react_router_dom_1 = require("react-router-dom");
 const utils_1 = require("@bundle-stats/utils");
 const constants_1 = require("../constants");
 const box_1 = require("../layout/box");
 const container_1 = require("../ui/container");
-const duplicate_packages_insight_1 = require("../components/duplicate-packages-insight");
 const summary_1 = require("../components/summary");
 const bundle_assets_1 = require("../components/bundle-assets");
 const bundle_assets_totals_chart_bars_1 = require("../components/bundle-assets-totals-chart-bars");
@@ -44,11 +44,13 @@ const stack_1 = require("../layout/stack");
 const bundle_assets_totals_table_1 = require("../components/bundle-assets-totals-table");
 const bundle_modules_1 = require("../components/bundle-modules");
 const bundle_packages_1 = require("../components/bundle-packages");
+const insights_1 = require("../components/insights");
 const total_size_type_title_1 = require("../components/total-size-type-title");
 const query_state_1 = require("../query-state");
 const i18n_1 = __importDefault(require("../i18n"));
 const header_1 = require("./header");
 const app_module_css_1 = __importDefault(require("./app.module.css"));
+const components_1 = require("../components");
 const ScrollToTop = () => {
     const { pathname } = (0, react_router_dom_1.useLocation)();
     (0, react_1.useEffect)(() => {
@@ -78,10 +80,26 @@ JobsProvider.propTypes = {
 };
 const OverviewContent = () => {
     const { jobs } = (0, react_1.useContext)(JobsContext);
-    const duplicatePackagesInsight = jobs[0].insights?.webpack?.duplicatePackagesV3;
+    const insightsByName = (0, react_1.useMemo)(() => {
+        const webpackInsights = jobs?.[0]?.insights?.webpack;
+        if (!webpackInsights) {
+            return null;
+        }
+        const res = {
+            ...(webpackInsights.duplicatePackagesV3 && { duplicatePackages: webpackInsights.duplicatePackagesV3 }),
+            ...(webpackInsights.newPackages && { newPackages: webpackInsights.newPackages }),
+        };
+        if ((0, isEmpty_1.default)(res)) {
+            return null;
+        }
+        return res;
+    }, [jobs]);
     return (react_1.default.createElement(stack_1.Stack, { space: "medium" },
-        duplicatePackagesInsight && (react_1.default.createElement(container_1.Container, null,
-            react_1.default.createElement(duplicate_packages_insight_1.DuplicatePackagesInsight, { type: duplicatePackagesInsight.type, data: duplicatePackagesInsight.data, summary: jobs[0].summary.webpack?.duplicatePackagesCount, showDelta: jobs.length > 1 }))),
+        insightsByName && (react_1.default.createElement(container_1.Container, null,
+            react_1.default.createElement(stack_1.Stack, { space: "xsmall" },
+                react_1.default.createElement(components_1.MetricsTableTitle, { title: "Insights" }),
+                react_1.default.createElement(box_1.Box, { padding: "small", outline: true },
+                    react_1.default.createElement(insights_1.Insights, { insights: insightsByName }))))),
         react_1.default.createElement(container_1.Container, null,
             react_1.default.createElement(stack_1.Stack, { space: "small" },
                 react_1.default.createElement(total_size_type_title_1.TotalSizeTypeTitle, null),
@@ -93,7 +111,7 @@ const AssetsContent = () => {
     const { jobs } = (0, react_1.useContext)(JobsContext);
     return (react_1.default.createElement(container_1.Container, null,
         react_1.default.createElement(stack_1.Stack, { space: "medium" },
-            react_1.default.createElement(summary_1.Summary, { keys: constants_1.METRICS_WEBPACK_ASSETS, data: jobs?.[0]?.summary, showSummaryItemDelta: jobs?.length !== 1 }),
+            react_1.default.createElement(summary_1.Summary, { keys: constants_1.METRICS_WEBPACK_ASSETS, data: jobs?.[0]?.summary, showSummaryItemDelta: jobs?.length !== 1, showSummaryItemBaseline: jobs?.length !== 1 }),
             react_1.default.createElement(box_1.Box, { outline: true },
                 react_1.default.createElement(bundle_assets_1.BundleAssets, { jobs: jobs, setState: bundleStatsSetState, ...bundleStatsState })))));
 };
@@ -102,7 +120,7 @@ const ModulesContent = () => {
     const { jobs } = (0, react_1.useContext)(JobsContext);
     return (react_1.default.createElement(container_1.Container, null,
         react_1.default.createElement(stack_1.Stack, { space: "medium" },
-            react_1.default.createElement(summary_1.Summary, { keys: constants_1.METRICS_WEBPACK_MODULES, data: jobs?.[0]?.summary, showSummaryItemDelta: jobs?.length !== 1 }),
+            react_1.default.createElement(summary_1.Summary, { keys: constants_1.METRICS_WEBPACK_MODULES, data: jobs?.[0]?.summary, showSummaryItemDelta: jobs?.length !== 1, showSummaryItemBaseline: jobs?.length !== 1 }),
             react_1.default.createElement(box_1.Box, { outline: true },
                 react_1.default.createElement(bundle_modules_1.BundleModules, { jobs: jobs, setState: bundleModulesSetState, ...bundleModulesState })))));
 };
@@ -111,7 +129,7 @@ const PackagesContent = () => {
     const { jobs } = (0, react_1.useContext)(JobsContext);
     return (react_1.default.createElement(container_1.Container, null,
         react_1.default.createElement(stack_1.Stack, { space: "medium" },
-            react_1.default.createElement(summary_1.Summary, { keys: constants_1.METRICS_WEBPACK_PACKAGES, data: jobs?.[0]?.summary, showSummaryItemDelta: jobs?.length !== 1 }),
+            react_1.default.createElement(summary_1.Summary, { keys: constants_1.METRICS_WEBPACK_PACKAGES, data: jobs?.[0]?.summary, showSummaryItemDelta: jobs?.length !== 1, showSummaryItemBaseline: jobs?.length !== 1 }),
             react_1.default.createElement(box_1.Box, { outline: true },
                 react_1.default.createElement(bundle_packages_1.BundlePackages, { jobs: jobs, ...bundlePackagesState, setState: bundlePackagesSetState })))));
 };
@@ -124,7 +142,7 @@ const AppComponent = ({ version, jobs }) => {
     return (react_1.default.createElement(JobsProvider, { jobs: jobs },
         react_1.default.createElement(Layout, { jobs: jobs, version: version },
             react_1.default.createElement(container_1.Container, { className: app_module_css_1.default.summaryContainer },
-                react_1.default.createElement(summary_1.Summary, { size: "large", keys: constants_1.METRICS_WEBPACK_GENERAL, data: jobs[0].summary, showSummaryItemDelta: jobs.length !== 1 })),
+                react_1.default.createElement(summary_1.Summary, { size: "large", keys: constants_1.METRICS_WEBPACK_GENERAL, data: jobs[0].summary, showSummaryItemDelta: jobs.length !== 1, showSummaryItemBaseline: jobs?.length !== 1 })),
             react_1.default.createElement(container_1.Container, { className: app_module_css_1.default.tabsContainer },
                 react_1.default.createElement(tabs_1.Tabs, { className: app_module_css_1.default.tabs },
                     react_1.default.createElement(tabs_1.Tabs.Item, { as: react_router_dom_1.NavLink, exact: true, to: constants_1.URLS.OVERVIEW, activeClassName: app_module_css_1.default.tabActive }, i18n_1.default.OVERVIEW),

package/lib/app/app.js.map

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

package/lib/app/app.module.css

@@ -12,9 +12,14 @@
   text-align: center;
 }
 
+.header {
+  background-color: var(--color-background);
+  border-bottom: 1px solid var(--color-outline);
+}
+
 .summaryContainer {
   padding-top: var(--space-medium);
-  padding-bottom: var(--space-small);
+  padding-bottom: var(--space-xsmall);
 }
 
 .tabsContainer {
@@ -42,7 +47,7 @@
 
 @media (min-width: 600px) {
   :root {
-    --header-height: 72px;
+    --header-height: 52px;
   }
 
   .header {
@@ -52,13 +57,11 @@
     top: 0;
     right: 0;
     height: var(--header-height);
-    background-color: var(--color-background);
-    border-bottom: 1px solid var(--color-outline);
   }
 
   .tabsContainer {
     position: sticky;
     top: var(--header-height);
-    z-index: 100;
+    z-index: calc(var(--layer-high) - 1);
   }
 }

package/lib/assets/icons.svg

@@ -1,4 +1,4 @@
-<svg width="16" height="16">
+<svg width="0" height="0" style="position:absolute">
 <symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down" id="arrow" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 5v14M19 12l-7 7-7-7"/>
 </symbol>
@@ -22,6 +22,13 @@
 <circle cx="12" cy="12" r="4"/>
 <path d="M1.05 12H7M17.01 12h5.95"/>
 </symbol>
+<symbol fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" id="error" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12" r="10"/>
+<path d="M12 8v4M12 16h.01"/>
+</symbol>
+<symbol fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-external-link" viewBox="0 0 24 24" id="external-link" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6M15 3h6v6M10 14L21 3"/>
+</symbol>
 <symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bar-chart" id="filter" xmlns="http://www.w3.org/2000/svg">
 <path d="M12 20V10M18 20V4M6 20v-4"/>
 </symbol>
@@ -29,9 +36,18 @@
 <circle cx="12" cy="12" r="10"/>
 <path d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3M12 17h.01"/>
 </symbol>
+<symbol fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" id="info" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12" r="10"/>
+<path d="M12 16v-4M12 8h.01"/>
+</symbol>
 <symbol viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu" id="menu" xmlns="http://www.w3.org/2000/svg">
 <path d="M3 12h18M3 6h18M3 18h18"/>
 </symbol>
+<symbol fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" id="more-vertical" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12" r="1"/>
+<circle cx="12" cy="5" r="1"/>
+<circle cx="12" cy="19" r="1"/>
+</symbol>
 <symbol viewBox="0 0 24 24" fill="currentColor" id="sort" xmlns="http://www.w3.org/2000/svg">
 <path d="M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z"/>
 <path d="M0 0h24v24H0z" fill="none"/>

package/lib/assets/icons.svg.js

@@ -43,13 +43,25 @@ const SvgIcons = (props) => (React.createElement("svg", { width: "0", height: "0
     React.createElement("symbol", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-git-commit", id: "commit", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("circle", { cx: "12", cy: "12", r: "4" }),
         React.createElement("path", { d: "M1.05 12H7M17.01 12h5.95" })),
+    React.createElement("symbol", { fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", viewBox: "0 0 24 24", id: "error", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+        React.createElement("path", { d: "M12 8v4M12 16h.01" })),
+    React.createElement("symbol", { fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-external-link", viewBox: "0 0 24 24", id: "external-link", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6M15 3h6v6M10 14L21 3" })),
     React.createElement("symbol", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-bar-chart", id: "filter", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { d: "M12 20V10M18 20V4M6 20v-4" })),
     React.createElement("symbol", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-help-circle", id: "help", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("circle", { cx: "12", cy: "12", r: "10" }),
         React.createElement("path", { d: "M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3M12 17h.01" })),
+    React.createElement("symbol", { fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", viewBox: "0 0 24 24", id: "info", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+        React.createElement("path", { d: "M12 16v-4M12 8h.01" })),
     React.createElement("symbol", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-menu", id: "menu", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { d: "M3 12h18M3 6h18M3 18h18" })),
+    React.createElement("symbol", { fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", viewBox: "0 0 24 24", id: "more-vertical", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("circle", { cx: "12", cy: "12", r: "1" }),
+        React.createElement("circle", { cx: "12", cy: "5", r: "1" }),
+        React.createElement("circle", { cx: "12", cy: "19", r: "1" })),
     React.createElement("symbol", { viewBox: "0 0 24 24", fill: "currentColor", id: "sort", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { d: "M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z" }),
         React.createElement("path", { d: "M0 0h24v24H0z", fill: "none" })),

package/lib/assets/icons.svg.js.map

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

package/lib/components/asset-info/asset-info.js

@@ -1,64 +1,68 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : 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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AssetInfo = void 0;
-const react_1 = __importDefault(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
+const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const noop_1 = __importDefault(require("lodash/noop"));
 const utils_1 = require("@bundle-stats/utils");
-const stack_1 = require("../../layout/stack");
-const file_name_1 = require("../../ui/file-name");
+const flex_stack_1 = require("../../layout/flex-stack");
+const tag_1 = require("../../ui/tag");
 const component_link_1 = require("../component-link");
+const entry_info_1 = require("../entry-info");
 const asset_info_module_css_1 = __importDefault(require("./asset-info.module.css"));
-const ChunkModulesLink = ({ as: Component, chunks, chunkId, name }) => {
+const ChunkModulesLink = ({ as: Component, chunks, chunkId, name, onClick, }) => {
     const chunk = chunks?.find(({ id }) => id === chunkId);
     if (!chunk) {
         return null;
     }
-    const chunkIds = chunks?.map(({ id }) => id);
+    const chunkIds = chunks.map(({ id }) => id);
     const fileType = (0, utils_1.getModuleFileType)(name);
-    return (react_1.default.createElement(Component, { className: asset_info_module_css_1.default.viewModules, ...(0, utils_1.getBundleModulesByChunk)(chunkIds, chunkId, fileType) }, "View chunk modules"));
-};
-ChunkModulesLink.propTypes = {
-    as: prop_types_1.default.elementType.isRequired,
-    chunks: prop_types_1.default.array,
-    chunkId: prop_types_1.default.string,
-    name: prop_types_1.default.string,
-};
-ChunkModulesLink.defaultProps = {
-    chunks: [],
-    chunkId: '',
-    name: '',
+    return (react_1.default.createElement(Component, { className: asset_info_module_css_1.default.viewModules, ...(0, utils_1.getBundleModulesByChunk)(chunkIds, chunkId, fileType), onClick: onClick }, "View chunk modules"));
 };
 const AssetInfo = (props) => {
-    const { className, chunks, item, labels, CustomComponentLink } = props;
-    return (react_1.default.createElement(stack_1.Stack, { space: "xsmall", className: (0, classnames_1.default)(asset_info_module_css_1.default.root, className) }, item.runs.map((run, index) => {
-        const Title = index !== 0 ? 'h4' : 'h3';
-        const key = `asset-info-${run?.name || index}-${index}`;
-        return (react_1.default.createElement(stack_1.Stack, { space: "xxxsmall", key: key },
-            react_1.default.createElement(Title, null, labels[index]),
-            react_1.default.createElement(file_name_1.FileName, { className: asset_info_module_css_1.default.fileName, as: 'code', name: run?.name || '-' }),
-            index === 0 && (react_1.default.createElement(ChunkModulesLink, { as: CustomComponentLink, chunks: chunks, chunkId: run?.chunkId, name: run?.name }))));
-    })));
+    const { className = '', chunks = null, customComponentLink: CustomComponentLink = component_link_1.ComponentLink, item, labels, onClick = noop_1.default, onClose, } = props;
+    const currentRun = item.runs?.[0];
+    const tags = (0, react_1.useMemo)(() => {
+        if (!item.isEntry && !item.isInitial && !item.isChunk) {
+            return null;
+        }
+        return (react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center", className: asset_info_module_css_1.default.tags },
+            item.isEntry && (react_1.default.createElement(tag_1.Tag, { as: CustomComponentLink, ...(0, utils_1.getBundleAssetsByEntryType)('entry'), onClick: onClick, className: (0, classnames_1.default)(asset_info_module_css_1.default.assetNameTag, asset_info_module_css_1.default.assetNameTagEntry) }, "Entrypoint")),
+            item.isInitial && (react_1.default.createElement(tag_1.Tag, { as: CustomComponentLink, ...(0, utils_1.getBundleAssetsByEntryType)('initial'), onClick: onClick, className: (0, classnames_1.default)(asset_info_module_css_1.default.assetNameTag, asset_info_module_css_1.default.assetNameTagInitial) }, "Initial")),
+            item.isChunk && (react_1.default.createElement(tag_1.Tag, { as: CustomComponentLink, ...(0, utils_1.getBundleAssetsByEntryType)('chunk'), onClick: onClick, className: (0, classnames_1.default)(asset_info_module_css_1.default.assetNameTag, asset_info_module_css_1.default.assetNameTagChunk) }, "Chunk"))));
+    }, [item]);
+    const fileTypeLabel = utils_1.FILE_TYPE_LABELS[item.fileType];
+    return (react_1.default.createElement(entry_info_1.EntryInfo, { item: item, labels: labels, tags: tags, onClose: onClose, className: (0, classnames_1.default)(asset_info_module_css_1.default.root, className) },
+        item.fileType && (react_1.default.createElement(entry_info_1.EntryInfo.Meta, { label: "File type" },
+            react_1.default.createElement(CustomComponentLink, { ...(0, utils_1.getBundleAssetsFileTypeComponentLink)(item.fileType, fileTypeLabel), onClick: onClick }, fileTypeLabel))),
+        currentRun?.chunkId && chunks && (react_1.default.createElement("div", null,
+            react_1.default.createElement(ChunkModulesLink, { as: CustomComponentLink, chunks: chunks, chunkId: currentRun?.chunkId, name: currentRun?.name, onClick: onClick })))));
 };
 exports.AssetInfo = AssetInfo;
-exports.AssetInfo.propTypes = {
-    className: prop_types_1.default.string,
-    item: prop_types_1.default.shape({
-        runs: prop_types_1.default.arrayOf(prop_types_1.default.shape({
-            name: prop_types_1.default.string,
-            chunkId: prop_types_1.default.string,
-        })),
-    }).isRequired,
-    labels: prop_types_1.default.arrayOf(prop_types_1.default.string).isRequired,
-    chunks: prop_types_1.default.array,
-    CustomComponentLink: prop_types_1.default.elementType,
-};
-exports.AssetInfo.defaultProps = {
-    className: '',
-    chunks: [],
-    CustomComponentLink: component_link_1.ComponentLink,
-};
 //# sourceMappingURL=asset-info.js.map

package/lib/components/asset-info/asset-info.js.map

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

package/lib/components/asset-info/asset-info.module.css

@@ -1,9 +1,31 @@
-.fileName {
-  max-width: 100%;
-  padding: 2px;
-  background: var(--color-highlight-warning);
+.assetNameTag {
+  color: var(--color-background);
 }
 
-.viewModules {
-  display: block;
+.assetNameTag:hover,
+.assetNameTag:active,
+.assetNameTag:focus {
+  color: var(--color-background);
 }
+
+.assetNameTagEntry {
+  background: var(--color-info-dark);
+}
+
+.assetNameTagInitial {
+  background: var(--color-info);
+}
+
+.assetNameTagChunk {
+  background: var(--color-info-light);
+}
+
+.label {
+  display: inline-block;
+  min-width: 6em;
+}
+
+.label::after {
+  content: ' ';
+}
+

package/lib/components/asset-info/index.js.map

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

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

@@ -0,0 +1,28 @@
+"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 AssetNotPredictive = (props) => {
+    const { className = '', runs = null, labels = null, ...restProps } = props;
+    return (react_1.default.createElement(stack_1.Stack, { space: "xsmall", ...restProps, className: (0, classnames_1.default)(asset_not_predictive_module_css_1.default.root, className) },
+        react_1.default.createElement("p", { className: asset_not_predictive_module_css_1.default.text }, "Asset file name is the same, but the size has changed."),
+        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, null, name),
+                react_1.default.createElement(table_1.Table.Td, { className: asset_not_predictive_module_css_1.default.tableValue }, 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":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAG5B,8CAA2C;AAC3C,0CAAuC;AACvC,wGAAoD;AAO7C,MAAM,kBAAkB,GAAG,CAAC,KAA4D,EAAE,EAAE;IACjG,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,QAAQ,KAAK,SAAS,EAAE,SAAS,EAAE,IAAA,oBAAE,EAAC,yCAAG,CAAC,IAAI,EAAE,SAAS,CAAC;QACrE,qCAAG,SAAS,EAAE,yCAAG,CAAC,IAAI,6DAElB;QACH,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,QAAE,IAAI,CAAY;gBAC3B,8BAAC,aAAK,CAAC,EAAE,IAAC,SAAS,EAAE,yCAAG,CAAC,UAAU,IAAG,KAAK,CAAY,CAC9C,CACZ,CAAC,CACU,CACR,CACT,CACK,CACT,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,kBAAkB,sBA8B7B"}

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

@@ -0,0 +1,3 @@
+.tableValue {
+  text-align: right;
+}

package/lib/components/{duplicate-packages-insight → 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("./duplicate-packages-insight"), 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"}