@bundle-stats/ui 4.3.0-beta.3 → 4.3.0-rc.1

package/lib/components/metric/metric.js

@@ -1,77 +1,20 @@
 "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.Metric = void 0;
-const react_1 = __importStar(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
+const react_1 = __importDefault(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const metric_module_css_1 = __importDefault(require("./metric.module.css"));
-const EXTRACT_VALUE_UNIT_PATTERN = /([\d|.|,| ]*)(\w*|%)$/;
-const Metric = ({ className, value, formatter, inline, children, enhanced }) => {
-    const { displayValue, displayUnit } = (0, react_1.useMemo)(() => {
-        const formattedValue = formatter?.(value);
-        if (!formattedValue) {
-            return { displayValue: value };
-        }
-        if (!enhanced) {
-            return { displayValue: formattedValue };
-        }
-        const matches = formattedValue.match(EXTRACT_VALUE_UNIT_PATTERN);
-        if (!matches) {
-            return { displayValue: value };
-        }
-        return {
-            displayUnit: matches[2],
-            displayValue: matches[1],
-        };
-    }, [formatter, value]);
+const Metric = (props) => {
+    const { className = '', value = '0', unit = '', inline = false, children = null, ...restProps } = props;
     const rootClassName = (0, classnames_1.default)(className, metric_module_css_1.default.root, inline && metric_module_css_1.default.inline);
-    return (react_1.default.createElement("div", { className: rootClassName },
+    return (react_1.default.createElement("div", { className: rootClassName, ...restProps },
         react_1.default.createElement("div", { className: metric_module_css_1.default.display },
-            react_1.default.createElement("span", { className: metric_module_css_1.default.displayValue }, displayValue),
-            displayUnit && react_1.default.createElement("span", { className: metric_module_css_1.default.displayUnit }, displayUnit)),
-        react_1.default.createElement("div", { className: metric_module_css_1.default.delta }, children)));
+            react_1.default.createElement("span", { className: metric_module_css_1.default.displayValue }, value),
+            unit && react_1.default.createElement("span", { className: metric_module_css_1.default.displayUnit }, unit)),
+        children && react_1.default.createElement("div", { className: metric_module_css_1.default.content }, children)));
 };
 exports.Metric = Metric;
-exports.Metric.defaultProps = {
-    className: '',
-    enhanced: false,
-    inline: false,
-    value: 0,
-    children: [],
-    formatter: (val) => val,
-};
-exports.Metric.propTypes = {
-    className: prop_types_1.default.string,
-    enhanced: prop_types_1.default.bool,
-    inline: prop_types_1.default.bool,
-    value: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.string]),
-    formatter: prop_types_1.default.func,
-    children: prop_types_1.default.node,
-};
 //# sourceMappingURL=metric.js.map

package/lib/components/metric/metric.js.map

