@bundle-stats/ui 4.2.5-beta.1 → 4.2.5-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/app/app.js +4 -4
- package/lib/app/app.js.map +1 -1
- package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +2 -8
- package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
- package/lib/components/index.js +3 -1
- package/lib/components/index.js.map +1 -1
- package/lib/components/metric-run-info/metric-run-info.js +52 -33
- package/lib/components/metric-run-info/metric-run-info.js.map +1 -1
- package/lib/components/metric-run-info/metric-run-info.module.css +14 -36
- package/lib/components/metrics-table-title/metrics-table-title.module.css +1 -0
- package/lib/components/run-info/index.js +18 -0
- package/lib/components/run-info/index.js.map +1 -0
- package/lib/components/run-info/run-info.js +70 -0
- package/lib/components/run-info/run-info.js.map +1 -0
- package/lib/components/run-info/run-info.module.css +41 -0
- package/lib/components/summary/summary.js +5 -45
- package/lib/components/summary/summary.js.map +1 -1
- package/lib-esm/app/app.js +4 -4
- package/lib-esm/app/app.js.map +1 -1
- package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +2 -8
- package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
- package/lib-esm/components/index.js +1 -0
- package/lib-esm/components/index.js.map +1 -1
- package/lib-esm/components/metric-run-info/metric-run-info.js +29 -33
- package/lib-esm/components/metric-run-info/metric-run-info.js.map +1 -1
- package/lib-esm/components/metric-run-info/metric-run-info.module.css +14 -36
- package/lib-esm/components/metrics-table-title/metrics-table-title.module.css +1 -0
- package/lib-esm/components/run-info/index.js +2 -0
- package/lib-esm/components/run-info/index.js.map +1 -0
- package/lib-esm/components/run-info/run-info.js +40 -0
- package/lib-esm/components/run-info/run-info.js.map +1 -0
- package/lib-esm/components/run-info/run-info.module.css +41 -0
- package/lib-esm/components/summary/summary.js +6 -23
- package/lib-esm/components/summary/summary.js.map +1 -1
- package/package.json +6 -6
- package/src/app/app.jsx +4 -0
- package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.jsx +5 -10
- package/src/components/index.js +1 -0
- package/src/components/metric/metric.tsx +1 -1
- package/src/components/metric-run-info/metric-run-info.module.css +14 -36
- package/src/components/metric-run-info/metric-run-info.stories.tsx +14 -29
- package/src/components/metric-run-info/metric-run-info.tsx +68 -85
- package/src/components/metrics-table-title/metrics-table-title.module.css +1 -0
- package/src/components/run-info/index.ts +1 -0
- package/src/components/run-info/run-info.module.css +41 -0
- package/src/components/run-info/run-info.stories.tsx +49 -0
- package/src/components/run-info/run-info.tsx +106 -0
- package/src/components/summary/summary.stories.tsx +1 -0
- package/src/components/summary/summary.tsx +41 -62
- package/types/components/index.d.ts +1 -0
- package/types/components/metric/metric.d.ts +1 -1
- package/types/components/metric-run-info/metric-run-info.d.ts +10 -11
- package/types/components/run-info/index.d.ts +1 -0
- package/types/components/run-info/run-info.d.ts +15 -0
- package/types/components/summary/summary.d.ts +14 -4
package/lib/app/app.js
CHANGED
|
@@ -111,7 +111,7 @@ const AssetsContent = () => {
|
|
|
111
111
|
const { jobs } = (0, react_1.useContext)(JobsContext);
|
|
112
112
|
return (react_1.default.createElement(container_1.Container, null,
|
|
113
113
|
react_1.default.createElement(stack_1.Stack, { space: "medium" },
|
|
114
|
-
react_1.default.createElement(summary_1.Summary, { keys: constants_1.METRICS_WEBPACK_ASSETS, data: jobs?.[0]?.summary, showSummaryItemDelta: jobs?.length !== 1 }),
|
|
114
|
+
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 }),
|
|
115
115
|
react_1.default.createElement(box_1.Box, { outline: true },
|
|
116
116
|
react_1.default.createElement(bundle_assets_1.BundleAssets, { jobs: jobs, setState: bundleStatsSetState, ...bundleStatsState })))));
|
|
117
117
|
};
|
|
@@ -120,7 +120,7 @@ const ModulesContent = () => {
|
|
|
120
120
|
const { jobs } = (0, react_1.useContext)(JobsContext);
|
|
121
121
|
return (react_1.default.createElement(container_1.Container, null,
|
|
122
122
|
react_1.default.createElement(stack_1.Stack, { space: "medium" },
|
|
123
|
-
react_1.default.createElement(summary_1.Summary, { keys: constants_1.METRICS_WEBPACK_MODULES, data: jobs?.[0]?.summary, showSummaryItemDelta: jobs?.length !== 1 }),
|
|
123
|
+
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 }),
|
|
124
124
|
react_1.default.createElement(box_1.Box, { outline: true },
|
|
125
125
|
react_1.default.createElement(bundle_modules_1.BundleModules, { jobs: jobs, setState: bundleModulesSetState, ...bundleModulesState })))));
|
|
126
126
|
};
|
|
@@ -129,7 +129,7 @@ const PackagesContent = () => {
|
|
|
129
129
|
const { jobs } = (0, react_1.useContext)(JobsContext);
|
|
130
130
|
return (react_1.default.createElement(container_1.Container, null,
|
|
131
131
|
react_1.default.createElement(stack_1.Stack, { space: "medium" },
|
|
132
|
-
react_1.default.createElement(summary_1.Summary, { keys: constants_1.METRICS_WEBPACK_PACKAGES, data: jobs?.[0]?.summary, showSummaryItemDelta: jobs?.length !== 1 }),
|
|
132
|
+
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 }),
|
|
133
133
|
react_1.default.createElement(box_1.Box, { outline: true },
|
|
134
134
|
react_1.default.createElement(bundle_packages_1.BundlePackages, { jobs: jobs, ...bundlePackagesState, setState: bundlePackagesSetState })))));
|
|
135
135
|
};
|
|
@@ -142,7 +142,7 @@ const AppComponent = ({ version, jobs }) => {
|
|
|
142
142
|
return (react_1.default.createElement(JobsProvider, { jobs: jobs },
|
|
143
143
|
react_1.default.createElement(Layout, { jobs: jobs, version: version },
|
|
144
144
|
react_1.default.createElement(container_1.Container, { className: app_module_css_1.default.summaryContainer },
|
|
145
|
-
react_1.default.createElement(summary_1.Summary, { size: "large", keys: constants_1.METRICS_WEBPACK_GENERAL, data: jobs[0].summary, showSummaryItemDelta: jobs.length !== 1 })),
|
|
145
|
+
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 })),
|
|
146
146
|
react_1.default.createElement(container_1.Container, { className: app_module_css_1.default.tabsContainer },
|
|
147
147
|
react_1.default.createElement(tabs_1.Tabs, { className: app_module_css_1.default.tabs },
|
|
148
148
|
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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.js","sourceRoot":"","sources":["../../src/app/app.jsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"app.js","sourceRoot":"","sources":["../../src/app/app.jsx"],"names":[],"mappings":"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"}
|
|
@@ -44,15 +44,9 @@ const metric_run_info_1 = require("../metric-run-info");
|
|
|
44
44
|
const bundle_assets_totals_chart_bars_module_css_1 = __importDefault(require("./bundle-assets-totals-chart-bars.module.css"));
|
|
45
45
|
const getTooltip = (items, jobs, itemIndex, runIndex) => () => {
|
|
46
46
|
const metricId = items?.[itemIndex]?.key;
|
|
47
|
-
const metric = (0, utils_1.getGlobalMetricType)(metricId);
|
|
48
47
|
const current = items?.[itemIndex]?.runs?.[runIndex]?.value || 0;
|
|
49
|
-
const baseline = items?.[itemIndex]?.runs?.[runIndex + 1]?.value
|
|
50
|
-
|
|
51
|
-
return (react_1.default.createElement(metric_run_info_1.MetricRunInfo, { className: bundle_assets_totals_chart_bars_module_css_1.default.itemTooltip, title: metric.label, current: metricRunInfo.displayValue, ...(runIndex < jobs.length - 1 && {
|
|
52
|
-
baseline: metric.formatter(baseline),
|
|
53
|
-
delta: metricRunInfo.displayDeltaPercentage,
|
|
54
|
-
deltaType: metricRunInfo.deltaType,
|
|
55
|
-
}), size: "large" }));
|
|
48
|
+
const baseline = items?.[itemIndex]?.runs?.[runIndex + 1]?.value;
|
|
49
|
+
return (react_1.default.createElement(metric_run_info_1.MetricRunInfo, { className: bundle_assets_totals_chart_bars_module_css_1.default.itemTooltip, metricId: metricId, current: current, baseline: baseline, showMetridDescription: false, size: "large" }));
|
|
56
50
|
};
|
|
57
51
|
const BundleAssetsTotalsChartBars = ({ className, jobs, customComponentLink: CustomComponentLink, }) => {
|
|
58
52
|
const rootClassName = (0, classnames_1.default)(bundle_assets_totals_chart_bars_module_css_1.default.root, className);
|
package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bundle-assets-totals-chart-bars.js","sourceRoot":"","sources":["../../../src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAC5B,qDAA6B;AAC7B,qDAA6B;AAC7B,qDAA6B;AAC7B,6EAA+D;AAC/D,+CAAkH;AAElH,+CAA6D;AAC7D,wEAAmE;AACnE,sDAAiD;AACjD,uCAAwC;AACxC,8CAA2C;AAC3C,wDAAmD;AACnD,8HAA+D;AAE/D,MAAM,UAAU,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,CAAC,GAAG,EAAE;IAC5D,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC,SAAS,CAAC,EAAE,GAAG,CAAC;IACzC,MAAM,
|
|
1
|
+
{"version":3,"file":"bundle-assets-totals-chart-bars.js","sourceRoot":"","sources":["../../../src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.jsx"],"names":[],"mappings":"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"}
|
package/lib/components/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TotalSizeTypeTitle = exports.Summary = exports.ModuleInfo = exports.MetricsTableTitle = exports.MetricsTableSearch = exports.MetricsTableOptions = exports.MetricsTable = exports.MetricRunInfo = exports.Metric = exports.LighthouseTable = exports.JobsHeader = exports.JobHeader = exports.JobName = exports.Insights = exports.InsightIcon = exports.Delta = exports.ComponentLink = exports.BundleModules = exports.BundlePackages = exports.BundleAssetsTotalsChartBars = exports.BundleAssetsTotalsTable = exports.BundleAssets = exports.BrowsertimeTable = void 0;
|
|
3
|
+
exports.TotalSizeTypeTitle = exports.Summary = exports.RunInfo = exports.ModuleInfo = exports.MetricsTableTitle = exports.MetricsTableSearch = exports.MetricsTableOptions = exports.MetricsTable = exports.MetricRunInfo = exports.Metric = exports.LighthouseTable = exports.JobsHeader = exports.JobHeader = exports.JobName = exports.Insights = exports.InsightIcon = exports.Delta = exports.ComponentLink = exports.BundleModules = exports.BundlePackages = exports.BundleAssetsTotalsChartBars = exports.BundleAssetsTotalsTable = exports.BundleAssets = exports.BrowsertimeTable = void 0;
|
|
4
4
|
var browsertime_table_1 = require("./browsertime-table");
|
|
5
5
|
Object.defineProperty(exports, "BrowsertimeTable", { enumerable: true, get: function () { return browsertime_table_1.BrowsertimeTable; } });
|
|
6
6
|
var bundle_assets_1 = require("./bundle-assets");
|
|
@@ -43,6 +43,8 @@ var metrics_table_title_1 = require("./metrics-table-title");
|
|
|
43
43
|
Object.defineProperty(exports, "MetricsTableTitle", { enumerable: true, get: function () { return metrics_table_title_1.MetricsTableTitle; } });
|
|
44
44
|
var module_info_1 = require("./module-info");
|
|
45
45
|
Object.defineProperty(exports, "ModuleInfo", { enumerable: true, get: function () { return module_info_1.ModuleInfo; } });
|
|
46
|
+
var run_info_1 = require("./run-info");
|
|
47
|
+
Object.defineProperty(exports, "RunInfo", { enumerable: true, get: function () { return run_info_1.RunInfo; } });
|
|
46
48
|
var summary_1 = require("./summary");
|
|
47
49
|
Object.defineProperty(exports, "Summary", { enumerable: true, get: function () { return summary_1.Summary; } });
|
|
48
50
|
var total_size_type_title_1 = require("./total-size-type-title");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.js"],"names":[],"mappings":";;;AAAA,yDAAuD;AAA9C,qHAAA,gBAAgB,OAAA;AACzB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,2EAAuE;AAA9D,qIAAA,uBAAuB,OAAA;AAChC,qFAAgF;AAAvE,8IAAA,2BAA2B,OAAA;AACpC,qDAAmD;AAA1C,iHAAA,cAAc,OAAA;AACvB,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,+CAA6C;AAApC,2GAAA,WAAW,OAAA;AACpB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,uCAAqC;AAA5B,mGAAA,OAAO,OAAA;AAChB,2CAAyC;AAAhC,uGAAA,SAAS,OAAA;AAClB,6CAA2C;AAAlC,yGAAA,UAAU,OAAA;AACnB,uDAAqD;AAA5C,mHAAA,eAAe,OAAA;AACxB,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,qDAAsE;AAA7D,gHAAA,aAAa,OAAA;AACtB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,iEAA8D;AAArD,4HAAA,mBAAmB,OAAA;AAC5B,+DAA4D;AAAnD,0HAAA,kBAAkB,OAAA;AAC3B,6DAA0D;AAAjD,wHAAA,iBAAiB,OAAA;AAC1B,6CAA2C;AAAlC,yGAAA,UAAU,OAAA;AACnB,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,iEAA6D;AAApD,2HAAA,kBAAkB,OAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.js"],"names":[],"mappings":";;;AAAA,yDAAuD;AAA9C,qHAAA,gBAAgB,OAAA;AACzB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,2EAAuE;AAA9D,qIAAA,uBAAuB,OAAA;AAChC,qFAAgF;AAAvE,8IAAA,2BAA2B,OAAA;AACpC,qDAAmD;AAA1C,iHAAA,cAAc,OAAA;AACvB,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,+CAA6C;AAApC,2GAAA,WAAW,OAAA;AACpB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,uCAAqC;AAA5B,mGAAA,OAAO,OAAA;AAChB,2CAAyC;AAAhC,uGAAA,SAAS,OAAA;AAClB,6CAA2C;AAAlC,yGAAA,UAAU,OAAA;AACnB,uDAAqD;AAA5C,mHAAA,eAAe,OAAA;AACxB,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,qDAAsE;AAA7D,gHAAA,aAAa,OAAA;AACtB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,iEAA8D;AAArD,4HAAA,mBAAmB,OAAA;AAC5B,+DAA4D;AAAnD,0HAAA,kBAAkB,OAAA;AAC3B,6DAA0D;AAAjD,wHAAA,iBAAiB,OAAA;AAC1B,6CAA2C;AAAlC,yGAAA,UAAU,OAAA;AACnB,uCAAmD;AAA1C,mGAAA,OAAO,OAAA;AAChB,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,iEAA6D;AAApD,2HAAA,kBAAkB,OAAA"}
|
|
@@ -1,45 +1,64 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
2
25
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
27
|
};
|
|
5
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
29
|
exports.MetricRunInfo = void 0;
|
|
7
|
-
const react_1 =
|
|
8
|
-
const
|
|
9
|
-
const icon_1 = require("../../ui/icon");
|
|
10
|
-
const hover_card_1 = require("../../ui/hover-card");
|
|
11
|
-
const tooltip_1 = require("../../ui/tooltip");
|
|
12
|
-
const skeleton_1 = require("../../ui/skeleton");
|
|
13
|
-
const flex_stack_1 = require("../../layout/flex-stack");
|
|
30
|
+
const react_1 = __importStar(require("react"));
|
|
31
|
+
const utils_1 = require("@bundle-stats/utils");
|
|
14
32
|
const stack_1 = require("../../layout/stack");
|
|
15
|
-
const
|
|
16
|
-
const delta_1 = require("../delta");
|
|
33
|
+
const run_info_1 = require("../run-info");
|
|
17
34
|
const metric_run_info_module_css_1 = __importDefault(require("./metric-run-info.module.css"));
|
|
18
|
-
const
|
|
19
|
-
const
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
return {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
35
|
+
const MetricHoverCard = ({ description, url }) => {
|
|
36
|
+
const onClick = (0, react_1.useCallback)(() => {
|
|
37
|
+
if (url) {
|
|
38
|
+
window.open(url);
|
|
39
|
+
}
|
|
40
|
+
}, [url]);
|
|
41
|
+
return (react_1.default.createElement(stack_1.Stack, { space: "xxxsmall" },
|
|
42
|
+
react_1.default.createElement("p", null, description),
|
|
43
|
+
url && (react_1.default.createElement("p", null,
|
|
44
|
+
react_1.default.createElement("button", { type: "button", onClick: onClick, className: metric_run_info_module_css_1.default.readMoreLink }, "Read more")))));
|
|
28
45
|
};
|
|
29
|
-
const MetricRunInfo = (
|
|
30
|
-
const
|
|
31
|
-
const
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
46
|
+
const MetricRunInfo = (props) => {
|
|
47
|
+
const { metricId, current, baseline = 0, showDelta = true, showMetricDescription = true, showBaseline = true, ...restProps } = props;
|
|
48
|
+
const metric = (0, utils_1.getGlobalMetricType)(metricId);
|
|
49
|
+
const metricRunInfo = (0, utils_1.getMetricRunInfo)(metric, current, baseline || 0);
|
|
50
|
+
const titleHoverCard = (0, react_1.useMemo)(() => {
|
|
51
|
+
if (showMetricDescription) {
|
|
52
|
+
return react_1.default.createElement(MetricHoverCard, { description: metric.description, url: metric.url });
|
|
53
|
+
}
|
|
54
|
+
return null;
|
|
55
|
+
}, [showMetricDescription, metric]);
|
|
56
|
+
return (react_1.default.createElement(run_info_1.RunInfo, { title: metric.label, titleHoverCard: titleHoverCard, enhance: true, current: metricRunInfo.displayValue, ...(showBaseline && {
|
|
57
|
+
baseline: metric.formatter(baseline),
|
|
58
|
+
}), ...(showDelta && showBaseline && {
|
|
59
|
+
delta: metricRunInfo.displayDeltaPercentage,
|
|
60
|
+
deltaType: metricRunInfo.deltaType,
|
|
61
|
+
}), ...restProps }));
|
|
43
62
|
};
|
|
44
63
|
exports.MetricRunInfo = MetricRunInfo;
|
|
45
64
|
//# sourceMappingURL=metric-run-info.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"metric-run-info.js","sourceRoot":"","sources":["../../../src/components/metric-run-info/metric-run-info.tsx"],"names":[],"mappings":"
|
|
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,KAC/B,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;AAtCW,QAAA,aAAa,iBAsCxB"}
|
|
@@ -1,40 +1,18 @@
|
|
|
1
|
-
.
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
.readMoreLink {
|
|
2
|
+
appearance: none;
|
|
3
|
+
background: none;
|
|
4
|
+
margin: 0;
|
|
5
|
+
border: 0;
|
|
6
|
+
padding: 0;
|
|
7
|
+
color: var(--color-primary);
|
|
8
|
+
text-decoration: underline;
|
|
9
|
+
cursor: pointer;
|
|
7
10
|
}
|
|
8
11
|
|
|
9
|
-
.
|
|
10
|
-
|
|
11
|
-
|
|
12
|
+
.readMoreLink:hover,
|
|
13
|
+
.readMoreLink:active,
|
|
14
|
+
.readMoreLink:focus {
|
|
15
|
+
color: var(--color-primary-dark);
|
|
16
|
+
text-decoration: none;
|
|
12
17
|
}
|
|
13
18
|
|
|
14
|
-
.currentMetric {
|
|
15
|
-
color: var(--color-heading);
|
|
16
|
-
font-size: var(--size-large);
|
|
17
|
-
line-height: var(--line-height-heading);
|
|
18
|
-
white-space: nowrap;
|
|
19
|
-
font-weight: bold;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.baselineMetric {
|
|
23
|
-
color: var(--color-text-light);
|
|
24
|
-
font-size: var(--size-small);
|
|
25
|
-
line-height: var(--line-height-heading);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
/* Loading state */
|
|
29
|
-
.loading.currentMetric {
|
|
30
|
-
width: 8em;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.loading.baselineMetric {
|
|
34
|
-
width: 5em;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
/* Size large */
|
|
38
|
-
.large .currentMetric {
|
|
39
|
-
font-size: var(--size-xxxlarge);
|
|
40
|
-
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./run-info"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/run-info/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.RunInfo = void 0;
|
|
30
|
+
const react_1 = __importStar(require("react"));
|
|
31
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
32
|
+
const icon_1 = require("../../ui/icon");
|
|
33
|
+
const hover_card_1 = require("../../ui/hover-card");
|
|
34
|
+
const tooltip_1 = require("../../ui/tooltip");
|
|
35
|
+
const skeleton_1 = require("../../ui/skeleton");
|
|
36
|
+
const flex_stack_1 = require("../../layout/flex-stack");
|
|
37
|
+
const stack_1 = require("../../layout/stack");
|
|
38
|
+
const metric_1 = require("../metric");
|
|
39
|
+
const delta_1 = require("../delta");
|
|
40
|
+
const run_info_module_css_1 = __importDefault(require("./run-info.module.css"));
|
|
41
|
+
const EXTRACT_VALUE_UNIT_PATTERN = /([\d|.|,| ]*)(\w*|%)$/;
|
|
42
|
+
const getMetricParams = (value) => {
|
|
43
|
+
const matches = value.match(EXTRACT_VALUE_UNIT_PATTERN);
|
|
44
|
+
if (!matches) {
|
|
45
|
+
return [value];
|
|
46
|
+
}
|
|
47
|
+
return [matches[1], matches[2]];
|
|
48
|
+
};
|
|
49
|
+
const RunInfo = ({ className = '', title = '', titleHoverCard = null, titleTooltip = null, current = '', baseline = '', delta = '', deltaType = '', as: Component = 'div', size = 'medium', loading = false, enhance = false, ...restProps }) => {
|
|
50
|
+
const rootClassName = (0, classnames_1.default)(run_info_module_css_1.default.root, className, run_info_module_css_1.default[size], delta && run_info_module_css_1.default.showDelta);
|
|
51
|
+
const currentValueParams = (0, react_1.useMemo)(() => {
|
|
52
|
+
if (!enhance || typeof current !== 'string') {
|
|
53
|
+
return [current];
|
|
54
|
+
}
|
|
55
|
+
return getMetricParams(current);
|
|
56
|
+
}, [current, enhance]);
|
|
57
|
+
return (react_1.default.createElement(stack_1.Stack, { space: "xxsmall", as: Component, className: rootClassName, ...restProps },
|
|
58
|
+
title && (react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center", as: "h3", className: run_info_module_css_1.default.title },
|
|
59
|
+
react_1.default.createElement("span", null, title),
|
|
60
|
+
titleHoverCard && (react_1.default.createElement(hover_card_1.HoverCard, { label: react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.HELP }), className: run_info_module_css_1.default.titleIcon }, titleHoverCard)),
|
|
61
|
+
titleTooltip && (react_1.default.createElement(tooltip_1.Tooltip, { title: titleTooltip, className: run_info_module_css_1.default.titleIcon },
|
|
62
|
+
react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.HELP }))))),
|
|
63
|
+
!loading ? (react_1.default.createElement(stack_1.Stack, null,
|
|
64
|
+
react_1.default.createElement(metric_1.Metric, { className: run_info_module_css_1.default.currentMetric, value: currentValueParams[0], unit: currentValueParams[1], inline: true }, delta && react_1.default.createElement(delta_1.Delta, { className: run_info_module_css_1.default.delta, displayValue: delta, deltaType: deltaType })),
|
|
65
|
+
react_1.default.createElement(metric_1.Metric, { className: run_info_module_css_1.default.baselineMetric, value: baseline }))) : (react_1.default.createElement(stack_1.Stack, null,
|
|
66
|
+
react_1.default.createElement(skeleton_1.Skeleton, { as: "p", className: (0, classnames_1.default)(run_info_module_css_1.default.currentMetric, run_info_module_css_1.default.loading) }),
|
|
67
|
+
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) })))));
|
|
68
|
+
};
|
|
69
|
+
exports.RunInfo = RunInfo;
|
|
70
|
+
//# sourceMappingURL=run-info.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"run-info.js","sourceRoot":"","sources":["../../../src/components/run-info/run-info.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
.title {
|
|
2
|
+
color: var(--color-text-ultra-light);
|
|
3
|
+
font-weight: bold;
|
|
4
|
+
font-size: var(--size-xsmall);
|
|
5
|
+
text-transform: uppercase;
|
|
6
|
+
white-space: nowrap;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.titleIcon {
|
|
10
|
+
flex: 0 0 var(--space-small);
|
|
11
|
+
margin-top: -4px !important;
|
|
12
|
+
margin-bottom: -4px !important;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.currentMetric {
|
|
16
|
+
color: var(--color-heading);
|
|
17
|
+
font-size: var(--size-xlarge);
|
|
18
|
+
line-height: var(--line-height-heading);
|
|
19
|
+
white-space: nowrap;
|
|
20
|
+
font-weight: bold;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.baselineMetric {
|
|
24
|
+
color: var(--color-text-light);
|
|
25
|
+
font-size: var(--size-medium);
|
|
26
|
+
line-height: var(--line-height-heading);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
/* Loading state */
|
|
30
|
+
.loading.currentMetric {
|
|
31
|
+
width: 8em;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.loading.baselineMetric {
|
|
35
|
+
width: 5em;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/* Size large */
|
|
39
|
+
.large .currentMetric {
|
|
40
|
+
font-size: var(--size-xxxlarge);
|
|
41
|
+
}
|
|
@@ -1,67 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
4
|
};
|
|
28
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
6
|
exports.Summary = void 0;
|
|
30
|
-
const react_1 =
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
31
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
32
9
|
const get_1 = __importDefault(require("lodash/get"));
|
|
33
10
|
const utils_1 = require("@bundle-stats/utils");
|
|
34
11
|
const constants_1 = require("../../constants");
|
|
35
12
|
const box_1 = require("../../layout/box");
|
|
36
13
|
const flex_stack_1 = require("../../layout/flex-stack");
|
|
37
|
-
const stack_1 = require("../../layout/stack");
|
|
38
14
|
const component_link_1 = require("../component-link");
|
|
39
15
|
const metric_run_info_1 = require("../metric-run-info");
|
|
40
16
|
const summary_module_css_1 = __importDefault(require("./summary.module.css"));
|
|
41
|
-
const MetricInfo = ({ description, url }) => {
|
|
42
|
-
const onClick = (0, react_1.useCallback)(() => {
|
|
43
|
-
if (url) {
|
|
44
|
-
window.open(url);
|
|
45
|
-
}
|
|
46
|
-
}, [url]);
|
|
47
|
-
return (react_1.default.createElement(stack_1.Stack, { space: "xxxsmall" },
|
|
48
|
-
react_1.default.createElement("p", null, description),
|
|
49
|
-
url && (react_1.default.createElement("p", null,
|
|
50
|
-
react_1.default.createElement("button", { type: "button", onClick: onClick, className: summary_module_css_1.default.readMoreLink }, "Read more")))));
|
|
51
|
-
};
|
|
52
17
|
const SummaryItem = (props) => {
|
|
53
|
-
const { className = '', metricId, data,
|
|
18
|
+
const { className = '', metricId, data, customLink: SummaryItemCustomLink, size, loading, showDelta, showBaseline, } = props;
|
|
54
19
|
const componentLink = utils_1.METRIC_COMPONENT_LINKS.get(metricId);
|
|
55
20
|
const metricData = (0, get_1.default)(data, metricId, { current: 0, baseline: 0 });
|
|
56
|
-
const metric = (0, utils_1.getGlobalMetricType)(metricId);
|
|
57
|
-
const metricRunInfo = (0, utils_1.getMetricRunInfo)(metric, metricData.current, metricData.baseline);
|
|
58
21
|
return (react_1.default.createElement(box_1.Box, { key: metricId, outline: true, outlineHover: true, padding: "small", as: SummaryItemCustomLink, ...componentLink?.link, className: className },
|
|
59
|
-
react_1.default.createElement(metric_run_info_1.MetricRunInfo, {
|
|
60
|
-
delta: metricRunInfo.displayDeltaPercentage,
|
|
61
|
-
deltaType: metricRunInfo.deltaType,
|
|
62
|
-
}) })));
|
|
22
|
+
react_1.default.createElement(metric_run_info_1.MetricRunInfo, { metricId: metricId, current: metricData.current, baseline: metricData.baseline, showDelta: showDelta && componentLink?.showDelta, showBaseline: showBaseline, size: size, loading: loading })));
|
|
63
23
|
};
|
|
64
|
-
const Summary = ({ className = '', size = 'medium', keys = constants_1.METRICS_WEBPACK_GENERAL, data = null, loading = false, showSummaryItemDelta = true, summaryItemLink = component_link_1.ComponentLink, }) => (react_1.default.createElement(box_1.Box, { className: (0, classnames_1.default)(summary_module_css_1.default.root, className) },
|
|
65
|
-
react_1.default.createElement(flex_stack_1.FlexStack, { space: "small", className: summary_module_css_1.default.items }, keys.map((metricId) => (react_1.default.createElement(SummaryItem, { key: metricId, className: summary_module_css_1.default.item, metricId: metricId, data: data,
|
|
24
|
+
const Summary = ({ className = '', size = 'medium', keys = constants_1.METRICS_WEBPACK_GENERAL, data = null, loading = false, showSummaryItemDelta = true, showSummaryItemBaseline = true, summaryItemLink = component_link_1.ComponentLink, }) => (react_1.default.createElement(box_1.Box, { className: (0, classnames_1.default)(summary_module_css_1.default.root, className) },
|
|
25
|
+
react_1.default.createElement(flex_stack_1.FlexStack, { space: "small", className: summary_module_css_1.default.items }, keys.map((metricId) => (react_1.default.createElement(SummaryItem, { key: metricId, className: summary_module_css_1.default.item, metricId: metricId, data: data, customLink: summaryItemLink, size: size, loading: loading, showDelta: showSummaryItemDelta, showBaseline: showSummaryItemBaseline }))))));
|
|
66
26
|
exports.Summary = Summary;
|
|
67
27
|
//# sourceMappingURL=summary.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"summary.js","sourceRoot":"","sources":["../../../src/components/summary/summary.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"summary.js","sourceRoot":"","sources":["../../../src/components/summary/summary.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA2C;AAC3C,4DAA4B;AAC5B,qDAA6B;AAC7B,+CAA6D;AAE7D,+CAA0D;AAC1D,0CAAuC;AACvC,wDAAoD;AACpD,sDAAkD;AAClD,wDAAuE;AACvE,8EAAuC;AAYvC,MAAM,WAAW,GAAG,CAAC,KAAqD,EAAE,EAAE;IAC5E,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,IAAI,EACJ,UAAU,EAAE,qBAAqB,EACjC,IAAI,EACJ,OAAO,EACP,SAAS,EACT,YAAY,GACb,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,8BAAsB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC3D,MAAM,UAAU,GAAG,IAAA,aAAG,EAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;IAEpE,OAAO,CACL,8BAAC,SAAG,IACF,GAAG,EAAE,QAAQ,EACb,OAAO,QACP,YAAY,QACZ,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,qBAAqB,KACrB,aAAa,EAAE,IAAI,EACvB,SAAS,EAAE,SAAS;QAEpB,8BAAC,+BAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,QAAQ,EAAE,UAAU,CAAC,QAAQ,EAC7B,SAAS,EAAE,SAAS,IAAI,aAAa,EAAE,SAAS,EAChD,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GAChB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAiBK,MAAM,OAAO,GAAG,CAAC,EACtB,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,mCAAuB,EAC9B,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,KAAK,EACf,oBAAoB,GAAG,IAAI,EAC3B,uBAAuB,GAAG,IAAI,EAC9B,eAAe,GAAG,8BAAa,GACY,EAAE,EAAE,CAAC,CAChD,8BAAC,SAAG,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACrC,8BAAC,sBAAS,IAAC,KAAK,EAAC,OAAO,EAAC,SAAS,EAAE,4BAAG,CAAC,KAAK,IAC1C,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACtB,8BAAC,WAAW,IACV,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,4BAAG,CAAC,IAAI,EACnB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,eAAe,EAC3B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,oBAAoB,EAC/B,YAAY,EAAE,uBAAuB,GACrC,CACH,CAAC,CACQ,CACR,CACP,CAAC;AA3BW,QAAA,OAAO,WA2BlB"}
|
package/lib-esm/app/app.js
CHANGED
|
@@ -84,7 +84,7 @@ const AssetsContent = () => {
|
|
|
84
84
|
const { jobs } = useContext(JobsContext);
|
|
85
85
|
return (React.createElement(Container, null,
|
|
86
86
|
React.createElement(Stack, { space: "medium" },
|
|
87
|
-
React.createElement(Summary, { keys: METRICS_WEBPACK_ASSETS, data: (_a = jobs === null || jobs === void 0 ? void 0 : jobs[0]) === null || _a === void 0 ? void 0 : _a.summary, showSummaryItemDelta: (jobs === null || jobs === void 0 ? void 0 : jobs.length) !== 1 }),
|
|
87
|
+
React.createElement(Summary, { keys: METRICS_WEBPACK_ASSETS, data: (_a = jobs === null || jobs === void 0 ? void 0 : jobs[0]) === null || _a === void 0 ? void 0 : _a.summary, showSummaryItemDelta: (jobs === null || jobs === void 0 ? void 0 : jobs.length) !== 1, showSummaryItemBaseline: (jobs === null || jobs === void 0 ? void 0 : jobs.length) !== 1 }),
|
|
88
88
|
React.createElement(Box, { outline: true },
|
|
89
89
|
React.createElement(BundleAssets, { jobs: jobs, setState: bundleStatsSetState, ...bundleStatsState })))));
|
|
90
90
|
};
|
|
@@ -94,7 +94,7 @@ const ModulesContent = () => {
|
|
|
94
94
|
const { jobs } = useContext(JobsContext);
|
|
95
95
|
return (React.createElement(Container, null,
|
|
96
96
|
React.createElement(Stack, { space: "medium" },
|
|
97
|
-
React.createElement(Summary, { keys: METRICS_WEBPACK_MODULES, data: (_a = jobs === null || jobs === void 0 ? void 0 : jobs[0]) === null || _a === void 0 ? void 0 : _a.summary, showSummaryItemDelta: (jobs === null || jobs === void 0 ? void 0 : jobs.length) !== 1 }),
|
|
97
|
+
React.createElement(Summary, { keys: METRICS_WEBPACK_MODULES, data: (_a = jobs === null || jobs === void 0 ? void 0 : jobs[0]) === null || _a === void 0 ? void 0 : _a.summary, showSummaryItemDelta: (jobs === null || jobs === void 0 ? void 0 : jobs.length) !== 1, showSummaryItemBaseline: (jobs === null || jobs === void 0 ? void 0 : jobs.length) !== 1 }),
|
|
98
98
|
React.createElement(Box, { outline: true },
|
|
99
99
|
React.createElement(BundleModules, { jobs: jobs, setState: bundleModulesSetState, ...bundleModulesState })))));
|
|
100
100
|
};
|
|
@@ -104,7 +104,7 @@ const PackagesContent = () => {
|
|
|
104
104
|
const { jobs } = useContext(JobsContext);
|
|
105
105
|
return (React.createElement(Container, null,
|
|
106
106
|
React.createElement(Stack, { space: "medium" },
|
|
107
|
-
React.createElement(Summary, { keys: METRICS_WEBPACK_PACKAGES, data: (_a = jobs === null || jobs === void 0 ? void 0 : jobs[0]) === null || _a === void 0 ? void 0 : _a.summary, showSummaryItemDelta: (jobs === null || jobs === void 0 ? void 0 : jobs.length) !== 1 }),
|
|
107
|
+
React.createElement(Summary, { keys: METRICS_WEBPACK_PACKAGES, data: (_a = jobs === null || jobs === void 0 ? void 0 : jobs[0]) === null || _a === void 0 ? void 0 : _a.summary, showSummaryItemDelta: (jobs === null || jobs === void 0 ? void 0 : jobs.length) !== 1, showSummaryItemBaseline: (jobs === null || jobs === void 0 ? void 0 : jobs.length) !== 1 }),
|
|
108
108
|
React.createElement(Box, { outline: true },
|
|
109
109
|
React.createElement(BundlePackages, { jobs: jobs, ...bundlePackagesState, setState: bundlePackagesSetState })))));
|
|
110
110
|
};
|
|
@@ -117,7 +117,7 @@ const AppComponent = ({ version, jobs }) => {
|
|
|
117
117
|
return (React.createElement(JobsProvider, { jobs: jobs },
|
|
118
118
|
React.createElement(Layout, { jobs: jobs, version: version },
|
|
119
119
|
React.createElement(Container, { className: css.summaryContainer },
|
|
120
|
-
React.createElement(Summary, { size: "large", keys: METRICS_WEBPACK_GENERAL, data: jobs[0].summary, showSummaryItemDelta: jobs.length !== 1 })),
|
|
120
|
+
React.createElement(Summary, { size: "large", keys: METRICS_WEBPACK_GENERAL, data: jobs[0].summary, showSummaryItemDelta: jobs.length !== 1, showSummaryItemBaseline: (jobs === null || jobs === void 0 ? void 0 : jobs.length) !== 1 })),
|
|
121
121
|
React.createElement(Container, { className: css.tabsContainer },
|
|
122
122
|
React.createElement(Tabs, { className: css.tabs },
|
|
123
123
|
React.createElement(Tabs.Item, { as: NavLink, exact: true, to: URLS.OVERVIEW, activeClassName: css.tabActive }, I18N.OVERVIEW),
|