@bundle-stats/ui 4.2.5-beta.1 → 4.2.5-beta.2

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.
Files changed (46) hide show
  1. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +2 -8
  2. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
  3. package/lib/components/index.js +3 -1
  4. package/lib/components/index.js.map +1 -1
  5. package/lib/components/metric-run-info/metric-run-info.js +47 -33
  6. package/lib/components/metric-run-info/metric-run-info.js.map +1 -1
  7. package/lib/components/metric-run-info/metric-run-info.module.css +14 -36
  8. package/lib/components/metrics-table-title/metrics-table-title.module.css +1 -0
  9. package/lib/components/run-info/index.js +18 -0
  10. package/lib/components/run-info/index.js.map +1 -0
  11. package/lib/components/run-info/run-info.js +45 -0
  12. package/lib/components/run-info/run-info.js.map +1 -0
  13. package/lib/components/run-info/run-info.module.css +41 -0
  14. package/lib/components/summary/summary.js +3 -43
  15. package/lib/components/summary/summary.js.map +1 -1
  16. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +2 -8
  17. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
  18. package/lib-esm/components/index.js +1 -0
  19. package/lib-esm/components/index.js.map +1 -1
  20. package/lib-esm/components/metric-run-info/metric-run-info.js +24 -33
  21. package/lib-esm/components/metric-run-info/metric-run-info.js.map +1 -1
  22. package/lib-esm/components/metric-run-info/metric-run-info.module.css +14 -36
  23. package/lib-esm/components/metrics-table-title/metrics-table-title.module.css +1 -0
  24. package/lib-esm/components/run-info/index.js +2 -0
  25. package/lib-esm/components/run-info/index.js.map +1 -0
  26. package/lib-esm/components/run-info/run-info.js +38 -0
  27. package/lib-esm/components/run-info/run-info.js.map +1 -0
  28. package/lib-esm/components/run-info/run-info.module.css +41 -0
  29. package/lib-esm/components/summary/summary.js +4 -21
  30. package/lib-esm/components/summary/summary.js.map +1 -1
  31. package/package.json +6 -6
  32. package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.jsx +5 -10
  33. package/src/components/index.js +1 -0
  34. package/src/components/metric-run-info/metric-run-info.module.css +14 -36
  35. package/src/components/metric-run-info/metric-run-info.stories.tsx +13 -29
  36. package/src/components/metric-run-info/metric-run-info.tsx +52 -86
  37. package/src/components/metrics-table-title/metrics-table-title.module.css +1 -0
  38. package/src/components/run-info/index.ts +1 -0
  39. package/src/components/run-info/run-info.module.css +41 -0
  40. package/src/components/run-info/run-info.stories.tsx +49 -0
  41. package/src/components/run-info/run-info.tsx +100 -0
  42. package/src/components/summary/summary.tsx +14 -41
  43. package/types/components/index.d.ts +1 -0
  44. package/types/components/metric-run-info/metric-run-info.d.ts +9 -11
  45. package/types/components/run-info/index.d.ts +1 -0
  46. package/types/components/run-info/run-info.d.ts +14 -0