@@ -1 +1 @@
-{"version":3,"file":"metric.js","sourceRoot":"","sources":["../../../src/components/metric/metric.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4DAAmC;AACnC,4DAA4B;AAE5B,4EAAsC;AAGtC,MAAM,0BAA0B,GAAG,uBAAuB,CAAC;AAEpD,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpF,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjD,MAAM,cAAc,GAAG,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;QAE1C,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;SAChC;QAED,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC;SACzC;QAED,MAAM,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC;QAEjE,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;SAChC;QAED,OAAO;YACL,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;YACvB,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;SACzB,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvB,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,SAAS,EAAE,2BAAG,CAAC,IAAI,EAAE,MAAM,IAAI,2BAAG,CAAC,MAAM,CAAC,CAAC;IAEpE,OAAO,CACL,uCAAK,SAAS,EAAE,aAAa;QAC3B,uCAAK,SAAS,EAAE,2BAAG,CAAC,OAAO;YACzB,wCAAM,SAAS,EAAE,2BAAG,CAAC,YAAY,IAAG,YAAY,CAAQ;YACvD,WAAW,IAAI,wCAAM,SAAS,EAAE,2BAAG,CAAC,WAAW,IAAG,WAAW,CAAQ,CAClE;QACN,uCAAK,SAAS,EAAE,2BAAG,CAAC,KAAK,IAAG,QAAQ,CAAO,CACvC,CACP,CAAC;AACJ,CAAC,CAAC;AAnCW,QAAA,MAAM,UAmCjB;AAEF,cAAM,CAAC,YAAY,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,KAAK;IACf,MAAM,EAAE,KAAK;IACb,KAAK,EAAE,CAAC;IACR,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG;CACxB,CAAC;AAEF,cAAM,CAAC,SAAS,GAAG;IACjB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,QAAQ,EAAE,oBAAS,CAAC,IAAI;IACxB,MAAM,EAAE,oBAAS,CAAC,IAAI;IACtB,KAAK,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,MAAM,EAAE,oBAAS,CAAC,MAAM,CAAC,CAAC;IAChE,SAAS,EAAE,oBAAS,CAAC,IAAI;IACzB,QAAQ,EAAE,oBAAS,CAAC,IAAI;CACzB,CAAC"}
+{"version":3,"file":"metric.js","sourceRoot":"","sources":["../../../src/components/metric/metric.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,4EAAsC;AAiB/B,MAAM,MAAM,GAAG,CAAC,KAAgD,EAAE,EAAE;IACzE,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,GAAG,EACX,IAAI,GAAG,EAAE,EACT,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,IAAI,EACf,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,SAAS,EAAE,2BAAG,CAAC,IAAI,EAAE,MAAM,IAAI,2BAAG,CAAC,MAAM,CAAC,CAAC;IAEpE,OAAO,CACL,uCAAK,SAAS,EAAE,aAAa,KAAM,SAAS;QAC1C,uCAAK,SAAS,EAAE,2BAAG,CAAC,OAAO;YACzB,wCAAM,SAAS,EAAE,2BAAG,CAAC,YAAY,IAAG,KAAK,CAAQ;YAChD,IAAI,IAAI,wCAAM,SAAS,EAAE,2BAAG,CAAC,WAAW,IAAG,IAAI,CAAQ,CACpD;QACL,QAAQ,IAAI,uCAAK,SAAS,EAAE,2BAAG,CAAC,OAAO,IAAG,QAAQ,CAAO,CACtD,CACP,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,MAAM,UAqBjB"}

package/lib/components/metric/metric.module.css

@@ -1,12 +1,12 @@
 .root {
-  letter-spacing: 0.05em;
+  font-family: var(--font-family-fixed);
 }
 
 .displayUnit {
   font-size: var(--size-small);
 }
 
-.delta {
+.content {
   font-size: var(--size-small);
 }
 
@@ -14,7 +14,7 @@
   display: inline-block;
 }
 
-.inline .delta {
+.inline .content {
   display: inline-block;
   margin: 0 0 0 var(--space-xxxsmall);
 }

package/lib/components/metric-run-info/index.js

@@ -0,0 +1,18 @@
+"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 __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("./metric-run-info"), exports);
+//# sourceMappingURL=index.js.map

package/lib/components/metric-run-info/index.js.map

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

package/lib/components/metric-run-info/metric-run-info.js

@@ -0,0 +1,64 @@
+"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.MetricRunInfo = void 0;
+const react_1 = __importStar(require("react"));
+const utils_1 = require("@bundle-stats/utils");
+const stack_1 = require("../../layout/stack");
+const run_info_1 = require("../run-info");
+const metric_run_info_module_css_1 = __importDefault(require("./metric-run-info.module.css"));
+const MetricHoverCard = ({ description, url }) => {
+    const onClick = (0, react_1.useCallback)(() => {
+        if (url) {
+            window.open(url);
+        }
+    }, [url]);
+    return (react_1.default.createElement(stack_1.Stack, { space: "xxxsmall" },
+        react_1.default.createElement("p", null, description),
+        url && (react_1.default.createElement("p", null,
+            react_1.default.createElement("button", { type: "button", onClick: onClick, className: metric_run_info_module_css_1.default.readMoreLink }, "Read more")))));
+};
+const MetricRunInfo = (props) => {
+    const { metricId, current, baseline = 0, showDelta = true, showMetricDescription = true, showBaseline = true, ...restProps } = props;
+    const metric = (0, utils_1.getGlobalMetricType)(metricId);
+    const metricRunInfo = (0, utils_1.getMetricRunInfo)(metric, current, baseline || 0);
+    const titleHoverCard = (0, react_1.useMemo)(() => {
+        if (showMetricDescription) {
+            return react_1.default.createElement(MetricHoverCard, { description: metric.description, url: metric.url });
+        }
+        return null;
+    }, [showMetricDescription, metric]);
+    return (react_1.default.createElement(run_info_1.RunInfo, { title: metric.label, titleHoverCard: titleHoverCard, enhance: true, current: metricRunInfo.displayValue, showBaseline: showBaseline, ...(showBaseline && {
+            baseline: metric.formatter(baseline),
+        }), ...(showDelta && showBaseline && {
+            delta: metricRunInfo.displayDeltaPercentage,
+            deltaType: metricRunInfo.deltaType,
+        }), ...restProps }));
+};
+exports.MetricRunInfo = MetricRunInfo;
+//# sourceMappingURL=metric-run-info.js.map

package/lib/components/metric-run-info/metric-run-info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric-run-info.js","sourceRoot":"","sources":["../../../src/components/metric-run-info/metric-run-info.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AACpD,+CAA4E;AAE5E,8CAA2C;AAC3C,0CAAoD;AACpD,8FAA+C;AAO/C,MAAM,eAAe,GAAG,CAAC,EAAE,WAAW,EAAE,GAAG,EAAmB,EAAE,EAAE;IAEhE,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,IAAI,GAAG,EAAE;YACP,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,UAAU;QACrB,yCAAI,WAAW,CAAK;QACnB,GAAG,IAAI,CACN;YACE,0CAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,oCAAG,CAAC,YAAY,gBAE1D,CACP,CACL,CACK,CACT,CAAC;AACJ,CAAC,CAAC;AAaK,MAAM,aAAa,GAAG,CAAC,KAAuD,EAAE,EAAE;IACvF,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,CAAC,EACZ,SAAS,GAAG,IAAI,EAChB,qBAAqB,GAAG,IAAI,EAC5B,YAAY,GAAG,IAAI,EACnB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,IAAA,2BAAmB,EAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,aAAa,GAAG,IAAA,wBAAgB,EAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAC;IAEvE,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAClC,IAAI,qBAAqB,EAAE;YACzB,OAAO,8BAAC,eAAe,IAAC,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,GAAI,CAAC;SAC9E;QAED,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,8BAAC,kBAAO,IACN,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,cAAc,EAAE,cAAc,EAC9B,OAAO,QACP,OAAO,EAAE,aAAa,CAAC,YAAY,EACnC,YAAY,EAAE,YAAY,KACtB,CAAC,YAAY,IAAI;YACnB,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC;SACrC,CAAC,KACE,CAAC,SAAS,IAAI,YAAY,IAAI;YAChC,KAAK,EAAE,aAAa,CAAC,sBAAsB;YAC3C,SAAS,EAAE,aAAa,CAAC,SAAS;SACnC,CAAC,KACE,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,aAAa,iBAuCxB"}

package/lib/components/metric-run-info/metric-run-info.module.css

@@ -0,0 +1,18 @@
+.readMoreLink {
+  appearance: none;
+  background: none;
+  margin: 0;
+  border: 0;
+  padding: 0;
+  color: var(--color-primary);
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.readMoreLink:hover,
+.readMoreLink:active,
+.readMoreLink:focus {
+  color: var(--color-primary-dark);
+  text-decoration: none;
+}
+

package/lib/components/metrics-table-options/metrics-table-options.js

@@ -10,7 +10,7 @@ const i18n_1 = __importDefault(require("../../i18n"));
 const dropdown_1 = require("../../ui/dropdown");
 const MetricsTableOptions = (props) => {
     const { className, handleViewAll, handleResetFilters, ...restProps } = props;
-    return (react_1.default.createElement(dropdown_1.Dropdown, { className: className, glyph: "menu", ...restProps },
+    return (react_1.default.createElement(dropdown_1.Dropdown, { className: className, glyph: "more-vertical", ...restProps },
         handleResetFilters && (react_1.default.createElement(dropdown_1.Dropdown.Item, { onClick: handleResetFilters }, i18n_1.default.RESET_FILTERS)),
         handleViewAll && (react_1.default.createElement(dropdown_1.Dropdown.Item, { onClick: handleViewAll }, i18n_1.default.VIEW_ALL))));
 };

package/lib/components/metrics-table-options/metrics-table-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"metrics-table-options.js","sourceRoot":"","sources":["../../../src/components/metrics-table-options/metrics-table-options.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AAEnC,sDAA8B;AAC9B,gDAA6C;AAEtC,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,EAAG,aAAa,EAAE,kBAAkB,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE9E,OAAO,CACL,8BAAC,mBAAQ,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAC,MAAM,KAAK,SAAS;QACvD,kBAAkB,IAAI,CACrB,8BAAC,mBAAQ,CAAC,IAAI,IAAC,OAAO,EAAE,kBAAkB,IACvC,cAAI,CAAC,aAAa,CACL,CACjB;QACA,aAAa,IAAI,CAChB,8BAAC,mBAAQ,CAAC,IAAI,IAAC,OAAO,EAAE,aAAa,IAClC,cAAI,CAAC,QAAQ,CACA,CACjB,CACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,mBAAmB,uBAiB9B;AAEF,2BAAmB,CAAC,SAAS,GAAG;IAC9B,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,aAAa,EAAE,oBAAS,CAAC,IAAI;IAC7B,kBAAkB,EAAE,oBAAS,CAAC,IAAI;CACnC,CAAC;AAEF,2BAAmB,CAAC,YAAY,GAAG;IACjC,SAAS,EAAE,EAAE;IACb,aAAa,EAAE,IAAI;IACnB,kBAAkB,EAAE,IAAI;CACzB,CAAC"}
+{"version":3,"file":"metrics-table-options.js","sourceRoot":"","sources":["../../../src/components/metrics-table-options/metrics-table-options.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AAEnC,sDAA8B;AAC9B,gDAA6C;AAEtC,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,EAAG,aAAa,EAAE,kBAAkB,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE9E,OAAO,CACL,8BAAC,mBAAQ,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAC,eAAe,KAAK,SAAS;QAChE,kBAAkB,IAAI,CACrB,8BAAC,mBAAQ,CAAC,IAAI,IAAC,OAAO,EAAE,kBAAkB,IACvC,cAAI,CAAC,aAAa,CACL,CACjB;QACA,aAAa,IAAI,CAChB,8BAAC,mBAAQ,CAAC,IAAI,IAAC,OAAO,EAAE,aAAa,IAClC,cAAI,CAAC,QAAQ,CACA,CACjB,CACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,mBAAmB,uBAiB9B;AAEF,2BAAmB,CAAC,SAAS,GAAG;IAC9B,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,aAAa,EAAE,oBAAS,CAAC,IAAI;IAC7B,kBAAkB,EAAE,oBAAS,CAAC,IAAI;CACnC,CAAC;AAEF,2BAAmB,CAAC,YAAY,GAAG;IACjC,SAAS,EAAE,EAAE;IACb,aAAa,EAAE,IAAI;IACnB,kBAAkB,EAAE,IAAI;CACzB,CAAC"}

package/lib/components/metrics-table-search/metrics-table-search.module.css

@@ -5,13 +5,7 @@
 }
 
 .input {
-  border-radius: var(--radius-small);
   height: var(--space-large);
-  border-color: var(--color-outline);
-}
-
-.input:focus {
-  border-color: var(--color-outline-dark);
 }
 
 .cancelButton {

package/lib/components/metrics-table-title/metrics-table-title.module.css

@@ -14,6 +14,7 @@
 
 .anchorIcon {
   display: block;
+  margin: -2px 0; /* compensate for the vertical space */
 }
 
 .info {

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

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

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

@@ -1,62 +1,61 @@
 "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.ModuleInfo = 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 isEmpty_1 = __importDefault(require("lodash/isEmpty"));
 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 tag_1 = require("../../ui/tag");
 const component_link_1 = require("../component-link");
+const entry_info_1 = require("../entry-info");
 const module_info_module_css_1 = __importDefault(require("./module-info.module.css"));
 const ModuleInfo = (props) => {
-    const { className, item, labels, chunks, chunkIds, customComponentLink: CustomComponentLink, onClick, } = props;
-    return (react_1.default.createElement(stack_1.Stack, { space: "xsmall", className: className }, item.runs.map((run, index) => {
-        const TitleComponent = index !== 0 ? 'h4' : 'h3';
-        const key = `module-info-${run?.name || index}-${index}`;
-        return (react_1.default.createElement(stack_1.Stack, { space: "xxxsmall", key: key },
-            react_1.default.createElement(TitleComponent, null, labels[index]),
-            index === 0 && !(0, isEmpty_1.default)(run?.chunkIds) && (react_1.default.createElement("div", { className: module_info_module_css_1.default.chunks },
-                react_1.default.createElement("span", { className: module_info_module_css_1.default.chunksTitle }, "Chunks:"),
-                run.chunkIds.map((chunkId) => {
-                    const chunk = chunks?.find(({ id }) => id === chunkId);
-                    if (!chunk) {
-                        return null;
-                    }
-                    return (react_1.default.createElement(CustomComponentLink, { ...(0, utils_1.getBundleModulesByChunk)(chunkIds, chunkId), onClick: onClick, className: module_info_module_css_1.default.chunksItem }, chunk.name));
-                }))),
-            react_1.default.createElement(file_name_1.FileName, { className: module_info_module_css_1.default.fileName, as: "code", name: run?.name || '-' })));
-    })));
+    const { className = '', item, labels, chunks = [], chunkIds = [], customComponentLink: CustomComponentLink = component_link_1.ComponentLink, onClick = noop_1.default, } = props;
+    const rootClassName = (0, classnames_1.default)(module_info_module_css_1.default.root, className);
+    const currentRun = item.runs?.[0];
+    const tags = (0, react_1.useMemo)(() => {
+        if (!item.duplicated) {
+            return null;
+        }
+        return (react_1.default.createElement("div", null,
+            react_1.default.createElement(tag_1.Tag, { as: CustomComponentLink, ...utils_1.BUNDLE_MODULES_DUPLICATE, onClick: onClick, kind: "danger" }, "Duplicate")));
+    }, [item]);
+    return (react_1.default.createElement(entry_info_1.EntryInfo, { item: item, labels: labels, tags: tags, className: rootClassName }, !(0, isEmpty_1.default)(currentRun?.chunkIds) && (react_1.default.createElement("div", { className: module_info_module_css_1.default.chunks },
+        react_1.default.createElement("span", { className: module_info_module_css_1.default.chunksTitle }, "Chunks:"),
+        currentRun.chunkIds.map((chunkId) => {
+            const chunk = chunks?.find(({ id }) => id === chunkId);
+            if (!chunk) {
+                return null;
+            }
+            return (react_1.default.createElement(tag_1.Tag, { as: CustomComponentLink, ...(0, utils_1.getBundleModulesByChunk)(chunkIds, chunkId), onClick: onClick, className: module_info_module_css_1.default.chunksItem }, chunk.name));
+        })))));
 };
 exports.ModuleInfo = ModuleInfo;
-exports.ModuleInfo.propTypes = {
-    className: prop_types_1.default.string,
-    item: prop_types_1.default.shape({
-        key: prop_types_1.default.string,
-        runs: prop_types_1.default.arrayOf(prop_types_1.default.shape({
-            key: prop_types_1.default.string,
-            name: prop_types_1.default.string,
-            chunkIds: prop_types_1.default.arrayOf(prop_types_1.default.string),
-        })),
-    }).isRequired,
-    labels: prop_types_1.default.arrayOf(prop_types_1.default.string).isRequired,
-    chunks: prop_types_1.default.arrayOf(prop_types_1.default.shape({
-        id: prop_types_1.default.string,
-        name: prop_types_1.default.string,
-    })),
-    chunkIds: prop_types_1.default.arrayOf(prop_types_1.default.string),
-    customComponentLink: prop_types_1.default.elementType,
-    onClick: prop_types_1.default.func,
-};
-exports.ModuleInfo.defaultProps = {
-    className: '',
-    chunks: [],
-    chunkIds: [],
-    customComponentLink: component_link_1.ComponentLink,
-    onClick: noop_1.default,
-};
 //# sourceMappingURL=module-info.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"module-info.js","sourceRoot":"","sources":["../../../src/components/module-info/module-info.jsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"module-info.js","sourceRoot":"","sources":["../../../src/components/module-info/module-info.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4DAA4B;AAC5B,6DAAqC;AACrC,uDAA+B;AAC/B,+CAAuG;AAGvG,sCAAmC;AACnC,sDAAkD;AAClD,8CAA0C;AAC1C,sFAA2C;AAepC,MAAM,UAAU,GAAG,CAAC,KAAoD,EAAE,EAAE;IACjF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,MAAM,EACN,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,EAAE,EACb,mBAAmB,EAAE,mBAAmB,GAAG,8BAAa,EACxD,OAAO,GAAG,cAAI,GACf,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,gCAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAC9C,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;IAElC,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACxB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB,OAAO,IAAI,CAAC;SACb;QAED,OAAO,CACL;YACE,8BAAC,SAAG,IAAC,EAAE,EAAE,mBAAmB,KAAM,gCAAwB,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,QAAQ,gBAAgB,CACvG,CACP,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,8BAAC,sBAAS,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,IACxE,CAAC,IAAA,iBAAO,EAAC,UAAU,EAAE,QAAQ,CAAC,IAAI,CACjC,uCAAK,SAAS,EAAE,gCAAG,CAAC,MAAM;QACxB,wCAAM,SAAS,EAAE,gCAAG,CAAC,WAAW,cAAgB;QAC/C,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;YACnC,MAAM,KAAK,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC;YAEvD,IAAI,CAAC,KAAK,EAAE;gBACV,OAAO,IAAI,CAAC;aACb;YAED,OAAO,CACL,8BAAC,SAAG,IACF,EAAE,EAAE,mBAAmB,KACnB,IAAA,+BAAuB,EAAC,QAAQ,EAAE,OAAO,CAAC,EAC9C,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,gCAAG,CAAC,UAAU,IAExB,KAAK,CAAC,IAAI,CACP,CACP,CAAC;QACJ,CAAC,CAAC,CACE,CACP,CACS,CACb,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,UAAU,cAqDrB"}

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

@@ -8,14 +8,12 @@
 
 .chunksItem {
   overflow-wrap: break-word;
+  text-decoration: none;
+  text-transform: none;
+  font-weight: normal;
+  font-size: 1em;
 }
 
 .chunksItem + .chunksItem {
   margin-left: var(--space-xxxsmall);
 }
-
-.fileName {
-  max-width: 100%;
-  padding: 2px;
-  background: var(--color-highlight-warning);
-}

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

@@ -0,0 +1,18 @@
+"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 __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("./package-info"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,71 @@
+"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.PackageInfo = void 0;
+const react_1 = __importStar(require("react"));
+const noop_1 = __importDefault(require("lodash/noop"));
+const utils_1 = require("@bundle-stats/utils");
+const flex_stack_1 = require("../../layout/flex-stack");
+const stack_1 = require("../../layout/stack");
+const component_link_1 = require("../component-link");
+const file_name_1 = require("../../ui/file-name");
+const tag_1 = require("../../ui/tag");
+const entry_info_1 = require("../entry-info");
+const package_info_module_css_1 = __importDefault(require("./package-info.module.css"));
+const PackageInfo = (props) => {
+    const { className = '', name, item, labels, customComponentLink: CustomComponentLink = component_link_1.ComponentLink, onClick = noop_1.default } = props;
+    const fallbackPackagePath = `node_modules/${item.label.split(utils_1.PACKAGES_SEPARATOR).join('/node_modules/')}`;
+    const normalizedPackagePath = `${item.runs?.[0]?.path || fallbackPackagePath}/`;
+    const [normalizedName, packageId] = name.split(utils_1.PACKAGE_ID_SEPARATOR);
+    const packageTitle = (0, react_1.useMemo)(() => (react_1.default.createElement("span", { className: package_info_module_css_1.default.packageTitle },
+        react_1.default.createElement("span", { className: package_info_module_css_1.default.packageTitleText }, normalizedName),
+        packageId && react_1.default.createElement("span", { className: package_info_module_css_1.default.packageTitleId },
+            utils_1.PACKAGE_ID_SEPARATOR,
+            packageId))), [normalizedName, packageId]);
+    const tags = (0, react_1.useMemo)(() => {
+        if (!item.duplicate) {
+            return null;
+        }
+        return (react_1.default.createElement("div", null,
+            react_1.default.createElement(tag_1.Tag, { as: CustomComponentLink, ...utils_1.BUNDLE_PACKAGES_DUPLICATE, onClick: onClick, kind: "danger" }, "Duplicate")));
+    }, [item]);
+    return (react_1.default.createElement(entry_info_1.EntryInfo, { itemTitle: packageTitle, item: item, labels: labels, tags: tags, runNameSelector: "path", className: className },
+        react_1.default.createElement(stack_1.Stack, { space: "small" },
+            react_1.default.createElement("p", null,
+                "Path: ",
+                react_1.default.createElement(file_name_1.FileName, { name: normalizedPackagePath, className: package_info_module_css_1.default.fileName })),
+            react_1.default.createElement(stack_1.Stack, { space: "xxxsmall" },
+                item.duplicate && (react_1.default.createElement("div", null,
+                    react_1.default.createElement(CustomComponentLink, { ...(0, utils_1.getBundlePackagesByNameComponentLink)(normalizedName) }, "View all duplicate instances"))),
+                react_1.default.createElement(CustomComponentLink, { ...(0, utils_1.getBundleModulesBySearch)(normalizedPackagePath) }, "Search modules by package path")),
+            react_1.default.createElement(flex_stack_1.FlexStack, { space: "xsmall", alignItems: "center", className: package_info_module_css_1.default.external },
+                react_1.default.createElement("a", { href: `https://www.npmjs.com/package/${normalizedName}`, target: "_blank", rel: "noreferrer", className: package_info_module_css_1.default.externalLink }, "npmjs.com"),
+                react_1.default.createElement("a", { href: `https://bundlephobia.com/result?p=${normalizedName}`, target: "_blank", rel: "noreferrer", className: package_info_module_css_1.default.externalLink }, "bundlephobia.com")))));
+};
+exports.PackageInfo = PackageInfo;
+//# sourceMappingURL=package-info.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"package-info.js","sourceRoot":"","sources":["../../../src/components/package-info/package-info.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,uDAA+B;AAC/B,+CAO6B;AAG7B,wDAAoD;AACpD,8CAA2C;AAC3C,sDAAkD;AAClD,kDAA8C;AAC9C,sCAAmC;AACnC,8CAA0C;AAC1C,wFAA4C;AAarC,MAAM,WAAW,GAAG,CAAC,KAAqD,EAAE,EAAE;IACnF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,mBAAmB,EAAE,mBAAmB,GAAG,8BAAa,EACxD,OAAO,GAAG,cAAI,EACf,GAAG,KAAK,CAAC;IAEV,MAAM,mBAAmB,GAAG,gBAAgB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,0BAAkB,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC;IAC1G,MAAM,qBAAqB,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,mBAAmB,GAAG,CAAC;IAChF,MAAM,CAAC,cAAc,EAAE,SAAS,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,4BAAoB,CAAC,CAAC;IAErE,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CACjC,wCAAM,SAAS,EAAE,iCAAG,CAAC,YAAY;QAC/B,wCAAM,SAAS,EAAE,iCAAG,CAAC,gBAAgB,IAAG,cAAc,CAAQ;QAC7D,SAAS,IAAI,wCAAM,SAAS,EAAE,iCAAG,CAAC,cAAc;YAAG,4BAAoB;YAAE,SAAS,CAAQ,CACtF,CACR,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC;IAEhC,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACxB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACnB,OAAO,IAAI,CAAC;SACb;QAED,OAAO,CACL;YACE,8BAAC,SAAG,IAAC,EAAE,EAAE,mBAAmB,KAAM,iCAAyB,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,QAAQ,gBAAgB,CACxG,CACP,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,8BAAC,sBAAS,IACR,SAAS,EAAE,YAAY,EACvB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,eAAe,EAAC,MAAM,EACtB,SAAS,EAAE,SAAS;QAEpB,8BAAC,aAAK,IAAC,KAAK,EAAC,OAAO;YAClB;;gBAAS,8BAAC,oBAAQ,IAAC,IAAI,EAAE,qBAAqB,EAAE,SAAS,EAAE,iCAAG,CAAC,QAAQ,GAAI,CAAI;YAE/E,8BAAC,aAAK,IAAC,KAAK,EAAC,UAAU;gBACpB,IAAI,CAAC,SAAS,IAAI,CACjB;oBACE,8BAAC,mBAAmB,OAAK,IAAA,4CAAoC,EAAC,cAAc,CAAC,mCAEvD,CAClB,CACP;gBAED,8BAAC,mBAAmB,OAAK,IAAA,gCAAwB,EAAC,qBAAqB,CAAC,qCAElD,CAChB;YAER,8BAAC,sBAAS,IAAC,KAAK,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,iCAAG,CAAC,QAAQ;gBACnE,qCACE,IAAI,EAAE,iCAAiC,cAAc,EAAE,EACvD,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,SAAS,EAAE,iCAAG,CAAC,YAAY,gBAGzB;gBACJ,qCACE,IAAI,EAAE,qCAAqC,cAAc,EAAE,EAC3D,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,SAAS,EAAE,iCAAG,CAAC,YAAY,uBAGzB,CACM,CACN,CACE,CACb,CAAC;AACJ,CAAC,CAAC;AAhFW,QAAA,WAAW,eAgFtB"}

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

@@ -0,0 +1,13 @@
+.fileName {
+  padding: 0 2px;
+  background: var(--color-highlight-warning);
+}
+
+.external {
+  padding: 0;
+  list-style: inside disc;
+}
+
+.packageTitleId {
+  color: var(--color-text-ultra-light);
+}

package/lib/components/run-info/index.js

@@ -0,0 +1,18 @@
+"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 __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("./run-info"), exports);
+//# sourceMappingURL=index.js.map

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

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