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

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

@@ -1,62 +1,151 @@
 "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 () {
+    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.ModuleInfo = void 0;
-const react_1 = __importDefault(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
-const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const orderBy_1 = __importDefault(require("lodash/orderBy"));
 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 run_info_1 = require("../run-info");
+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 layout_1 = require("../../layout");
+const constants_1 = require("../../constants");
+const DuplicateInstances = ({ current, baseline }) => {
+    const runInfo = (0, utils_1.getMetricRunInfo)({
+        biggerIsBetter: false,
+        formatter: utils_1.formatNumber,
+    }, current, baseline);
+    return (react_1.default.createElement(run_info_1.RunInfo, { current: runInfo.displayValue, delta: runInfo.displayDeltaPercentage, deltaPercentage: runInfo.displayDelta, deltaType: runInfo.deltaType, size: "small", className: module_info_module_css_1.default.duplicateInstances }));
 };
-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,
+var ChunkDataState;
+(function (ChunkDataState) {
+    ChunkDataState[ChunkDataState["ADDED"] = 2] = "ADDED";
+    ChunkDataState[ChunkDataState["REMOVED"] = 1] = "REMOVED";
+    ChunkDataState[ChunkDataState["NOT_CHANGED"] = 0] = "NOT_CHANGED";
+})(ChunkDataState || (ChunkDataState = {}));
+const ChunkDataStateKind = {
+    [ChunkDataState.ADDED]: 'info',
+    [ChunkDataState.REMOVED]: 'danger',
+    [ChunkDataState.NOT_CHANGED]: 'default',
+};
+function compareChunksData(currentChunkIds, baselineChunkIds) {
+    const result = [];
+    currentChunkIds.forEach((chunkId) => {
+        if (!baselineChunkIds.includes(chunkId)) {
+            result.push({ id: chunkId, state: ChunkDataState.ADDED });
+        }
+        else {
+            result.push({ id: chunkId, state: ChunkDataState.NOT_CHANGED });
+        }
+    });
+    baselineChunkIds.forEach((chunk) => {
+        if (!currentChunkIds.includes(chunk)) {
+            result.push({ id: chunk, state: ChunkDataState.REMOVED });
+        }
+    });
+    return (0, orderBy_1.default)(result, 'state', 'desc');
+}
+const ChunksDelta = (props) => {
+    const { customComponentLink: CustomComponentLink, runs, chunks, chunkIds } = props;
+    const currentChunkIds = runs[0]?.chunkIds || [];
+    const baselineChunkIds = runs[runs.length - 1]?.chunkIds || [];
+    const chunksData = compareChunksData(currentChunkIds, baselineChunkIds);
+    return (react_1.default.createElement(stack_1.Stack, { space: "xxxsmall" },
+        react_1.default.createElement("div", null, chunksData.map((chunkData) => {
+            const chunk = chunks?.find(({ id }) => id === chunkData.id);
+            if (!chunk) {
+                return null;
+            }
+            return (react_1.default.createElement(entry_info_1.EntryInfoMetaLink, { as: CustomComponentLink, ...(0, utils_1.getBundleModulesByChunk)(chunkIds, chunkData.id), className: (0, classnames_1.default)(module_info_module_css_1.default.chunksItem, module_info_module_css_1.default[`chunksItem-${ChunkDataStateKind[chunkData.state]}`]) }, chunk.name));
+        }))));
+};
+const ModuleSizeRunInfo = (props) => {
+    const { metric, title, titleTooltip, current, baseline } = props;
+    const runInfo = (0, utils_1.getMetricRunInfo)(metric, current || 0, baseline);
+    return (react_1.default.createElement(run_info_1.RunInfo, { title: title, titleTooltip: titleTooltip, current: runInfo.displayValue, delta: runInfo.displayDeltaPercentage, deltaPercentage: runInfo.displayDelta, deltaType: runInfo.deltaType, baseline: baseline ? metric.formatter(baseline) : undefined }));
 };
-exports.ModuleInfo.defaultProps = {
-    className: '',
-    chunks: [],
-    chunkIds: [],
-    customComponentLink: component_link_1.ComponentLink,
-    onClick: noop_1.default,
+const renderRunInfo = (item) => {
+    const itemModule = item;
+    const currentRun = itemModule.runs[0];
+    const baselineRun = itemModule.runs.length > 1 ? itemModule.runs[itemModule.runs.length - 1] : null;
+    const metric = utils_1.METRIC_TYPE_CONFIGS.METRIC_TYPE_FILE_SIZE;
+    return (react_1.default.createElement(layout_1.FlexStack, { space: "small", className: module_info_module_css_1.default.moduleSizes },
+        itemModule.duplicated && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(ModuleSizeRunInfo, { metric: metric, title: constants_1.ModuleSizeMetrics[constants_1.ModuleSizeMetric.TOTAL_SIZE].label, titleTooltip: constants_1.ModuleSizeMetrics[constants_1.ModuleSizeMetric.TOTAL_SIZE].tooltip, current: currentRun?.sizeTotal, baseline: baselineRun?.sizeTotal }),
+            react_1.default.createElement(ModuleSizeRunInfo, { metric: metric, title: constants_1.ModuleSizeMetrics[constants_1.ModuleSizeMetric.DUPLICATE_SIZE].label, titleTooltip: constants_1.ModuleSizeMetrics[constants_1.ModuleSizeMetric.DUPLICATE_SIZE].tooltip, current: currentRun?.sizeDuplicate, baseline: baselineRun?.sizeDuplicate }))),
+        react_1.default.createElement(ModuleSizeRunInfo, { metric: metric, title: constants_1.ModuleSizeMetrics[constants_1.ModuleSizeMetric.SIZE].label, titleTooltip: constants_1.ModuleSizeMetrics[constants_1.ModuleSizeMetric.SIZE].tooltip, current: currentRun?.size, baseline: baselineRun?.size })));
 };
