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

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 (16) hide show
  1. package/lib/components/entry-info/entry-info.js +5 -6
  2. package/lib/components/entry-info/entry-info.js.map +1 -1
  3. package/lib/components/entry-info/entry-info.module.css +4 -6
  4. package/lib/components/run-info/run-info.js +7 -3
  5. package/lib/components/run-info/run-info.js.map +1 -1
  6. package/lib-esm/components/entry-info/entry-info.js +5 -6
  7. package/lib-esm/components/entry-info/entry-info.js.map +1 -1
  8. package/lib-esm/components/entry-info/entry-info.module.css +4 -6
  9. package/lib-esm/components/run-info/run-info.js +7 -3
  10. package/lib-esm/components/run-info/run-info.js.map +1 -1
  11. package/package.json +3 -3
  12. package/src/components/entry-info/entry-info.module.css +4 -6
  13. package/src/components/entry-info/entry-info.tsx +13 -14
  14. package/src/components/run-info/run-info.stories.tsx +7 -0
  15. package/src/components/run-info/run-info.tsx +14 -2
  16. package/types/components/run-info/run-info.d.ts +2 -1
package/lib/components/entry-info/entry-info.js CHANGED
@@ -26,16 +26,15 @@ const EntryInfo = (props) => {
26
26
  react_1.default.createElement(box_1.Box, { padding: "small", as: "header", className: entry_info_module_css_1.default.header },
27
27
  react_1.default.createElement(stack_1.Stack, { space: "small" },
28
28
  tags && react_1.default.createElement("div", null, tags),
29
- react_1.default.createElement(stack_1.Stack, { space: "xxxsmall" },
30
- react_1.default.createElement("h3", { className: entry_info_module_css_1.default.label },
31
- react_1.default.createElement(file_name_1.FileName, { as: "code", name: itemTitle || item.label, className: entry_info_module_css_1.default.fileName })),
32
- react_1.default.createElement(run_info_1.RunInfo, { current: metricRunInfo.displayValue, delta: metricRunInfo.displayDeltaPercentage, deltaType: metricRunInfo.deltaType, baseline: baselineRun?.displayValue || '0B', size: "large" }))),
29
+ react_1.default.createElement("h3", { className: entry_info_module_css_1.default.label },
30
+ react_1.default.createElement(file_name_1.FileName, { as: "code", name: itemTitle || item.label, className: entry_info_module_css_1.default.fileName })),
31
+ react_1.default.createElement(run_info_1.RunInfo, { current: metricRunInfo.displayValue, delta: metricRunInfo.displayDeltaPercentage, deltaPercentage: metricRunInfo.displayDelta, deltaType: metricRunInfo.deltaType, baseline: baselineRun?.displayValue || '0B', size: "large" })),
33
32
  react_1.default.createElement("button", { type: "button", onClick: onClose, className: entry_info_module_css_1.default.headerClose },
34
- react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.CLOSE }))),
33
+ react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.CLOSE, size: "large" }))),
35
34
  react_1.default.createElement(box_1.Box, { padding: "small", as: "main", className: entry_info_module_css_1.default.contentWrapper },
36
35
  react_1.default.createElement(stack_1.Stack, { space: "small", className: entry_info_module_css_1.default.content },
37
36
  children,
38
- react_1.default.createElement(table_1.Table, { outline: true, className: entry_info_module_css_1.default.runs },
37
+ react_1.default.createElement(table_1.Table, { outline: true, compact: true, className: entry_info_module_css_1.default.runs },
39
38
  react_1.default.createElement(table_1.Table.THead, null,
40
39
  react_1.default.createElement(table_1.Table.Tr, null,
41
40
  react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(entry_info_module_css_1.default.runsCell, entry_info_module_css_1.default.runsColJob) }, "\u00A0"),
package/lib/components/entry-info/entry-info.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"entry-info.js","sourceRoot":"","sources":["../../../src/components/entry-info/entry-info.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"entry-info.js","sourceRoot":"","sources":["../../../src/components/entry-info/entry-info.tsx"],"names":[],"mappings":"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"}
package/lib/components/entry-info/entry-info.module.css CHANGED
@@ -30,6 +30,7 @@
30
30
  /** space for close icon */
31
31
  padding-right: calc(var(--space-medium) + var(--space-xxxsmall) + var(--space-xsmall));
32
32
  border-bottom: 1px solid var(--color-outline);
33
+ background: var(--color-highlight);
33
34
  }
34
35
 
35
36
  .headerClose {
@@ -67,10 +68,6 @@
67
68
  font-size: var(--size-small);
68
69
  }
69
70
 
70
- .runs .runsCell {
71
- padding: var(--space-xxxsmall) var(--space-xxsmall);
72
- }
73
-
74
71
  .runs .runsColJob {
75
72
  white-space: nowrap;
76
73
  }
@@ -88,6 +85,7 @@
88
85
  }
89
86
 
90
87
  .metaLabel {
91
- margin-right: .6em;
92
- color: var(--color-text-light);
88
+ display: inline-block;
89
+ margin-right: var(--space-xxxsmall);
90
+ min-width: 5em;
93
91
  }
package/lib/components/run-info/run-info.js CHANGED
@@ -46,8 +46,8 @@ const getMetricParams = (value) => {
46
46
  }
47
47
  return [matches[1], matches[2]];
48
48
  };
49
- const RunInfo = ({ className = '', title = '', titleHoverCard = null, titleTooltip = null, current = '', baseline = '', delta = '', deltaType = '', as: Component = 'div', size = 'medium', showBaseline = true, 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);
49
+ const RunInfo = ({ className = '', title = '', titleHoverCard = null, titleTooltip = null, current = '', baseline = '', delta = '', deltaPercentage = '', deltaType = '', as: Component = 'div', size = 'medium', showBaseline = true, 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 || deltaPercentage) && run_info_module_css_1.default.showDelta);
51
51
  const currentValueParams = (0, react_1.useMemo)(() => {
52
52
  if (!enhance || typeof current !== 'string') {
53
53
  return [current];
@@ -61,7 +61,11 @@ const RunInfo = ({ className = '', title = '', titleHoverCard = null, titleToolt
61
61
  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) },
62
62
  react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.HELP }))))),