@@ -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 || 0;
50
- const metricRunInfo = (0, utils_1.getMetricRunInfo)(metric, current, baseline);
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);
@@ -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,MAAM,GAAG,IAAA,2BAAmB,EAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC;IACjE,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC,QAAQ,GAAG,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC;IACtE,MAAM,aAAa,GAAG,IAAA,wBAAgB,EAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IAElE,OAAO,CACL,8BAAC,+BAAa,IACZ,SAAS,EAAE,oDAAG,CAAC,WAAW,EAC1B,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,aAAa,CAAC,YAAY,KAC/B,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI;YACjC,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC;YACpC,KAAK,EAAE,aAAa,CAAC,sBAAsB;YAC3C,SAAS,EAAE,aAAa,CAAC,SAAS;SACnC,CAAC,EACF,IAAI,EAAC,OAAO,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,2BAA2B,GAAG,CAAC,EAC1C,SAAS,EACT,IAAI,EACJ,mBAAmB,EAAE,mBAAmB,GACzC,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,oDAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAC9C,MAAM,KAAK,GAAG,OAAO,CAAC,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,UAAU,GAAG,EAAE,CAAC;IAEtB,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;QACzB,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE;YAC7B,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC;QAC5E,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,IAAA,aAAG,EAAC,IAAA,aAAG,EAAC,UAAU,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAA,aAAG,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAChE,MAAM,QAAQ,GAAG,IAAA,aAAG,EAAC,SAAS,CAAC,CAAC;IAEhC,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE;QAC1C,MAAM,QAAQ,GAAG,sCAA0B,CAAC,GAAG,CAAC,CAAC;QACjD,MAAM,aAAa,GAAG,IAAA,4CAAoC,EAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QAC5E,OAAO,CACL,8BAAC,mBAAmB,IAAC,SAAS,EAAE,oDAAG,CAAC,QAAQ,KAAM,aAAa,IAC5D,KAAK,CACc,CACvB,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,IAAA,iBAAS,EAAC,IAAA,aAAG,EAAC,IAAA,aAAG,EAAC,UAAU,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAE1E,OAAO,CACL,8BAAC,aAAK,IAAC,SAAS,EAAE,aAAa,EAAE,KAAK,EAAC,QAAQ,IAC5C,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE;QACjC,MAAM,EAAE,mBAAmB,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;QAE/C,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC;YAC9C,KAAK;YACL,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC;YACzB,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC;YACzB,cAAc,EAAE,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC;SAC9D,CAAC,CAAC,CAAC;QAEJ,OAAO,CACL,uCAAK,GAAG,EAAE,mBAAmB,IAAI,QAAQ,EAAE,SAAS,EAAE,oDAAG,CAAC,IAAI;YAC5D,sCAAI,SAAS,EAAE,oDAAG,CAAC,SAAS,IAAG,QAAQ,mBAAmB,EAAE,CAAM;YAClE,8BAAC,yCAAkB,IACjB,SAAS,EAAE,oDAAG,CAAC,SAAS,EACxB,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EACxB,QAAQ,EAAE,QAAQ,GAClB,CACE,CACP,CAAC;IACJ,CAAC,CAAC,CACI,CACT,CAAC;AACJ,CAAC,CAAC;AAvDW,QAAA,2BAA2B,+BAuDtC;AAEF,mCAA2B,CAAC,YAAY,GAAG;IACzC,SAAS,EAAE,EAAE;IACb,mBAAmB,EAAE,8BAAa;CACnC,CAAC;AAEF,mCAA2B,CAAC,SAAS,GAAG;IACtC,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,IAAI,EAAE,oBAAS,CAAC,OAAO,CACrB,oBAAS,CAAC,KAAK,CAAC;QACd,mBAAmB,EAAE,oBAAS,CAAC,MAAM;KACtC,CAAC,CACH,CAAC,UAAU;IACZ,mBAAmB,EAAE,oBAAS,CAAC,WAAW;CAC3C,CAAC"}
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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"}
@@ -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,59 @@
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 = __importDefault(require("react"));
8
- const classnames_1 = __importDefault(require("classnames"));
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 metric_1 = require("../metric");
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 EXTRACT_VALUE_UNIT_PATTERN = /([\d|.|,| ]*)(\w*|%)$/;
19
- const getMetricParams = (value) => {
20
- const matches = value.match(EXTRACT_VALUE_UNIT_PATTERN);
21
- if (!matches) {
22
- return { value, unit: '' };
23
- }
24
- return {
25
- value: matches[1],
26
- unit: matches[2],
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 = ({ className = '', title = '', titleHoverCard = null, titleTooltip = null, current = '', baseline = '', delta = '', deltaType = '', as: Component = 'div', size = 'medium', loading = false, ...restProps }) => {
30
- const metricParams = getMetricParams(current);
31
- const rootClassName = (0, classnames_1.default)(metric_run_info_module_css_1.default.root, className, metric_run_info_module_css_1.default[size], delta && metric_run_info_module_css_1.default.showDelta);
32
- return (react_1.default.createElement(stack_1.Stack, { space: "xxsmall", as: Component, className: rootClassName, ...restProps },
33
- title && (react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center", as: "h3", className: metric_run_info_module_css_1.default.title },
34
- react_1.default.createElement("span", null, title),
35
- titleHoverCard && (react_1.default.createElement(hover_card_1.HoverCard, { label: react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.HELP }), className: metric_run_info_module_css_1.default.titleIcon }, titleHoverCard)),
36
- titleTooltip && (react_1.default.createElement(tooltip_1.Tooltip, { title: titleTooltip, className: metric_run_info_module_css_1.default.titleIcon },
37
- react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.HELP }))))),
38
- !loading ? (react_1.default.createElement(stack_1.Stack, null,
39
- react_1.default.createElement(metric_1.Metric, { className: metric_run_info_module_css_1.default.currentMetric, value: metricParams.value, unit: metricParams.unit, inline: true }, delta && react_1.default.createElement(delta_1.Delta, { className: metric_run_info_module_css_1.default.delta, displayValue: delta, deltaType: deltaType })),
40
- react_1.default.createElement(metric_1.Metric, { className: metric_run_info_module_css_1.default.baselineMetric, value: baseline }))) : (react_1.default.createElement(stack_1.Stack, null,
41
- react_1.default.createElement(skeleton_1.Skeleton, { as: "p", className: (0, classnames_1.default)(metric_run_info_module_css_1.default.currentMetric, metric_run_info_module_css_1.default.loading) }),
42
- react_1.default.createElement(skeleton_1.Skeleton, { as: "p", className: (0, classnames_1.default)(metric_run_info_module_css_1.default.baselineMetric, metric_run_info_module_css_1.default.loading) })))));
46
+ const MetricRunInfo = (props) => {
47
+ const { metricId, current, baseline = undefined, showDelta = true, showMetridDescription = true, ...restProps } = props;
48
+ const metric = (0, utils_1.getGlobalMetricType)(metricId);
49
+ const metricRunInfo = (0, utils_1.getMetricRunInfo)(metric, current, baseline || 0);
50
+ const showBaseline = typeof baseline !== 'undefined';
51
+ return (react_1.default.createElement(run_info_1.RunInfo, { title: metric.label, titleHoverCard: showMetridDescription && react_1.default.createElement(MetricHoverCard, { description: metric.description, url: metric.url }), current: metricRunInfo.displayValue, ...(showBaseline && {
52
+ baseline: metric.formatter(baseline),
53
+ }), ...(showDelta && showBaseline && {
54
+ delta: metricRunInfo.displayDeltaPercentage,
55
+ deltaType: metricRunInfo.deltaType,
56
+ }), ...restProps }));
43
57
  };