+const ModuleInfo = (props) => {
+    const { className = '', item, labels, chunks = [], chunkIds = [], metricLabel = '', customComponentLink: CustomComponentLink = component_link_1.ComponentLink, onClick = noop_1.default, onClose, } = props;
+    const rootClassName = (0, classnames_1.default)(module_info_module_css_1.default.root, className);
+    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, kind: "danger" }, "Duplicate")));
+    }, [item]);
+    const fileTypeLabel = utils_1.FILE_TYPE_LABELS[item.fileType];
+    const sourceTypeLabel = item.thirdParty
+        ? utils_1.MODULE_SOURCE_TYPE_LABELS.THIRD_PARTY
+        : utils_1.MODULE_SOURCE_TYPE_LABELS.FIRST_PARTY;
+    const currentRun = item.runs[0];
+    const baselineRun = item.runs.length > 1 ? item.runs[item.runs.length - 1] : undefined;
+    const currentChunkCount = currentRun?.chunkIds?.length || 0;
+    const baselineChunkCount = baselineRun?.chunkIds?.length || 0;
+    const currentDuplicateInstances = currentChunkCount > 0 ? currentChunkCount - 1 : 0;
+    const baselineDuplicateInstances = baselineChunkCount > 0 ? baselineChunkCount - 1 : 0;
+    const hasDuplicates = currentDuplicateInstances !== 0 || baselineDuplicateInstances !== 0;
+    return (react_1.default.createElement(entry_info_1.EntryInfo, { item: item, labels: labels, tags: tags, onClose: onClose, renderRunInfo: renderRunInfo, runSizeLabel: metricLabel, className: rootClassName },
+        react_1.default.createElement(stack_1.Stack, { space: "xxxsmall" },
+            item?.fileType && (react_1.default.createElement(entry_info_1.EntryInfo.Meta, { label: "File type", tooltip: "Module file type: JS, CSS" },
+                react_1.default.createElement(entry_info_1.EntryInfoMetaLink, { as: CustomComponentLink, ...(0, utils_1.getBundleModulesByFileTpe)(item.fileType, fileTypeLabel) }, fileTypeLabel))),
+            react_1.default.createElement(entry_info_1.EntryInfo.Meta, { label: "Source", tooltip: "Module source type: first party, third party" },
+                react_1.default.createElement(entry_info_1.EntryInfoMetaLink, { as: CustomComponentLink, ...(0, utils_1.getBundleModulesBySource)(item.thirdParty || false, sourceTypeLabel), onClick: onClick }, sourceTypeLabel)),
+            hasDuplicates && (react_1.default.createElement(entry_info_1.EntryInfo.Meta, { label: "Duplicates", tooltip: "Module duplicate instances" },
+                react_1.default.createElement(DuplicateInstances, { current: currentDuplicateInstances, baseline: baselineRun ? baselineDuplicateInstances : undefined }))),
+            react_1.default.createElement(entry_info_1.EntryInfo.Meta, { label: "Chunks", tooltip: "Chunks that contain the module" },
+                react_1.default.createElement(ChunksDelta, { runs: item.runs, chunks: chunks, chunkIds: chunkIds, customComponentLink: CustomComponentLink })))));
+};
+exports.ModuleInfo = ModuleInfo;
 //# 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":"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"}

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

