@bundle-stats/ui 4.5.3-alpha.2 → 4.5.3-alpha.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/.babelrc.js +2 -0
- package/README.md +10 -10
- package/lib/app/app.js +8 -14
- package/lib/app/app.js.map +1 -1
- package/lib/components/metric-run-info/metric-run-info.js +1 -1
- package/lib/components/metric-run-info/metric-run-info.js.map +1 -1
- package/lib/components/metrics-table/metrics-table.js +1 -1
- package/lib/components/metrics-table/metrics-table.js.map +1 -1
- package/lib/components/metrics-table/metrics-table.module.css +8 -3
- package/lib/components/run-info/run-info.js +2 -2
- package/lib/components/run-info/run-info.js.map +1 -1
- package/lib/components/run-info/run-info.module.css +8 -9
- package/lib/components/summary/summary.js +10 -2
- package/lib/components/summary/summary.js.map +1 -1
- package/lib/components/summary/summary.module.css +13 -1
- package/lib/css/variables.css +24 -25
- package/lib/ui/dropdown/dropdown.module.css +4 -0
- package/lib/ui/filters/filters.module.css +28 -5
- package/lib-esm/app/app.js +9 -18
- package/lib-esm/app/app.js.map +1 -1
- package/lib-esm/components/metric-run-info/metric-run-info.js +1 -1
- package/lib-esm/components/metric-run-info/metric-run-info.js.map +1 -1
- package/lib-esm/components/metrics-table/metrics-table.js +1 -1
- package/lib-esm/components/metrics-table/metrics-table.js.map +1 -1
- package/lib-esm/components/metrics-table/metrics-table.module.css +8 -3
- package/lib-esm/components/run-info/run-info.js +2 -2
- package/lib-esm/components/run-info/run-info.js.map +1 -1
- package/lib-esm/components/run-info/run-info.module.css +8 -9
- package/lib-esm/components/summary/summary.js +11 -3
- package/lib-esm/components/summary/summary.js.map +1 -1
- package/lib-esm/components/summary/summary.module.css +13 -1
- package/lib-esm/css/variables.css +24 -25
- package/lib-esm/ui/dropdown/dropdown.module.css +4 -0
- package/lib-esm/ui/filters/filters.module.css +28 -5
- package/package.json +15 -19
- package/src/app/app.jsx +2 -34
- package/src/components/metric-run-info/metric-run-info.tsx +1 -1
- package/src/components/metrics-table/metrics-table.jsx +1 -1
- package/src/components/metrics-table/metrics-table.module.css +8 -3
- package/src/components/run-info/run-info.module.css +8 -9
- package/src/components/run-info/run-info.tsx +15 -4
- package/src/components/summary/summary.module.css +13 -1
- package/src/components/summary/summary.tsx +34 -9
- package/src/css/variables.css +24 -25
- package/src/ui/dropdown/dropdown.module.css +4 -0
- package/src/ui/filters/filters.module.css +28 -5
- package/types/app/app.d.ts +2 -1
- package/types/app/header/header.d.ts +1 -1
- package/types/assets/icons.svg.d.ts +2 -1
- package/types/components/asset-info/asset-info.d.ts +1 -1
- package/types/components/asset-not-predictive/asset-not-predictive.d.ts +1 -1
- package/types/components/browsertime-table/browsertime-table.d.ts +2 -1
- package/types/components/bundle-assets/bundle-assets.d.ts +2 -1
- package/types/components/bundle-assets/index.d.ts +2 -1
- package/types/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.d.ts +2 -1
- package/types/components/bundle-assets-totals-table/bundle-assets-totals-table.d.ts +2 -1
- package/types/components/bundle-modules/bundle-modules.d.ts +2 -1
- package/types/components/bundle-modules/index.d.ts +2 -1
- package/types/components/bundle-packages/bundle-packages.d.ts +2 -1
- package/types/components/bundle-packages/index.d.ts +2 -1
- package/types/components/component-link.d.ts +2 -1
- package/types/components/delta/delta.d.ts +2 -1
- package/types/components/entry-info/entry-info.d.ts +2 -2
- package/types/components/insight-icon/insight-icon.d.ts +1 -1
- package/types/components/insights/insights.d.ts +1 -1
- package/types/components/job-name/job-name.d.ts +2 -1
- package/types/components/jobs-header/jobs-header.d.ts +2 -2
- package/types/components/lighthouse-table/lighthouse-table.d.ts +2 -1
- package/types/components/metric/metric.d.ts +1 -1
- package/types/components/metric-run-info/metric-run-info.d.ts +1 -1
- package/types/components/metrics-table/index.d.ts +2 -1
- package/types/components/metrics-table/metrics-table.d.ts +2 -1
- package/types/components/metrics-table-options/metrics-table-options.d.ts +2 -1
- package/types/components/metrics-table-search/metrics-table-search.d.ts +2 -1
- package/types/components/metrics-table-title/metrics-table-title.d.ts +2 -1
- package/types/components/module-info/module-info.d.ts +1 -1
- package/types/components/package-info/package-info.d.ts +1 -1
- package/types/components/run-info/run-info.d.ts +1 -1
- package/types/components/sort-button/sort-button.d.ts +1 -1
- package/types/components/summary/summary.d.ts +1 -3
- package/types/components/total-size-type-title/total-size-type-title.d.ts +2 -1
- package/types/layout/box/box.d.ts +1 -1
- package/types/layout/flex-stack/flex-stack.d.ts +1 -1
- package/types/layout/footer/footer.d.ts +2 -1
- package/types/layout/stack/stack.d.ts +1 -1
- package/types/query-state.d.ts +2 -1
- package/types/stories/wrapper.d.ts +2 -1
- package/types/ui/alert/alert.d.ts +1 -1
- package/types/ui/container/container.d.ts +1 -1
- package/types/ui/dropdown/dropdown.d.ts +3 -2
- package/types/ui/empty-set/empty-set.d.ts +2 -1
- package/types/ui/file-name/file-name.d.ts +2 -1
- package/types/ui/filters/filters.d.ts +2 -1
- package/types/ui/filters/index.d.ts +2 -1
- package/types/ui/horizontal-bar-chart/horizontal-bar-chart.d.ts +2 -1
- package/types/ui/hover-card/hover-card.d.ts +1 -1
- package/types/ui/icon/icon.d.ts +1 -1
- package/types/ui/input/input.d.ts +2 -1
- package/types/ui/loader/loader.d.ts +2 -1
- package/types/ui/skeleton/skeleton.d.ts +2 -1
- package/types/ui/table/table.d.ts +1 -1
- package/types/ui/tabs/tabs.d.ts +3 -2
- package/types/ui/tag/tag.d.ts +1 -1
- package/types/ui/toolbar/toolbar.d.ts +2 -1
- package/types/ui/tooltip/tooltip.d.ts +1 -1
- package/types/utils.d.ts +2 -1
package/lib-esm/app/app.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.js","sourceRoot":"","sources":["../../src/app/app.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,OAAO,
|
|
1
|
+
{"version":3,"file":"app.js","sourceRoot":"","sources":["../../src/app/app.jsx"],"names":[],"mappings":"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"}
|
|
@@ -26,7 +26,7 @@ export const MetricRunInfo = (props) => {
|
|
|
26
26
|
}, [showMetricDescription, metric]);
|
|
27
27
|
return (React.createElement(RunInfo, { title: metric.label, titleHoverCard: titleHoverCard, enhance: true, current: metricRunInfo.displayValue, showBaseline: showBaseline, ...(showBaseline && {
|
|
28
28
|
baseline: metric.formatter(baseline),
|
|
29
|
-
}), ...(showDelta &&
|
|
29
|
+
}), ...(showDelta && {
|
|
30
30
|
delta: metricRunInfo.displayDeltaPercentage,
|
|
31
31
|
deltaType: metricRunInfo.deltaType,
|
|
32
32
|
}), ...restProps }));
|
|
@@ -1 +1 @@
|
|
|
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,OAAO,EAAE,MAAM,OAAO,CAAC;AACpD,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;AAaF,MAAM,CAAC,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,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAC;IAEvE,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,qBAAqB,EAAE;YACzB,OAAO,oBAAC,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,oBAAC,OAAO,IACN,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,cAAc,EAAE,cAAc,EAC9B,OAAO,QACP,OAAO,EAAE,aAAa,CAAC,YAAY,EACnC,YAAY,EAAE,YAAY,KACtB,CAAC,YAAY,IAAI;YACnB,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC;SACrC,CAAC,KACE,CAAC,SAAS,IAAI
|
|
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,OAAO,EAAE,MAAM,OAAO,CAAC;AACpD,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;AAaF,MAAM,CAAC,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,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAC;IAEvE,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,qBAAqB,EAAE;YACzB,OAAO,oBAAC,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,oBAAC,OAAO,IACN,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,cAAc,EAAE,cAAc,EAC9B,OAAO,QACP,OAAO,EAAE,aAAa,CAAC,YAAY,EACnC,YAAY,EAAE,YAAY,KACtB,CAAC,YAAY,IAAI;YACnB,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC;SACrC,CAAC,KACE,CAAC,SAAS,IAAI;YAChB,KAAK,EAAE,aAAa,CAAC,sBAAsB;YAC3C,SAAS,EAAE,aAAa,CAAC,SAAS;SACnC,CAAC,KACE,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -39,7 +39,7 @@ const ColumnSum = ({ rows, isBaseline, runIndex, updateSort, sort }) => {
|
|
|
39
39
|
!isBaseline && (React.createElement(React.Fragment, null,
|
|
40
40
|
React.createElement(Table.Th, { className: cx(styles.delta, styles.sum) }, (updateSort && sort) ? (React.createElement(SortButton, { fieldPath: fieldPath, fieldName: "delta", label: "absolute change", updateSort: updateSort, sort: sort },
|
|
41
41
|
React.createElement(Delta, { displayValue: infoTotal.displayDelta, deltaType: infoTotal.deltaType }))) : (React.createElement(Delta, { displayValue: infoTotal.displayDelta, deltaType: infoTotal.deltaType }))),
|
|
42
|
-
React.createElement(Table.Th, { className: cx(styles.delta, styles.sum) }, (updateSort && sort) ? (React.createElement(SortButton, { fieldPath: fieldPath, fieldName: "deltaPercentage", label: "absolute percentual change", updateSort: updateSort, sort: sort },
|
|
42
|
+
React.createElement(Table.Th, { className: cx(styles.delta, styles.deltaPercentage, styles.sum) }, (updateSort && sort) ? (React.createElement(SortButton, { fieldPath: fieldPath, fieldName: "deltaPercentage", label: "absolute percentual change", updateSort: updateSort, sort: sort },
|
|
43
43
|
React.createElement(Delta, { displayValue: infoTotal.displayDeltaPercentage, deltaType: infoTotal.deltaType }))) : (React.createElement(Delta, { displayValue: infoTotal.displayDeltaPercentage, deltaType: infoTotal.deltaType })))))));
|
|
44
44
|
};
|
|
45
45
|
const Row = ({ item, renderRowHeader }) => (React.createElement(Table.Tr, { className: cx(!item.changed && styles.unchanged) },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"metrics-table.js","sourceRoot":"","sources":["../../../src/components/metrics-table/metrics-table.jsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"metrics-table.js","sourceRoot":"","sources":["../../../src/components/metrics-table/metrics-table.jsx"],"names":[],"mappings":"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"}
|
|
@@ -12,24 +12,29 @@
|
|
|
12
12
|
|
|
13
13
|
/* columns */
|
|
14
14
|
.metricName {
|
|
15
|
-
width:
|
|
15
|
+
width: 55%;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.root .job {
|
|
19
|
-
padding-right: calc(var(--space-xxxsmall) + var(--space-small));
|
|
20
19
|
text-align: right;
|
|
21
20
|
}
|
|
22
21
|
|
|
23
22
|
.root .value {
|
|
24
|
-
padding-left: var(--space-large);
|
|
25
23
|
text-align: right;
|
|
26
24
|
vertical-align: baseline;
|
|
25
|
+
width: 15%;
|
|
27
26
|
}
|
|
28
27
|
|
|
29
28
|
.root .delta {
|
|
30
29
|
text-align: right;
|
|
31
30
|
font-size: var(--size-xsmall);
|
|
32
31
|
vertical-align: baseline;
|
|
32
|
+
width: 10%;
|
|
33
|
+
color: pink;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.root .deltaPercentage {
|
|
37
|
+
width: 5%;
|
|
33
38
|
}
|
|
34
39
|
|
|
35
40
|
.root tbody .delta {
|
|
@@ -27,7 +27,7 @@ export const RunInfo = ({ className = '', title = '', titleHoverCard = null, tit
|
|
|
27
27
|
}, [current, enhance]);
|
|
28
28
|
return (React.createElement(Component, { className: rootClassName, ...restProps },
|
|
29
29
|
title && (React.createElement(FlexStack, { space: "xxxsmall", alignItems: "center", as: "h3", className: css.title },
|
|
30
|
-
React.createElement("span",
|
|
30
|
+
React.createElement("span", { className: css.titleText }, title),
|
|
31
31
|
titleHoverCard && (React.createElement(HoverCard, { label: React.createElement(Icon, { glyph: Icon.ICONS.HELP }), className: cx(css.titleIcon, css.titleHoverCardIcon) }, titleHoverCard)),
|
|
32
32
|
titleTooltip && (React.createElement(Tooltip, { title: titleTooltip, className: cx(css.titleIcon, css.titleTooltipIcon) },
|
|
33
33
|
React.createElement(Icon, { glyph: Icon.ICONS.HELP }))))),
|
|
@@ -36,7 +36,7 @@ export const RunInfo = ({ className = '', title = '', titleHoverCard = null, tit
|
|
|
36
36
|
deltaPercentage && (React.createElement(FlexStack, { space: "xxxsmall", alignItems: "center" },
|
|
37
37
|
React.createElement(Delta, { className: css.delta, displayValue: deltaPercentage, deltaType: deltaType }),
|
|
38
38
|
' / ')),
|
|
39
|
-
delta && React.createElement(Delta, { className: css.delta, displayValue: delta, deltaType: deltaType })))),
|
|
39
|
+
delta && (React.createElement(Delta, { className: css.delta, displayValue: delta, deltaType: deltaType }))))),
|
|
40
40
|
showBaseline && React.createElement(Metric, { className: css.baselineMetric, value: baseline }))) : (React.createElement(Stack, { className: css.info },
|
|
41
41
|
React.createElement(Skeleton, { as: "p", className: cx(css.currentMetric, css.loading) }),
|
|
42
42
|
showBaseline && React.createElement(Skeleton, { as: "p", className: cx(css.baselineMetric, css.loading) })))));
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
1
|
+
{"version":3,"file":"run-info.js","sourceRoot":"","sources":["../../../src/components/run-info/run-info.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,14 @@
|
|
|
3
3
|
font-weight: bold;
|
|
4
4
|
font-size: var(--size-xsmall);
|
|
5
5
|
text-transform: uppercase;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.titleText {
|
|
9
|
+
max-width: 100%;
|
|
10
|
+
flex: 1 1 auto;
|
|
6
11
|
white-space: nowrap;
|
|
12
|
+
overflow: hidden;
|
|
13
|
+
text-overflow: ellipsis;
|
|
7
14
|
}
|
|
8
15
|
|
|
9
16
|
.titleIcon {
|
|
@@ -55,16 +62,8 @@
|
|
|
55
62
|
}
|
|
56
63
|
|
|
57
64
|
/* Size variation */
|
|
58
|
-
.small .info {
|
|
59
|
-
margin-top: var(--space-xxxsmall);
|
|
60
|
-
}
|
|
61
|
-
|
|
62
65
|
.small .currentMetric {
|
|
63
|
-
font-size: var(--size-
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.large .info {
|
|
67
|
-
margin-top: var(--space-xxsmall);
|
|
66
|
+
font-size: var(--size-large);
|
|
68
67
|
}
|
|
69
68
|
|
|
70
69
|
.large .currentMetric {
|
|
@@ -2,11 +2,16 @@ import React from 'react';
|
|
|
2
2
|
import cx from 'classnames';
|
|
3
3
|
import get from 'lodash/get';
|
|
4
4
|
import { METRIC_COMPONENT_LINKS } from '@bundle-stats/utils';
|
|
5
|
-
import { METRICS_WEBPACK_GENERAL } from '../../constants';
|
|
5
|
+
import { METRICS_WEBPACK_ASSETS, METRICS_WEBPACK_GENERAL, METRICS_WEBPACK_MODULES, METRICS_WEBPACK_PACKAGES, } from '../../constants';
|
|
6
6
|
import { Box } from '../../layout/box';
|
|
7
7
|
import { ComponentLink } from '../component-link';
|
|
8
8
|
import { MetricRunInfo } from '../metric-run-info';
|
|
9
9
|
import css from './summary.module.css';
|
|
10
|
+
const METRICS_WEBPACK_OTHERS = [
|
|
11
|
+
...METRICS_WEBPACK_ASSETS,
|
|
12
|
+
...METRICS_WEBPACK_MODULES,
|
|
13
|
+
...METRICS_WEBPACK_PACKAGES,
|
|
14
|
+
];
|
|
10
15
|
const SummaryItem = (props) => {
|
|
11
16
|
const { className = '', metricId, data, customLink: SummaryItemCustomLink, size, loading, showDelta, showBaseline, } = props;
|
|
12
17
|
const componentLink = METRIC_COMPONENT_LINKS.get(metricId);
|
|
@@ -14,6 +19,9 @@ const SummaryItem = (props) => {
|
|
|
14
19
|
return (React.createElement(Box, { key: metricId, outline: true, outlineHover: true, padding: "small", as: SummaryItemCustomLink, ...componentLink === null || componentLink === void 0 ? void 0 : componentLink.link, className: className },
|
|
15
20
|
React.createElement(MetricRunInfo, { metricId: metricId, current: metricData.current, baseline: metricData.baseline, showDelta: showDelta && (componentLink === null || componentLink === void 0 ? void 0 : componentLink.showDelta), showBaseline: showBaseline, size: size, loading: loading })));
|
|
16
21
|
};
|
|
17
|
-
export const Summary = ({ className = '',
|
|
18
|
-
React.createElement("div", { className: css.
|
|
22
|
+
export const Summary = ({ className = '', data = null, loading = false, showSummaryItemDelta = true, showSummaryItemBaseline = true, summaryItemLink = ComponentLink, }) => (React.createElement(Box, { className: cx(css.root, className) },
|
|
23
|
+
React.createElement("div", { className: css.wrapper },
|
|
24
|
+
React.createElement("div", { className: css.items }, METRICS_WEBPACK_GENERAL.map((metricId) => (React.createElement(SummaryItem, { key: metricId, className: css.item, metricId: metricId, data: data, loading: loading, customLink: summaryItemLink, showDelta: showSummaryItemDelta, showBaseline: showSummaryItemBaseline }))))),
|
|
25
|
+
React.createElement("div", { className: css.wrapper },
|
|
26
|
+
React.createElement("div", { className: css.items }, METRICS_WEBPACK_OTHERS.map((metricId) => (React.createElement(SummaryItem, { key: metricId, className: cx(css.item, css.itemSmall), metricId: metricId, data: data, customLink: summaryItemLink, size: "small", loading: loading, showDelta: showSummaryItemDelta, showBaseline: false })))))));
|
|
19
27
|
//# sourceMappingURL=summary.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"summary.js","sourceRoot":"","sources":["../../../src/components/summary/summary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,OAAO,
|
|
1
|
+
{"version":3,"file":"summary.js","sourceRoot":"","sources":["../../../src/components/summary/summary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,OAAO,EACL,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAsB,MAAM,oBAAoB,CAAC;AACvE,OAAO,GAAG,MAAM,sBAAsB,CAAC;AAEvC,MAAM,sBAAsB,GAAG;IAC7B,GAAG,sBAAsB;IACzB,GAAG,uBAAuB;IAC1B,GAAG,wBAAwB;CAC5B,CAAC;AAYF,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,sBAAsB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC3D,MAAM,UAAU,GAAG,GAAG,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;IAEpE,OAAO,CACL,oBAAC,GAAG,IACF,GAAG,EAAE,QAAQ,EACb,OAAO,QACP,YAAY,QACZ,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,qBAAqB,KACrB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,EACvB,SAAS,EAAE,SAAS;QAEpB,oBAAC,aAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,QAAQ,EAAE,UAAU,CAAC,QAAQ,EAC7B,SAAS,EAAE,SAAS,KAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,CAAA,EAChD,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GAChB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAeF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,KAAK,EACf,oBAAoB,GAAG,IAAI,EAC3B,uBAAuB,GAAG,IAAI,EAC9B,eAAe,GAAG,aAAa,GACY,EAAE,EAAE,CAAC,CAChD,oBAAC,GAAG,IAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACrC,6BAAK,SAAS,EAAE,GAAG,CAAC,OAAO;QACzB,6BAAK,SAAS,EAAE,GAAG,CAAC,KAAK,IACtB,uBAAuB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACzC,oBAAC,WAAW,IACV,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,GAAG,CAAC,IAAI,EACnB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,eAAe,EAC3B,SAAS,EAAE,oBAAoB,EAC/B,YAAY,EAAE,uBAAuB,GACrC,CACH,CAAC,CACE,CACF;IACN,6BAAK,SAAS,EAAE,GAAG,CAAC,OAAO;QACzB,6BAAK,SAAS,EAAE,GAAG,CAAC,KAAK,IACtB,sBAAsB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACxC,oBAAC,WAAW,IACV,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,EACtC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,eAAe,EAC3B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,oBAAoB,EAC/B,YAAY,EAAE,KAAK,GACnB,CACH,CAAC,CACE,CACF,CACF,CACP,CAAC"}
|
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
width: 100%;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
+
.wrapper {
|
|
7
|
+
width: 100%;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.wrapper + .wrapper {
|
|
11
|
+
margin-top: var(--summary-gap);
|
|
12
|
+
}
|
|
13
|
+
|
|
6
14
|
.items {
|
|
7
15
|
display: flex;
|
|
8
16
|
flex-wrap: wrap;
|
|
@@ -14,10 +22,14 @@
|
|
|
14
22
|
.item {
|
|
15
23
|
margin: var(--summary-gap) 0 0 var(--summary-gap);
|
|
16
24
|
flex: 1 0 10%; /* force equal sizes */
|
|
17
|
-
min-width:
|
|
25
|
+
min-width: 12em;
|
|
18
26
|
text-decoration: none;
|
|
19
27
|
}
|
|
20
28
|
|
|
29
|
+
.itemSmall {
|
|
30
|
+
min-width: 8em;
|
|
31
|
+
}
|
|
32
|
+
|
|
21
33
|
.readMoreLink {
|
|
22
34
|
appearance: none;
|
|
23
35
|
background: none;
|
|
@@ -29,20 +29,19 @@
|
|
|
29
29
|
/*
|
|
30
30
|
* Color scheme:
|
|
31
31
|
* https://coolors.co/287acc-da444e-55b950-f6e179-192339
|
|
32
|
-
* http://mcg.mbitson.com/#!?mcgpalette0=%23da444e&mcgpalette1=%2355b950&mcgpalette2=%
|
|
32
|
+
* http://mcg.mbitson.com/#!?mcgpalette0=%23da444e&mcgpalette1=%2355b950&mcgpalette2=%23f3d966&mcgpalette3=%23353138&mcgpalette4=%23287acc&themename=mcgtheme
|
|
33
|
+
* https://hihayk.github.io/scale/#4/5/50/90/-51/0/0/14/353138/53/49/56/white
|
|
33
34
|
*/
|
|
34
|
-
--color-gray-25: #
|
|
35
|
-
--color-gray-50: #
|
|
36
|
-
--color-gray-
|
|
37
|
-
--color-gray-
|
|
38
|
-
--color-gray-
|
|
39
|
-
--color-gray-
|
|
40
|
-
--color-gray-
|
|
41
|
-
--color-gray-
|
|
42
|
-
--color-gray-
|
|
43
|
-
--color-gray-
|
|
44
|
-
--color-gray-900: #303540;
|
|
45
|
-
|
|
35
|
+
--color-gray-25: #f9f9fa;
|
|
36
|
+
--color-gray-50: #e8e8e9;
|
|
37
|
+
--color-gray-200: #a2a0a4;
|
|
38
|
+
--color-gray-300: #7e7b80;
|
|
39
|
+
--color-gray-400: #59565c;
|
|
40
|
+
--color-gray-500: #353138;
|
|
41
|
+
--color-gray-600: #302b31;
|
|
42
|
+
--color-gray-700: #2a252a;
|
|
43
|
+
--color-gray-800: #231e22;
|
|
44
|
+
--color-gray-900: #1c181b;
|
|
46
45
|
|
|
47
46
|
--color-gray-ultra-light: var(--color-gray-200);
|
|
48
47
|
--color-gray-light: var(--color-gray-300);
|
|
@@ -103,17 +102,17 @@
|
|
|
103
102
|
--color-green-dark: var(--color-green-700);
|
|
104
103
|
--color-green-ultra-dark: var(--color-green-900);
|
|
105
104
|
|
|
106
|
-
--color-yellow-25: #
|
|
107
|
-
--color-yellow-50: #
|
|
108
|
-
--color-yellow-100: #
|
|
109
|
-
--color-yellow-200: #
|
|
110
|
-
--color-yellow-300: #
|
|
111
|
-
--color-yellow-400: #
|
|
112
|
-
--color-yellow-500: #
|
|
113
|
-
--color-yellow-600: #
|
|
114
|
-
--color-yellow-700: #
|
|
115
|
-
--color-yellow-800: #
|
|
116
|
-
--color-yellow-900: #
|
|
105
|
+
--color-yellow-25: #fffdf2;
|
|
106
|
+
--color-yellow-50: #fefaed;
|
|
107
|
+
--color-yellow-100: #fbf4d1;
|
|
108
|
+
--color-yellow-200: #f9ecb3;
|
|
109
|
+
--color-yellow-300: #f7e494;
|
|
110
|
+
--color-yellow-400: #f5df7d;
|
|
111
|
+
--color-yellow-500: #f3d966;
|
|
112
|
+
--color-yellow-600: #f1d55e;
|
|
113
|
+
--color-yellow-700: #efcf53;
|
|
114
|
+
--color-yellow-800: #edca49;
|
|
115
|
+
--color-yellow-900: #eac038;
|
|
117
116
|
|
|
118
117
|
--color-yellow-light-background: var(--color-yellow-25);
|
|
119
118
|
--color-yellow-ultra-light: var(--color-yellow-100);
|
|
@@ -196,7 +195,7 @@
|
|
|
196
195
|
--outline-hover: 0 0 0 3px var(--color-highlight);
|
|
197
196
|
|
|
198
197
|
/** Layout */
|
|
199
|
-
--max-width:
|
|
198
|
+
--max-width: 94rem;
|
|
200
199
|
--entry-info-width: 640px;
|
|
201
200
|
--entry-info-top: var(--header-height);
|
|
202
201
|
}
|
|
@@ -28,20 +28,43 @@
|
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
.filterOnlyButton {
|
|
31
|
-
padding: var(--space-xxxsmall);
|
|
31
|
+
padding: calc(var(--space-xxxsmall) / 2 - 1px) var(--space-xxxsmall);
|
|
32
32
|
display: none;
|
|
33
33
|
appearance: none;
|
|
34
34
|
border: none;
|
|
35
|
-
|
|
35
|
+
border-radius: var(--radius-small);
|
|
36
36
|
cursor: pointer;
|
|
37
37
|
position: absolute;
|
|
38
|
-
right:
|
|
39
|
-
top:
|
|
40
|
-
bottom:
|
|
38
|
+
right: 1px;
|
|
39
|
+
top: 1px;
|
|
40
|
+
bottom: 1px;
|
|
41
|
+
transition: var(--transition-in);
|
|
42
|
+
background: var(--color-info);
|
|
43
|
+
color: var(--color-background);
|
|
41
44
|
font-size: var(--size-small);
|
|
42
45
|
line-height: var(--space-xsmall);
|
|
43
46
|
}
|
|
44
47
|
|
|
48
|
+
.filterOnlyButton:hover,
|
|
49
|
+
.filterOnlyButton:active,
|
|
50
|
+
.filterOnlyButton:focus {
|
|
51
|
+
transition: var(--transition-out);
|
|
52
|
+
background: var(--color-info-dark);
|
|
53
|
+
color: var(--color-background);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
/** cover item text */
|
|
57
|
+
.filterOnlyButton::before {
|
|
58
|
+
content: ' ';
|
|
59
|
+
display: block;
|
|
60
|
+
position: absolute;
|
|
61
|
+
top: 0;
|
|
62
|
+
right: 100%;
|
|
63
|
+
bottom: 0;
|
|
64
|
+
width: var(--space-medium);
|
|
65
|
+
background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--color-highlight) 75%);
|
|
66
|
+
}
|
|
67
|
+
|
|
45
68
|
/** filter disabled state */
|
|
46
69
|
.filterInput[disabled] + .filterLabel {
|
|
47
70
|
color: var(--color-text-light);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bundle-stats/ui",
|
|
3
|
-
"version": "4.5.3-alpha.
|
|
3
|
+
"version": "4.5.3-alpha.3",
|
|
4
4
|
"description": "UI components for BundleStats projects.",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib-esm/index.js",
|
|
@@ -13,11 +13,11 @@
|
|
|
13
13
|
"prebuild-esm": "npx rimraf ./lib-esm ./types",
|
|
14
14
|
"build-esm": "../../node_modules/.bin/tsc --rootDir ./src --project tsconfig.esm.json --outDir ./lib-esm",
|
|
15
15
|
"build-assets-esm": "rsync -arm --include '*/' --include '*.json' --include '*.css' --include 'icons.svg' --exclude '*' src/ lib-esm",
|
|
16
|
-
"build-storybook": "
|
|
16
|
+
"build-storybook": "storybook build -c ./build/storybook",
|
|
17
17
|
"generate-chart-colors": "node scripts/generate-chart-colors.js",
|
|
18
18
|
"generate-svg-sprite": "npx svg-sprite -s --si --no-svg-namespace-classnames src/assets/icons/*.svg && mv symbol/svg/sprite.symbol.svg src/assets/icons.svg",
|
|
19
19
|
"lint": "../../node_modules/.bin/eslint . --resolve-plugins-relative-to ../../",
|
|
20
|
-
"start": "cross-env NODE_ENV=development
|
|
20
|
+
"start": "cross-env NODE_ENV=development storybook dev -c ./build/storybook -p 8080",
|
|
21
21
|
"test": "jest src --passWithNoTests"
|
|
22
22
|
},
|
|
23
23
|
"repository": {
|
|
@@ -38,32 +38,28 @@
|
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@babel/preset-env": "7.22.9",
|
|
40
40
|
"@babel/preset-react": "7.22.5",
|
|
41
|
-
"@
|
|
42
|
-
"@storybook/addon-
|
|
43
|
-
"@storybook/
|
|
44
|
-
"@storybook/
|
|
45
|
-
"@storybook/
|
|
46
|
-
"@
|
|
47
|
-
"@storybook/react": "6.5.16",
|
|
48
|
-
"@types/react": "18.0.37",
|
|
41
|
+
"@babel/preset-typescript": "7.22.5",
|
|
42
|
+
"@storybook/addon-essentials": "7.2.1",
|
|
43
|
+
"@storybook/preset-scss": "^1.0.3",
|
|
44
|
+
"@storybook/react": "7.2.1",
|
|
45
|
+
"@storybook/react-webpack5": "7.2.1",
|
|
46
|
+
"@types/react": "17.0.62",
|
|
49
47
|
"babel-plugin-require-context-hook": "1.0.0",
|
|
50
48
|
"classnames": "2.3.2",
|
|
51
49
|
"colormap": "2.3.2",
|
|
52
50
|
"cross-env": "7.0.3",
|
|
53
51
|
"hex-rgb": "5.0.0",
|
|
54
52
|
"identity-obj-proxy": "3.0.0",
|
|
55
|
-
"jest": "29.6.
|
|
53
|
+
"jest": "29.6.2",
|
|
56
54
|
"jest-date-mock": "1.0.8",
|
|
57
|
-
"jest-environment-jsdom": "29.6.
|
|
55
|
+
"jest-environment-jsdom": "29.6.2",
|
|
58
56
|
"lodash": "4.17.21",
|
|
59
|
-
"postcss": "8.4.27",
|
|
60
57
|
"prop-types": "15.8.1",
|
|
61
58
|
"react": "17.0.2",
|
|
62
|
-
"react-
|
|
63
|
-
"react-dom": "17.0.2",
|
|
59
|
+
"react-dom": "18.2.0",
|
|
64
60
|
"react-router-dom": "5.3.4",
|
|
65
|
-
"react-test-renderer": "17.0.2",
|
|
66
61
|
"rimraf": "5.0.1",
|
|
62
|
+
"storybook": "7.2.1",
|
|
67
63
|
"typescript": "5.1.6",
|
|
68
64
|
"typescript-plugin-css-modules": "5.0.1"
|
|
69
65
|
},
|
|
@@ -76,11 +72,11 @@
|
|
|
76
72
|
"react-router-dom": "^5.0.0"
|
|
77
73
|
},
|
|
78
74
|
"dependencies": {
|
|
79
|
-
"@bundle-stats/utils": "^4.5.3-alpha.
|
|
75
|
+
"@bundle-stats/utils": "^4.5.3-alpha.3",
|
|
80
76
|
"ariakit": "2.0.0-next.44",
|
|
81
77
|
"modern-css-reset": "1.4.0",
|
|
82
78
|
"query-string": "7.1.3",
|
|
83
79
|
"use-query-params": "2.2.1"
|
|
84
80
|
},
|
|
85
|
-
"gitHead": "
|
|
81
|
+
"gitHead": "e6c4133b85498ae82fcf2ec0b36e5475a2607c91"
|
|
86
82
|
}
|
package/src/app/app.jsx
CHANGED
|
@@ -4,16 +4,9 @@ import isEmpty from 'lodash/isEmpty';
|
|
|
4
4
|
import { HashRouter, NavLink, Route, Switch, useLocation } from 'react-router-dom';
|
|
5
5
|
import { COMPONENT } from '@bundle-stats/utils';
|
|
6
6
|
|
|
7
|
-
import {
|
|
8
|
-
METRICS_WEBPACK_ASSETS,
|
|
9
|
-
METRICS_WEBPACK_GENERAL,
|
|
10
|
-
METRICS_WEBPACK_MODULES,
|
|
11
|
-
METRICS_WEBPACK_PACKAGES,
|
|
12
|
-
URLS,
|
|
13
|
-
} from '../constants';
|
|
7
|
+
import { URLS } from '../constants';
|
|
14
8
|
import { Box } from '../layout/box';
|
|
15
9
|
import { Container } from '../ui/container';
|
|
16
|
-
import { Summary } from '../components/summary';
|
|
17
10
|
import { BundleAssets } from '../components/bundle-assets';
|
|
18
11
|
import { BundleAssetsTotalsChartBars } from '../components/bundle-assets-totals-chart-bars';
|
|
19
12
|
import { Tabs } from '../ui/tabs';
|
|
@@ -23,6 +16,7 @@ import { BundleAssetsTotalsTable } from '../components/bundle-assets-totals-tabl
|
|
|
23
16
|
import { BundleModules } from '../components/bundle-modules';
|
|
24
17
|
import { BundlePackages } from '../components/bundle-packages';
|
|
25
18
|
import { Insights } from '../components/insights';
|
|
19
|
+
import { Summary } from '../components/summary';
|
|
26
20
|
import { TotalSizeTypeTitle } from '../components/total-size-type-title';
|
|
27
21
|
import { QueryStateProvider, useComponentQueryState } from '../query-state';
|
|
28
22
|
import I18N from '../i18n';
|
|
@@ -120,17 +114,9 @@ const AssetsContent = () => {
|
|
|
120
114
|
|
|
121
115
|
return (
|
|
122
116
|
<Container>
|
|
123
|
-
<Stack space="medium">
|
|
124
|
-
<Summary
|
|
125
|
-
keys={METRICS_WEBPACK_ASSETS}
|
|
126
|
-
data={jobs?.[0]?.summary}
|
|
127
|
-
showSummaryItemDelta={jobs?.length !== 1}
|
|
128
|
-
showSummaryItemBaseline={jobs?.length !== 1}
|
|
129
|
-
/>
|
|
130
117
|
<Box outline>
|
|
131
118
|
<BundleAssets jobs={jobs} setState={bundleStatsSetState} {...bundleStatsState} />
|
|
132
119
|
</Box>
|
|
133
|
-
</Stack>
|
|
134
120
|
</Container>
|
|
135
121
|
);
|
|
136
122
|
};
|
|
@@ -143,17 +129,9 @@ const ModulesContent = () => {
|
|
|
143
129
|
|
|
144
130
|
return (
|
|
145
131
|
<Container>
|
|
146
|
-
<Stack space="medium">
|
|
147
|
-
<Summary
|
|
148
|
-
keys={METRICS_WEBPACK_MODULES}
|
|
149
|
-
data={jobs?.[0]?.summary}
|
|
150
|
-
showSummaryItemDelta={jobs?.length !== 1}
|
|
151
|
-
showSummaryItemBaseline={jobs?.length !== 1}
|
|
152
|
-
/>
|
|
153
132
|
<Box outline>
|
|
154
133
|
<BundleModules jobs={jobs} setState={bundleModulesSetState} {...bundleModulesState} />
|
|
155
134
|
</Box>
|
|
156
|
-
</Stack>
|
|
157
135
|
</Container>
|
|
158
136
|
);
|
|
159
137
|
};
|
|
@@ -166,17 +144,9 @@ const PackagesContent = () => {
|
|
|
166
144
|
|
|
167
145
|
return (
|
|
168
146
|
<Container>
|
|
169
|
-
<Stack space="medium">
|
|
170
|
-
<Summary
|
|
171
|
-
keys={METRICS_WEBPACK_PACKAGES}
|
|
172
|
-
data={jobs?.[0]?.summary}
|
|
173
|
-
showSummaryItemDelta={jobs?.length !== 1}
|
|
174
|
-
showSummaryItemBaseline={jobs?.length !== 1}
|
|
175
|
-
/>
|
|
176
147
|
<Box outline>
|
|
177
148
|
<BundlePackages jobs={jobs} {...bundlePackagesState} setState={bundlePackagesSetState} />
|
|
178
149
|
</Box>
|
|
179
|
-
</Stack>
|
|
180
150
|
</Container>
|
|
181
151
|
);
|
|
182
152
|
};
|
|
@@ -197,8 +167,6 @@ const AppComponent = ({ version, jobs }) => {
|
|
|
197
167
|
<Layout jobs={jobs} version={version}>
|
|
198
168
|
<Container className={css.summaryContainer}>
|
|
199
169
|
<Summary
|
|
200
|
-
size="large"
|
|
201
|
-
keys={METRICS_WEBPACK_GENERAL}
|
|
202
170
|
data={jobs[0].summary}
|
|
203
171
|
showSummaryItemDelta={jobs.length !== 1}
|
|
204
172
|
showSummaryItemBaseline={jobs?.length !== 1}
|
|
@@ -75,7 +75,7 @@ export const MetricRunInfo = (props: MetricRunInfoProps & React.ComponentProps<'
|
|
|
75
75
|
{...(showBaseline && {
|
|
76
76
|
baseline: metric.formatter(baseline),
|
|
77
77
|
})}
|
|
78
|
-
{...(showDelta &&
|
|
78
|
+
{...(showDelta && {
|
|
79
79
|
delta: metricRunInfo.displayDeltaPercentage,
|
|
80
80
|
deltaType: metricRunInfo.deltaType,
|
|
81
81
|
})}
|
|
@@ -86,7 +86,7 @@ const ColumnSum = ({ rows, isBaseline, runIndex, updateSort, sort }) => {
|
|
|
86
86
|
<Delta displayValue={infoTotal.displayDelta} deltaType={infoTotal.deltaType} />
|
|
87
87
|
)}
|
|
88
88
|
</Table.Th>
|
|
89
|
-
<Table.Th className={cx(styles.delta, styles.sum)}>
|
|
89
|
+
<Table.Th className={cx(styles.delta, styles.deltaPercentage, styles.sum)}>
|
|
90
90
|
{(updateSort && sort) ? (
|
|
91
91
|
<SortButton
|
|
92
92
|
fieldPath={fieldPath}
|