44
58
  exports.MetricRunInfo = MetricRunInfo;
45
59
  //# 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":"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"}
1
+ {"version":3,"file":"metric-run-info.js","sourceRoot":"","sources":["../../../src/components/metric-run-info/metric-run-info.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,+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;AAYK,MAAM,aAAa,GAAG,CAAC,KAAuD,EAAE,EAAE;IACvF,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,GAAG,SAAS,EAAE,SAAS,GAAG,IAAI,EAAE,qBAAqB,GAAG,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAExH,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;IACvE,MAAM,YAAY,GAAG,OAAO,QAAQ,KAAK,WAAW,CAAC;IAErD,OAAO,CACL,8BAAC,kBAAO,IACN,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,cAAc,EAAE,qBAAqB,IAAI,8BAAC,eAAe,IAAC,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,GAAI,EAC9G,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;AAtBW,QAAA,aAAa,iBAsBxB"}
@@ -1,40 +1,18 @@
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;
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
- .titleIcon {
10
- margin-top: -4px !important;
11
- margin-bottom: -4px !important;
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
- }
@@ -14,6 +14,7 @@
14
14
 
15
15
  .anchorIcon {
16
16
  display: block;
17
+ margin: -2px 0; /* compensate for the vertical space */
17
18
  }
18
19
 
19
20
  .info {
@@ -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,45 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.RunInfo = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const classnames_1 = __importDefault(require("classnames"));
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");
14
+ const stack_1 = require("../../layout/stack");
15
+ const metric_1 = require("../metric");
16
+ const delta_1 = require("../delta");
17
+ const run_info_module_css_1 = __importDefault(require("./run-info.module.css"));
18
+ const EXTRACT_VALUE_UNIT_PATTERN = /([\d|.|,| ]*)(\w*|%)$/;
19
+ const getMetricParams = (value) => {
20
+ const matches = value.match(EXTRACT_VALUE_UNIT_PATTERN);
21
+ if (!matches) {
22
+ return { value, unit: '' };
23
+ }
24
+ return {
25
+ value: matches[1],
26
+ unit: matches[2],
27
+ };
28
+ };
29
+ const RunInfo = ({ className = '', title = '', titleHoverCard = null, titleTooltip = null, current = '', baseline = '', delta = '', deltaType = '', as: Component = 'div', size = 'medium', loading = false, ...restProps }) => {
30
+ const metricParams = getMetricParams(current);
31
+ 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);
32
+ return (react_1.default.createElement(stack_1.Stack, { space: "xxsmall", as: Component, className: rootClassName, ...restProps },
33
+ title && (react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center", as: "h3", className: run_info_module_css_1.default.title },
34
+ react_1.default.createElement("span", null, title),
35
+ 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)),
36
+ titleTooltip && (react_1.default.createElement(tooltip_1.Tooltip, { title: titleTooltip, className: run_info_module_css_1.default.titleIcon },
37
+ react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.HELP }))))),
38
+ !loading ? (react_1.default.createElement(stack_1.Stack, null,
39
+ react_1.default.createElement(metric_1.Metric, { className: run_info_module_css_1.default.currentMetric, value: metricParams.value, unit: metricParams.unit, inline: true }, delta && react_1.default.createElement(delta_1.Delta, { className: run_info_module_css_1.default.delta, displayValue: delta, deltaType: deltaType })),
40
+ 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,
41
+ 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) }),
42
+ 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) })))));
43
+ };
44
+ exports.RunInfo = RunInfo;
45
+ //# 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,65 +1,25 @@
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 = __importStar(require("react"));
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, summaryItemLink: SummaryItemCustomLink, size, loading, showSummaryItemDelta } = props;
18
+ const { className = '', metricId, data, summaryItemLink: SummaryItemCustomLink, size, loading, showSummaryItemDelta, } = 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, { title: metric.label, titleHoverCard: react_1.default.createElement(MetricInfo, { description: metric.description, url: metric.url }), current: metricRunInfo.displayValue, baseline: metric.formatter(metricData.baseline), size: size, loading: loading, ...(showSummaryItemDelta && componentLink?.showDelta !== false && {
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: showSummaryItemDelta && componentLink?.showDelta, size: size, loading: loading })));
63
23
  };