@@ -1,21 +1,41 @@
-.chunksTitle {
-  margin-right: var(--space-xxxsmall);
+.moduleSizes {
+  flex-wrap: wrap;
 }
 
 .chunksItems {
   display: inline;
 }
 
-.chunksItem {
-  overflow-wrap: break-word;
+.chunksItem-info {
+  color: var(--color-info);
 }
 
-.chunksItem + .chunksItem {
-  margin-left: var(--space-xxxsmall);
+.chunksItem-info:hover,
+.chunksItem-info:active,
+.chunksItem-info:focus {
+  color: var(--color-info-dark);
 }
 
-.fileName {
-  max-width: 100%;
-  padding: 2px;
-  background: var(--color-highlight-warning);
+.chunksItem-danger {
+  color: var(--color-danger);
+}
+
+.chunksItem-danger:hover,
+.chunksItem-danger:active,
+.chunksItem-danger:focus {
+  color: var(--color-danger-dark);
+}
+
+.chunksItem-default {
+  color: var(--color-text-light);
+}
+
+.chunksItem-default:hover,
+.chunksItem-default:active,
+.chunksItem-default:focus {
+  color: var(--color-text);
+}
+
+.duplicateInstances {
+  padding: 2px 0; /* compensate for the Entry Label padding */
 }

package/lib/{ui/sort-dropdown → components/package-info}/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("./sort-dropdown"), exports);
+__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,87 @@
+"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 () {
+    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.PackageInfo = void 0;
+const react_1 = __importStar(require("react"));
+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 ui_1 = require("../../ui");
+const PackageInfo = (props) => {
+    const { className = '', item, labels, customComponentLink: CustomComponentLink = component_link_1.ComponentLink, onClose, } = props;
+    const packages = item.label.split(utils_1.PACKAGES_SEPARATOR);
+    const name = packages[packages.length - 1];
+    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, kind: "danger" }, "Duplicate")));
+    }, [item]);
+    return (react_1.default.createElement(entry_info_1.EntryInfo, { itemTitle: packageTitle, item: item, labels: labels, tags: tags, runNameSelector: "path", onClose: onClose, className: className },
+        react_1.default.createElement(entry_info_1.EntryInfo.Meta, { label: "Path", tooltip: "Package 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(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center", as: "a", href: `https://www.npmjs.com/package/${normalizedName}`, target: "_blank", rel: "noreferrer", className: package_info_module_css_1.default.externalLink },
+                react_1.default.createElement("span", null, "npmjs.com"),
+                react_1.default.createElement(ui_1.Icon, { glyph: ui_1.Icon.ICONS.EXTERNAL_LINK, size: "small" })),
+            react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center", as: "a", href: `https://bundlephobia.com/result?p=${normalizedName}`, target: "_blank", rel: "noreferrer", className: package_info_module_css_1.default.externalLink },
+                react_1.default.createElement("span", null, "bundlephobia.com"),
+                react_1.default.createElement(ui_1.Icon, { glyph: ui_1.Icon.ICONS.EXTERNAL_LINK, size: "small" })))));
+};
+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":"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"}

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/preview-source/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("./preview-source"), exports);
+//# sourceMappingURL=index.js.map

package/lib/components/preview-source/index.js.map

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