63
63
  !loading ? (react_1.default.createElement(stack_1.Stack, { className: run_info_module_css_1.default.info },
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 })),
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 || deltaPercentage) && (react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center" },
65
+ deltaPercentage && (react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center" },
66
+ react_1.default.createElement(delta_1.Delta, { className: run_info_module_css_1.default.delta, displayValue: deltaPercentage, deltaType: deltaType }),
67
+ ' / ')),
68
+ delta && react_1.default.createElement(delta_1.Delta, { className: run_info_module_css_1.default.delta, displayValue: delta, deltaType: deltaType })))),
65
69
  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, { className: run_info_module_css_1.default.info },
66
70
  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
71
  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) })))));
package/lib/components/run-info/run-info.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"run-info.js","sourceRoot":"","sources":["../../../src/components/run-info/run-info.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"run-info.js","sourceRoot":"","sources":["../../../src/components/run-info/run-info.tsx"],"names":[],"mappings":"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"}
package/lib-esm/components/entry-info/entry-info.js CHANGED
@@ -21,16 +21,15 @@ export const EntryInfo = (props) => {
21
21
  React.createElement(Box, { padding: "small", as: "header", className: css.header },
22
22
  React.createElement(Stack, { space: "small" },
23
23
  tags && React.createElement("div", null, tags),
24
- React.createElement(Stack, { space: "xxxsmall" },
25
- React.createElement("h3", { className: css.label },
26
- React.createElement(FileName, { as: "code", name: itemTitle || item.label, className: css.fileName })),
27
- React.createElement(RunInfo, { current: metricRunInfo.displayValue, delta: metricRunInfo.displayDeltaPercentage, deltaType: metricRunInfo.deltaType, baseline: (baselineRun === null || baselineRun === void 0 ? void 0 : baselineRun.displayValue) || '0B', size: "large" }))),
24
+ React.createElement("h3", { className: css.label },
25
+ React.createElement(FileName, { as: "code", name: itemTitle || item.label, className: css.fileName })),
26
+ React.createElement(RunInfo, { current: metricRunInfo.displayValue, delta: metricRunInfo.displayDeltaPercentage, deltaPercentage: metricRunInfo.displayDelta, deltaType: metricRunInfo.deltaType, baseline: (baselineRun === null || baselineRun === void 0 ? void 0 : baselineRun.displayValue) || '0B', size: "large" })),
28
27
  React.createElement("button", { type: "button", onClick: onClose, className: css.headerClose },
29
- React.createElement(Icon, { glyph: Icon.ICONS.CLOSE }))),
28
+ React.createElement(Icon, { glyph: Icon.ICONS.CLOSE, size: "large" }))),
30
29
  React.createElement(Box, { padding: "small", as: "main", className: css.contentWrapper },
31
30
  React.createElement(Stack, { space: "small", className: css.content },
32
31
  children,
33
- React.createElement(Table, { outline: true, className: css.runs },
32
+ React.createElement(Table, { outline: true, compact: true, className: css.runs },
34
33
  React.createElement(Table.THead, null,
35
34
  React.createElement(Table.Tr, null,
36
35
  React.createElement(Table.Th, { className: cx(css.runsCell, css.runsColJob) }, "\u00A0"),
package/lib-esm/components/entry-info/entry-info.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"entry-info.js","sourceRoot":"","sources":["../../../src/components/entry-info/entry-info.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"entry-info.js","sourceRoot":"","sources":["../../../src/components/entry-info/entry-info.tsx"],"names":[],"mappings":"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"}
package/lib-esm/components/entry-info/entry-info.module.css CHANGED
@@ -30,6 +30,7 @@
30
30
  /** space for close icon */
31
31
  padding-right: calc(var(--space-medium) + var(--space-xxxsmall) + var(--space-xsmall));
32
32
  border-bottom: 1px solid var(--color-outline);
33
+ background: var(--color-highlight);
33
34
  }
34
35
 
35
36
  .headerClose {
@@ -67,10 +68,6 @@
67
68
  font-size: var(--size-small);
68
69
  }
69
70
 
70
- .runs .runsCell {
71
- padding: var(--space-xxxsmall) var(--space-xxsmall);
72
- }
73
-
74
71
  .runs .runsColJob {
75
72
  white-space: nowrap;
76
73
  }
@@ -88,6 +85,7 @@
88
85
  }
89
86
 
90
87
  .metaLabel {
91
- margin-right: .6em;
92
- color: var(--color-text-light);
88
+ display: inline-block;
89
+ margin-right: var(--space-xxxsmall);
90
+ min-width: 5em;
93
91
  }
package/lib-esm/components/run-info/run-info.js CHANGED
@@ -17,8 +17,8 @@ const getMetricParams = (value) => {
17
17
  }
18
18
  return [matches[1], matches[2]];
19
19
  };
20
- export const RunInfo = ({ className = '', title = '', titleHoverCard = null, titleTooltip = null, current = '', baseline = '', delta = '', deltaType = '', as: Component = 'div', size = 'medium', showBaseline = true, loading = false, enhance = false, ...restProps }) => {
21
- const rootClassName = cx(css.root, className, css[size], delta && css.showDelta);
20
+ export const RunInfo = ({ className = '', title = '', titleHoverCard = null, titleTooltip = null, current = '', baseline = '', delta = '', deltaPercentage = '', deltaType = '', as: Component = 'div', size = 'medium', showBaseline = true, loading = false, enhance = false, ...restProps }) => {
21
+ const rootClassName = cx(css.root, className, css[size], (delta || deltaPercentage) && css.showDelta);
22
22
  const currentValueParams = useMemo(() => {
23
23
  if (!enhance || typeof current !== 'string') {
24
24
  return [current];
@@ -32,7 +32,11 @@ export const RunInfo = ({ className = '', title = '', titleHoverCard = null, tit
32
32
  titleTooltip && (React.createElement(Tooltip, { title: titleTooltip, className: cx(css.titleIcon, css.titleTooltipIcon) },
33
33
  React.createElement(Icon, { glyph: Icon.ICONS.HELP }))))),
34
34
  !loading ? (React.createElement(Stack, { className: css.info },
35
- React.createElement(Metric, { className: css.currentMetric, value: currentValueParams[0], unit: currentValueParams[1], inline: true }, delta && React.createElement(Delta, { className: css.delta, displayValue: delta, deltaType: deltaType })),
35
+ React.createElement(Metric, { className: css.currentMetric, value: currentValueParams[0], unit: currentValueParams[1], inline: true }, (delta || deltaPercentage) && (React.createElement(FlexStack, { space: "xxxsmall", alignItems: "center" },
36
+ deltaPercentage && (React.createElement(FlexStack, { space: "xxxsmall", alignItems: "center" },
37
+ React.createElement(Delta, { className: css.delta, displayValue: deltaPercentage, deltaType: deltaType }),
38
+ ' / ')),
39
+ delta && React.createElement(Delta, { className: css.delta, displayValue: delta, deltaType: deltaType })))),
36
40
  showBaseline && React.createElement(Metric, { className: css.baselineMetric, value: baseline }))) : (React.createElement(Stack, { className: css.info },
37
41
  React.createElement(Skeleton, { as: "p", className: cx(css.currentMetric, css.loading) }),
38
42
  showBaseline && React.createElement(Skeleton, { as: "p", className: cx(css.baselineMetric, css.loading) })))));
package/lib-esm/components/run-info/run-info.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"run-info.js","sourceRoot":"","sources":["../../../src/components/run-info/run-info.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"run-info.js","sourceRoot":"","sources":["../../../src/components/run-info/run-info.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,GAAG,MAAM,uBAAuB,CAAC;AAGxC,MAAM,0BAA0B,GAAG,uBAAuB,CAAC;AAE3D,MAAM,eAAe,GAAG,CAAC,KAAa,EAAqB,EAAE;IAC3D,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC;IAExD,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,CAAC,KAAK,CAAC,CAAC;KAChB;IAED,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AAClC,CAAC,CAAC;AAoBF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,cAAc,GAAG,IAAI,EACrB,YAAY,GAAG,IAAI,EACnB,OAAO,GAAG,EAAE,EACZ,QAAQ,GAAG,EAAE,EACb,KAAK,GAAG,EAAE,EACV,eAAe,GAAG,EAAE,EACpB,SAAS,GAAG,EAAE,EACd,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,IAAI,GAAG,QAAQ,EACf,YAAY,GAAG,IAAI,EACnB,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,EACf,GAAG,SAAS,EAC+B,EAAE,EAAE;IAC/C,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,IAAI,eAAe,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC;IAEtG,MAAM,kBAAkB,GAA+B,OAAO,CAAC,GAAG,EAAE;QAClE,IAAI,CAAC,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;YAC3C,OAAO,CAAC,OAAO,CAAC,CAAC;SAClB;QAED,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,aAAa,KAAM,SAAS;QAC/C,KAAK,IAAI,CACR,oBAAC,SAAS,IAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAE,GAAG,CAAC,KAAK;YAC1E,kCAAO,KAAK,CAAQ;YACnB,cAAc,IAAI,CACjB,oBAAC,SAAS,IACR,KAAK,EAAE,oBAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,EACvC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,kBAAkB,CAAC,IAEnD,cAAc,CACL,CACb;YACA,YAAY,IAAI,CACf,oBAAC,OAAO,IAAC,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,gBAAgB,CAAC;gBAC9E,oBAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,CACxB,CACX,CACS,CACb;QAEA,CAAC,OAAO,CAAC,CAAC,CAAC,CACV,oBAAC,KAAK,IAAC,SAAS,EAAE,GAAG,CAAC,IAAI;YACxB,oBAAC,MAAM,IACL,SAAS,EAAE,GAAG,CAAC,aAAa,EAC5B,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAC5B,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAC3B,MAAM,UAEL,CAAC,KAAK,IAAI,eAAe,CAAC,IAAI,CAC7B,oBAAC,SAAS,IAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ;gBAC5C,eAAe,IAAI,CAClB,oBAAC,SAAS,IAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ;oBAC7C,oBAAC,KAAK,IAAC,SAAS,EAAE,GAAG,CAAC,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,GAAI;oBACnF,KAAK,CACI,CACb;gBACA,KAAK,IAAI,oBAAC,KAAK,IAAC,SAAS,EAAE,GAAG,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAI,CAC1E,CACb,CACM;YACR,YAAY,IAAI,oBAAC,MAAM,IAAC,SAAS,EAAE,GAAG,CAAC,cAAc,EAAE,KAAK,EAAE,QAAQ,GAAI,CACrE,CACT,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,IAAC,SAAS,EAAE,GAAG,CAAC,IAAI;YACxB,oBAAC,QAAQ,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,aAAa,EAAE,GAAG,CAAC,OAAO,CAAC,GAAI;YACjE,YAAY,IAAI,oBAAC,QAAQ,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,cAAc,EAAE,GAAG,CAAC,OAAO,CAAC,GAAI,CAC9E,CACT,CACS,CACb,CAAC;AACJ,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bundle-stats/ui",
3
- "version": "4.5.0-beta.0",
3
+ "version": "4.5.0-beta.1",
4
4
  "description": "UI components for BundleStats projects.",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-esm/index.js",
@@ -76,11 +76,11 @@
76
76
  "react-router-dom": "^5.0.0"
77
77
  },
78
78
  "dependencies": {
79
- "@bundle-stats/utils": "^4.5.0-beta.0",
79
+ "@bundle-stats/utils": "^4.5.0-beta.1",
80
80
  "ariakit": "2.0.0-next.44",
81
81
  "modern-css-reset": "1.4.0",
82
82
  "query-string": "7.1.3",
83
83
  "use-query-params": "2.2.1"
84
84
  },
85
- "gitHead": "f39dbde3efbbb3457bb99536c94ad06830f8ee88"
85
+ "gitHead": "69b774bd837c26a5e9f170fa740a7b9ff25e61f9"
86
86
  }
package/src/components/entry-info/entry-info.module.css CHANGED
@@ -30,6 +30,7 @@
30
30
  /** space for close icon */
31
31
  padding-right: calc(var(--space-medium) + var(--space-xxxsmall) + var(--space-xsmall));
32
32
  border-bottom: 1px solid var(--color-outline);
33
+ background: var(--color-highlight);
33
34
  }
34
35
 
35
36
  .headerClose {
@@ -67,10 +68,6 @@
67
68
  font-size: var(--size-small);
68
69
  }
69
70
 
70
- .runs .runsCell {
71
- padding: var(--space-xxxsmall) var(--space-xxsmall);
72
- }
73
-
74
71
  .runs .runsColJob {
75
72
  white-space: nowrap;
76
73
  }
@@ -88,6 +85,7 @@
88
85
  }
89
86
 
90
87
  .metaLabel {
91
- margin-right: .6em;
92
- color: var(--color-text-light);
88
+ display: inline-block;
89
+ margin-right: var(--space-xxxsmall);
90
+ min-width: 5em;
93
91
  }
package/src/components/entry-info/entry-info.tsx CHANGED
@@ -71,29 +71,28 @@ export const EntryInfo = (props: EntryInfoProps & React.ComponentProps<'div'>) =
71
71
  <Stack space="small">
72
72
  {tags && <div>{tags}</div>}
73
73
 
74
- <Stack space="xxxsmall">
75
- <h3 className={css.label}>
76
- <FileName as="code" name={itemTitle || item.label} className={css.fileName} />
77
- </h3>
74
+ <h3 className={css.label}>
75
+ <FileName as="code" name={itemTitle || item.label} className={css.fileName} />
76
+ </h3>
78
77
 
79
- <RunInfo
80
- current={metricRunInfo.displayValue}
81
- delta={metricRunInfo.displayDeltaPercentage}
82
- deltaType={metricRunInfo.deltaType}
83
- baseline={baselineRun?.displayValue || '0B'}
84
- size="large"
85
- />
86
- </Stack>
78
+ <RunInfo
79
+ current={metricRunInfo.displayValue}
80
+ delta={metricRunInfo.displayDeltaPercentage}
81
+ deltaPercentage={metricRunInfo.displayDelta}
82
+ deltaType={metricRunInfo.deltaType}
83
+ baseline={baselineRun?.displayValue || '0B'}
84
+ size="large"
85
+ />
87
86
  </Stack>
88
87
  <button type="button" onClick={onClose} className={css.headerClose}>
89
- <Icon glyph={Icon.ICONS.CLOSE} />
88
+ <Icon glyph={Icon.ICONS.CLOSE} size="large" />
90
89
  </button>
91
90
  </Box>
92
91
  <Box padding="small" as="main" className={css.contentWrapper}>
93
92
  <Stack space="small" className={css.content}>
94
93
  {children}
95
94
 
96
- <Table outline className={css.runs}>
95
+ <Table outline compact className={css.runs}>
97
96
  <Table.THead>
98
97
  <Table.Tr>
99
98
  <Table.Th className={cx(css.runsCell, css.runsColJob)}>&nbsp;</Table.Th>
package/src/components/run-info/run-info.stories.tsx CHANGED
@@ -29,6 +29,13 @@ Default.args = {
29
29
  deltaType: 'HIGH_NEGATIVE',
30
30
  };
31
31
 
32
+ export const DeltaPercentage = Template.bind({});
33
+
34
+ DeltaPercentage.args = {
35
+ ...Default.args,
36
+ deltaPercentage: '+20KiB',
37
+ };
38
+
32
39
  export const SizeLarge = Template.bind({});
33
40
 
34
41
  SizeLarge.args = {
package/src/components/run-info/run-info.tsx CHANGED
@@ -31,6 +31,7 @@ export interface RunInfoProps {
31
31
  current?: React.ReactNode;
32
32
  baseline?: string;
33
33
  delta?: string;
34
+ deltaPercentage?: string;
34
35
  deltaType?: string;
35
36
 
36
37
  as?: React.ElementType;
@@ -49,6 +50,7 @@ export const RunInfo = ({
49
50
  current = '',
50
51
  baseline = '',
51
52
  delta = '',
53
+ deltaPercentage = '',
52
54
  deltaType = '',
53
55
  as: Component = 'div',
54
56
  size = 'medium',
@@ -57,7 +59,7 @@ export const RunInfo = ({
57
59
  enhance = false,
58
60
  ...restProps
59
61
  }: RunInfoProps & React.ComponentProps<'div'>) => {
60
- const rootClassName = cx(css.root, className, css[size], delta && css.showDelta);
62
+ const rootClassName = cx(css.root, className, css[size], (delta || deltaPercentage) && css.showDelta);
61
63
 
62
64
  const currentValueParams: [React.ReactNode, string?] = useMemo(() => {
63
65
  if (!enhance || typeof current !== 'string') {
@@ -96,7 +98,17 @@ export const RunInfo = ({
96
98
  unit={currentValueParams[1]}
97
99
  inline
98
100
  >
99
- {delta && <Delta className={css.delta} displayValue={delta} deltaType={deltaType} />}
101
+ {(delta || deltaPercentage) && (
102
+ <FlexStack space="xxxsmall" alignItems="center">
103
+ {deltaPercentage && (
104
+ <FlexStack space="xxxsmall" alignItems="center">
105
+ <Delta className={css.delta} displayValue={deltaPercentage} deltaType={deltaType} />
106
+ {' / '}
107
+ </FlexStack>
108
+ )}
109
+ {delta && <Delta className={css.delta} displayValue={delta} deltaType={deltaType} />}
110
+ </FlexStack>
111
+ )}
100
112
  </Metric>
101
113
  {showBaseline && <Metric className={css.baselineMetric} value={baseline} />}
102
114
  </Stack>
package/types/components/run-info/run-info.d.ts CHANGED
@@ -6,6 +6,7 @@ export interface RunInfoProps {
6
6
  current?: React.ReactNode;
7
7
  baseline?: string;
8
8
  delta?: string;
9
+ deltaPercentage?: string;
9
10
  deltaType?: string;
10
11
  as?: React.ElementType;
11
12
  size?: 'small' | 'medium' | 'large';
@@ -13,4 +14,4 @@ export interface RunInfoProps {
13
14
  loading?: boolean;
14
15
  enhance?: boolean;
15
16
  }
16
- export declare const RunInfo: ({ className, title, titleHoverCard, titleTooltip, current, baseline, delta, deltaType, as: Component, size, showBaseline, loading, enhance, ...restProps }: RunInfoProps & React.ComponentProps<'div'>) => JSX.Element;
17
+ export declare const RunInfo: ({ className, title, titleHoverCard, titleTooltip, current, baseline, delta, deltaPercentage, deltaType, as: Component, size, showBaseline, loading, enhance, ...restProps }: RunInfoProps & React.ComponentProps<'div'>) => JSX.Element;