64
24
  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
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, summaryItemLink: summaryItemLink, size: size, loading: loading, showSummaryItemDelta: showSummaryItemDelta }))))));
@@ -1 +1 @@
1
- {"version":3,"file":"summary.js","sourceRoot":"","sources":["../../../src/components/summary/summary.tsx"],"names":[],"mappings":"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"}
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;AAyBvC,MAAM,WAAW,GAAG,CAAC,KAAqD,EAAE,EAAE;IAC5E,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,IAAI,EACJ,eAAe,EAAE,qBAAqB,EACtC,IAAI,EACJ,OAAO,EACP,oBAAoB,GACrB,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,oBAAoB,IAAI,aAAa,EAAE,SAAS,EAC3D,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GAChB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEK,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,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,eAAe,EAAE,eAAe,EAChC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAE,oBAAoB,GAC1C,CACH,CAAC,CACQ,CACR,CACP,CAAC;AAzBW,QAAA,OAAO,WAyBlB"}
@@ -16,15 +16,9 @@ import css from './bundle-assets-totals-chart-bars.module.css';
16
16
  const getTooltip = (items, jobs, itemIndex, runIndex) => () => {
17
17
  var _a, _b, _c, _d, _e, _f, _g;
18
18
  const metricId = (_a = items === null || items === void 0 ? void 0 : items[itemIndex]) === null || _a === void 0 ? void 0 : _a.key;
19
- const metric = getGlobalMetricType(metricId);
20
19
  const current = ((_d = (_c = (_b = items === null || items === void 0 ? void 0 : items[itemIndex]) === null || _b === void 0 ? void 0 : _b.runs) === null || _c === void 0 ? void 0 : _c[runIndex]) === null || _d === void 0 ? void 0 : _d.value) || 0;
21
- const baseline = ((_g = (_f = (_e = items === null || items === void 0 ? void 0 : items[itemIndex]) === null || _e === void 0 ? void 0 : _e.runs) === null || _f === void 0 ? void 0 : _f[runIndex + 1]) === null || _g === void 0 ? void 0 : _g.value) || 0;
22
- const metricRunInfo = getMetricRunInfo(metric, current, baseline);
23
- return (React.createElement(MetricRunInfo, { className: css.itemTooltip, title: metric.label, current: metricRunInfo.displayValue, ...(runIndex < jobs.length - 1 && {
24
- baseline: metric.formatter(baseline),
25
- delta: metricRunInfo.displayDeltaPercentage,
26
- deltaType: metricRunInfo.deltaType,
27
- }), size: "large" }));
20
+ const baseline = (_g = (_f = (_e = items === null || items === void 0 ? void 0 : items[itemIndex]) === null || _e === void 0 ? void 0 : _e.runs) === null || _f === void 0 ? void 0 : _f[runIndex + 1]) === null || _g === void 0 ? void 0 : _g.value;
21
+ return (React.createElement(MetricRunInfo, { className: css.itemTooltip, metricId: metricId, current: current, baseline: baseline, showMetridDescription: false, size: "large" }));
28
22
  };