package/lib/components/preview-source/preview-source.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.PreviewSource = void 0;
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const button_1 = require("../../ui/button");
+const copy_to_clipboard_1 = require("../../ui/copy-to-clipboard");
+const control_group_1 = require("../../ui/control-group");
+const tooltip_1 = require("../../ui/tooltip");
+const textarea_1 = require("../../ui/textarea");
+const preview_source_module_css_1 = __importDefault(require("./preview-source.module.css"));
+const DEFAULT_ROWS = 10;
+const PreviewSource = (props) => {
+    const { className = '', source, rows = DEFAULT_ROWS, download = false, ...restProps } = props;
+    const isEmpty = !source;
+    const rootClassName = (0, classnames_1.default)(preview_source_module_css_1.default.root, className, isEmpty && preview_source_module_css_1.default.isEmpty);
+    return (react_1.default.createElement("div", { className: rootClassName, ...restProps },
+        source && (react_1.default.createElement(control_group_1.ControlGroup, { className: preview_source_module_css_1.default.toolbar },
+            react_1.default.createElement(copy_to_clipboard_1.CopyToClipboard, { outline: true, size: "small", text: source }),
+            download && (react_1.default.createElement(tooltip_1.Tooltip, { title: `Download ${download}`, className: preview_source_module_css_1.default.downloadTooltip },
+                react_1.default.createElement(button_1.Button, { outline: true, rightGlyph: button_1.BUTTON_GLYPHS.DOWNLOAD, size: "small", as: "a", href: `data:application/json,${encodeURIComponent(source)}`, download: download }))))),
+        react_1.default.createElement(textarea_1.Textarea, { rows: rows, value: source, readOnly: true, autoComplete: "off", autoCorrect: "off", autoCapitalize: "off", spellCheck: "false", translate: "no", className: preview_source_module_css_1.default.content })));
+};
+exports.PreviewSource = PreviewSource;
+//# sourceMappingURL=preview-source.js.map

package/lib/components/preview-source/preview-source.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-source.js","sourceRoot":"","sources":["../../../src/components/preview-source/preview-source.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,4DAA4B;AAE5B,4CAAwD;AACxD,kEAA6D;AAC7D,0DAAsD;AACtD,8CAA2C;AAC3C,gDAA6C;AAC7C,4FAA8C;AAE9C,MAAM,YAAY,GAAG,EAAE,CAAC;AAgBjB,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACzD,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,GAAG,YAAY,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE9F,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC;IACxB,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,mCAAG,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,IAAI,mCAAG,CAAC,OAAO,CAAC,CAAC;IAEtE,OAAO,CACL,uCAAK,SAAS,EAAE,aAAa,KAAM,SAAS;QACzC,MAAM,IAAI,CACT,8BAAC,4BAAY,IAAC,SAAS,EAAE,mCAAG,CAAC,OAAO;YAClC,8BAAC,mCAAe,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,MAAM,GAAI;YACrD,QAAQ,IAAI,CACX,8BAAC,iBAAO,IAAC,KAAK,EAAE,YAAY,QAAQ,EAAE,EAAE,SAAS,EAAE,mCAAG,CAAC,eAAe;gBACpE,8BAAC,eAAM,IACL,OAAO,QACP,UAAU,EAAE,sBAAa,CAAC,QAAQ,EAClC,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,yBAAyB,kBAAkB,CAAC,MAAM,CAAC,EAAE,EAC3D,QAAQ,EAAE,QAAQ,GAClB,CACM,CACX,CACY,CAChB;QACD,8BAAC,mBAAQ,IACP,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,EACb,QAAQ,QACR,YAAY,EAAC,KAAK,EAClB,WAAW,EAAC,KAAK,EACjB,cAAc,EAAC,KAAK,EACpB,UAAU,EAAC,OAAO,EAClB,SAAS,EAAC,IAAI,EACd,SAAS,EAAE,mCAAG,CAAC,OAAO,GACtB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,aAAa,iBAsCxB"}

package/lib/components/preview-source/preview-source.module.css

@@ -0,0 +1,40 @@
+.root {
+  position: relative;
+}
+
+.toolbar {
+  position: absolute;
+  z-index: 2;
+  top: var(--space-xsmall);
+  right: var(--space-xsmall);
+  background: var(--color-background);
+  border-radius: var(--radius-medium);
+}
+
+/** fix control group with nested components */
+.downloadTooltip > a {
+  border-top-left-radius: inherit;
+  border-bottom-left-radius: inherit;
+}
+
+.downloadTooltip > a:hover,
+.downloadTooltip > a:active,
+.downloadTooltip > a:focus {
+  box-shadow: none;
+}
+
+/** Source content */
+.content {
+  position: relative;
+  z-index: 1;
+  height: 100%;
+  background: var(--color-highlight);
+  color: var(--color-text);
+  font-family: var(--font-family-fixed);
+}
+
+/** Empty / loading state */
+.isEmpty .content {
+  pointer-events: none;
+  background: var(--color-highlight);
+}

package/lib/components/{job-meta → run-info}/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("./job-meta"), exports);
+__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"}

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

@@ -0,0 +1,82 @@
+"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 () {
+    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.RunInfo = void 0;
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const icon_1 = require("../../ui/icon");
+const hover_card_1 = require("../../ui/hover-card");
+const tooltip_1 = require("../../ui/tooltip");
+const skeleton_1 = require("../../ui/skeleton");
+const flex_stack_1 = require("../../layout/flex-stack");
+const stack_1 = require("../../layout/stack");
+const metric_1 = require("../metric");
+const delta_1 = require("../delta");
+const run_info_module_css_1 = __importDefault(require("./run-info.module.css"));
+const EXTRACT_VALUE_UNIT_PATTERN = /([\d|.|,| ]*)(\w*|%)$/;
+const getMetricParams = (value) => {
+    const matches = value.match(EXTRACT_VALUE_UNIT_PATTERN);
+    if (!matches) {
+        return [value];
+    }
+    return [matches[1], matches[2]];
+};
+const RunInfo = ({ className = '', title = null, titleHoverCard = null, titleTooltip = null, current = '', baseline = '', delta = '', deltaPercentage = '', deltaType = '', as: Component = 'div', size = 'medium', showBaseline = true, loading = false, enhance = false, ...restProps }) => {
+    const rootClassName = (0, classnames_1.default)(run_info_module_css_1.default.root, className, run_info_module_css_1.default[size], (delta || deltaPercentage) && run_info_module_css_1.default.showDelta);
+    const currentValueParams = (0, react_1.useMemo)(() => {
+        if (!enhance || typeof current !== 'string') {
+            return [current];
+        }
+        return getMetricParams(current);
+    }, [current, enhance]);
+    return (react_1.default.createElement(Component, { className: rootClassName, ...restProps },
+        title && (react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center", as: "h3", className: run_info_module_css_1.default.title },
+            react_1.default.createElement("span", { className: run_info_module_css_1.default.titleText }, title),
+            titleHoverCard && (react_1.default.createElement(hover_card_1.HoverCard, { label: react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.HELP }), className: (0, classnames_1.default)(run_info_module_css_1.default.titleIcon, run_info_module_css_1.default.titleHoverCardIcon) }, titleHoverCard)),
+            titleTooltip && (react_1.default.createElement(tooltip_1.Tooltip, { title: titleTooltip, className: (0, classnames_1.default)(run_info_module_css_1.default.titleIcon, run_info_module_css_1.default.titleTooltipIcon) },
+                react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.HELP }))))),
+        !loading ? (react_1.default.createElement(stack_1.Stack, { space: "xxxsmall", className: run_info_module_css_1.default.info },
+            react_1.default.createElement(metric_1.Metric, { value: currentValueParams[0], unit: currentValueParams[1], inline: true, className: run_info_module_css_1.default.currentMetric }, (delta || deltaPercentage) && (react_1.default.createElement("span", { className: run_info_module_css_1.default.delta },
+                deltaPercentage && (react_1.default.createElement(delta_1.Delta, { displayValue: deltaPercentage, deltaType: deltaType, className: run_info_module_css_1.default.deltaValue })),
+                delta && (react_1.default.createElement(delta_1.Delta, { displayValue: delta, deltaType: deltaType, className: run_info_module_css_1.default.deltaValue }))))),
+            showBaseline && react_1.default.createElement(metric_1.Metric, { className: run_info_module_css_1.default.baselineMetric, value: baseline }))) : (react_1.default.createElement(stack_1.Stack, { space: "xxxsmall", className: run_info_module_css_1.default.info },
+            react_1.default.createElement(skeleton_1.Skeleton, { className: (0, classnames_1.default)(run_info_module_css_1.default.currentMetric, run_info_module_css_1.default.loading) }),
+            showBaseline && react_1.default.createElement(skeleton_1.Skeleton, { as: "p", className: (0, classnames_1.default)(run_info_module_css_1.default.baselineMetric, run_info_module_css_1.default.loading) })))));
+};
+exports.RunInfo = RunInfo;
+//# sourceMappingURL=run-info.js.map

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

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