29
23
  export const BundleAssetsTotalsChartBars = ({ className, jobs, customComponentLink: CustomComponentLink, }) => {
30
24
  const rootClassName = cx(css.root, className);
@@ -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":"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"}
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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"}
@@ -19,6 +19,7 @@ export { MetricsTableOptions } from './metrics-table-options';
19
19
  export { MetricsTableSearch } from './metrics-table-search';
20
20
  export { MetricsTableTitle } from './metrics-table-title';
21
21
  export { ModuleInfo } from './module-info';
22
+ export { RunInfo } from './run-info';
22
23
  export { Summary } from './summary';
23
24
  export { TotalSizeTypeTitle } from './total-size-type-title';
24
25
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,aAAa,EAAsB,MAAM,mBAAmB,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,aAAa,EAAsB,MAAM,mBAAmB,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC"}
@@ -1,38 +1,29 @@
1
- import React from 'react';
2
- import cx from 'classnames';
3
- import { Icon } from '../../ui/icon';
4
- import { HoverCard } from '../../ui/hover-card';
5
- import { Tooltip } from '../../ui/tooltip';
6
- import { Skeleton } from '../../ui/skeleton';
7
- import { FlexStack } from '../../layout/flex-stack';
1
+ import React, { useCallback } from 'react';
2
+ import { getGlobalMetricType, getMetricRunInfo } from '@bundle-stats/utils';
8
3
  import { Stack } from '../../layout/stack';
9
- import { Metric } from '../metric';
10
- import { Delta } from '../delta';
4
+ import { RunInfo } from '../run-info';
11
5
  import css from './metric-run-info.module.css';
12
- const EXTRACT_VALUE_UNIT_PATTERN = /([\d|.|,| ]*)(\w*|%)$/;
13
- const getMetricParams = (value) => {
14
- const matches = value.match(EXTRACT_VALUE_UNIT_PATTERN);
15
- if (!matches) {
16
- return { value, unit: '' };
17
- }
18
- return {
19
- value: matches[1],
20
- unit: matches[2],
21
- };
6
+ const MetricHoverCard = ({ description, url }) => {
7
+ const onClick = useCallback(() => {
8
+ if (url) {
9
+ window.open(url);
10
+ }
11
+ }, [url]);
12
+ return (React.createElement(Stack, { space: "xxxsmall" },
13
+ React.createElement("p", null, description),
14
+ url && (React.createElement("p", null,
15
+ React.createElement("button", { type: "button", onClick: onClick, className: css.readMoreLink }, "Read more")))));
22
16
  };
23
- export const MetricRunInfo = ({ className = '', title = '', titleHoverCard = null, titleTooltip = null, current = '', baseline = '', delta = '', deltaType = '', as: Component = 'div', size = 'medium', loading = false, ...restProps }) => {
24
- const metricParams = getMetricParams(current);
25
- const rootClassName = cx(css.root, className, css[size], delta && css.showDelta);
26
- return (React.createElement(Stack, { space: "xxsmall", as: Component, className: rootClassName, ...restProps },
27
- title && (React.createElement(FlexStack, { space: "xxxsmall", alignItems: "center", as: "h3", className: css.title },
28
- React.createElement("span", null, title),
29
- titleHoverCard && (React.createElement(HoverCard, { label: React.createElement(Icon, { glyph: Icon.ICONS.HELP }), className: css.titleIcon }, titleHoverCard)),
30
- titleTooltip && (React.createElement(Tooltip, { title: titleTooltip, className: css.titleIcon },
31
- React.createElement(Icon, { glyph: Icon.ICONS.HELP }))))),
32
- !loading ? (React.createElement(Stack, null,
33
- React.createElement(Metric, { className: css.currentMetric, value: metricParams.value, unit: metricParams.unit, inline: true }, delta && React.createElement(Delta, { className: css.delta, displayValue: delta, deltaType: deltaType })),
34
- React.createElement(Metric, { className: css.baselineMetric, value: baseline }))) : (React.createElement(Stack, null,
35
- React.createElement(Skeleton, { as: "p", className: cx(css.currentMetric, css.loading) }),
36
- React.createElement(Skeleton, { as: "p", className: cx(css.baselineMetric, css.loading) })))));
17
+ export const MetricRunInfo = (props) => {
18
+ const { metricId, current, baseline = undefined, showDelta = true, showMetridDescription = true, ...restProps } = props;
19
+ const metric = getGlobalMetricType(metricId);
20
+ const metricRunInfo = getMetricRunInfo(metric, current, baseline || 0);
21
+ const showBaseline = typeof baseline !== 'undefined';
22
+ return (React.createElement(RunInfo, { title: metric.label, titleHoverCard: showMetridDescription && React.createElement(MetricHoverCard, { description: metric.description, url: metric.url }), current: metricRunInfo.displayValue, ...(showBaseline && {
23
+ baseline: metric.formatter(baseline),
24
+ }), ...(showDelta && showBaseline && {
25
+ delta: metricRunInfo.displayDeltaPercentage,
26
+ deltaType: metricRunInfo.deltaType,
27
+ }), ...restProps }));
37
28
  };
38
29
  //# 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":"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"}
1
+ {"version":3,"file":"metric-run-info.js","sourceRoot":"","sources":["../../../src/components/metric-run-info/metric-run-info.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5E,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAgB,MAAM,aAAa,CAAC;AACpD,OAAO,GAAG,MAAM,8BAA8B,CAAC;AAO/C,MAAM,eAAe,GAAG,CAAC,EAAE,WAAW,EAAE,GAAG,EAAmB,EAAE,EAAE;IAEhE,MAAM,OAAO,GAAG,WAAW,CAAC,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,oBAAC,KAAK,IAAC,KAAK,EAAC,UAAU;QACrB,+BAAI,WAAW,CAAK;QACnB,GAAG,IAAI,CACN;YACE,gCAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,CAAC,YAAY,gBAE1D,CACP,CACL,CACK,CACT,CAAC;AACJ,CAAC,CAAC;AAYF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAuD,EAAE,EAAE;IACvF,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,GAAG,SAAS,EAAE,SAAS,GAAG,IAAI,EAAE,qBAAqB,GAAG,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAExH,MAAM,MAAM,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAC;IACvE,MAAM,YAAY,GAAG,OAAO,QAAQ,KAAK,WAAW,CAAC;IAErD,OAAO,CACL,oBAAC,OAAO,IACN,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,cAAc,EAAE,qBAAqB,IAAI,oBAAC,eAAe,IAAC,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,GAAI,EAC9G,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"}