@bundle-stats/ui 4.5.3-alpha.2 → 4.5.3-alpha.4
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 +25 -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 +25 -25
- package/lib-esm/ui/dropdown/dropdown.module.css +4 -0
- package/lib-esm/ui/filters/filters.module.css +28 -5
- package/package.json +16 -20
- 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 +25 -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/.babelrc.js
CHANGED
|
@@ -11,6 +11,7 @@ module.exports = {
|
|
|
11
11
|
},
|
|
12
12
|
],
|
|
13
13
|
'@babel/preset-react',
|
|
14
|
+
'@babel/preset-typescript',
|
|
14
15
|
],
|
|
15
16
|
env: {
|
|
16
17
|
test: {
|
|
@@ -26,6 +27,7 @@ module.exports = {
|
|
|
26
27
|
},
|
|
27
28
|
],
|
|
28
29
|
'@babel/preset-react',
|
|
30
|
+
'@babel/preset-typescript',
|
|
29
31
|
],
|
|
30
32
|
plugins: ['require-context-hook'],
|
|
31
33
|
},
|
package/README.md
CHANGED
|
@@ -4,19 +4,19 @@ UI components for [bundle-stats](https://github.com/relative-ci/bundle-stats)
|
|
|
4
4
|
|
|
5
5
|
## Related projects
|
|
6
6
|
|
|
7
|
-
### :cyclone: [relative-ci.com](https://relative-ci.com?utm_medium=bundle-stats)
|
|
7
|
+
### :cyclone: [relative-ci.com](https://relative-ci.com?utm_medium=bundle-stats-ui)
|
|
8
8
|
|
|
9
|
-
####
|
|
9
|
+
#### Optimize your web app's performance with automated bundle stats analysis and monitoring.
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
- :crystal_ball: In-depth bundle stats analysis for every build
|
|
12
|
+
- :chart_with_upwards_trend: Monitor bundle stats changes and identify opportunities for optimizations
|
|
13
|
+
- :bell: [Rule based automated review flow](https://relative-ci.com/documentation/setup/configure/integrations/github-commit-status-review?utm_medium=bundle-stats-ui), or get notified via [GitHub Pull Request comments](https://relative-ci.com/documentation/setup/configure/integrations/github-pull-request-comment?utm_medium=bundle-stats-ui), [GitHub check reports](https://relative-ci.com/documentation/setup/configure/integrations/github-check-report?utm_medium=bundle-stats-ui) and [Slack messages](https://relative-ci.com/documentation/setup/configure/integrations/slack-notification?utm_medium=bundle-stats-ui)
|
|
14
|
+
- :wrench: Support for **webpack** and beta support for **Vite**/**Rollup**
|
|
15
|
+
- :hammer: Support for all major CI services(CircleCI, GitHub Actions, Gitlab CI, Jenkins, Travis CI)
|
|
16
|
+
- :nut_and_bolt: Support for **npm**, **yarn** and **pnpm**; support for monorepos
|
|
17
|
+
- :two_hearts: **Always free** for **Open Source**
|
|
12
18
|
|
|
13
|
-
|
|
14
|
-
- :chart_with_upwards_trend: Monitor webpack bundle stats changes and identify tendencies over extended periods
|
|
15
|
-
- :bell: Get notified via GitHub Checks, GitHub Pull Request comments, and Slack notifications
|
|
16
|
-
- :hammer: Support for all major CI services (CircleCI, GitHub Actions, Gitlab CI, Jenkins, Travis CI)
|
|
17
|
-
- :two_hearts: Always free for Open Source
|
|
18
|
-
|
|
19
|
-
[Try for free](https://relative-ci.com?utm_medium=bundle-stats)
|
|
19
|
+
[:rocket: Get started](https://relative-ci.com?utm_medium=bundle-stats-ui)
|
|
20
20
|
|
|
21
21
|
### :first_quarter_moon: [relative-ci/compare](https://compare.relative-ci.com)
|
|
22
22
|
|
package/lib/app/app.js
CHANGED
|
@@ -35,7 +35,6 @@ const utils_1 = require("@bundle-stats/utils");
|
|
|
35
35
|
const constants_1 = require("../constants");
|
|
36
36
|
const box_1 = require("../layout/box");
|
|
37
37
|
const container_1 = require("../ui/container");
|
|
38
|
-
const summary_1 = require("../components/summary");
|
|
39
38
|
const bundle_assets_1 = require("../components/bundle-assets");
|
|
40
39
|
const bundle_assets_totals_chart_bars_1 = require("../components/bundle-assets-totals-chart-bars");
|
|
41
40
|
const tabs_1 = require("../ui/tabs");
|
|
@@ -45,6 +44,7 @@ const bundle_assets_totals_table_1 = require("../components/bundle-assets-totals
|
|
|
45
44
|
const bundle_modules_1 = require("../components/bundle-modules");
|
|
46
45
|
const bundle_packages_1 = require("../components/bundle-packages");
|
|
47
46
|
const insights_1 = require("../components/insights");
|
|
47
|
+
const summary_1 = require("../components/summary");
|
|
48
48
|
const total_size_type_title_1 = require("../components/total-size-type-title");
|
|
49
49
|
const query_state_1 = require("../query-state");
|
|
50
50
|
const i18n_1 = __importDefault(require("../i18n"));
|
|
@@ -110,28 +110,22 @@ const AssetsContent = () => {
|
|
|
110
110
|
const [bundleStatsState, bundleStatsSetState] = (0, query_state_1.useComponentQueryState)(utils_1.COMPONENT.BUNDLE_ASSETS);
|
|
111
111
|
const { jobs } = (0, react_1.useContext)(JobsContext);
|
|
112
112
|
return (react_1.default.createElement(container_1.Container, null,
|
|
113
|
-
react_1.default.createElement(
|
|
114
|
-
react_1.default.createElement(
|
|
115
|
-
react_1.default.createElement(box_1.Box, { outline: true },
|
|
116
|
-
react_1.default.createElement(bundle_assets_1.BundleAssets, { jobs: jobs, setState: bundleStatsSetState, ...bundleStatsState })))));
|
|
113
|
+
react_1.default.createElement(box_1.Box, { outline: true },
|
|
114
|
+
react_1.default.createElement(bundle_assets_1.BundleAssets, { jobs: jobs, setState: bundleStatsSetState, ...bundleStatsState }))));
|
|
117
115
|
};
|
|
118
116
|
const ModulesContent = () => {
|
|
119
117
|
const [bundleModulesState, bundleModulesSetState] = (0, query_state_1.useComponentQueryState)(utils_1.COMPONENT.BUNDLE_MODULES);
|
|
120
118
|
const { jobs } = (0, react_1.useContext)(JobsContext);
|
|
121
119
|
return (react_1.default.createElement(container_1.Container, null,
|
|
122
|
-
react_1.default.createElement(
|
|
123
|
-
react_1.default.createElement(
|
|
124
|
-
react_1.default.createElement(box_1.Box, { outline: true },
|
|
125
|
-
react_1.default.createElement(bundle_modules_1.BundleModules, { jobs: jobs, setState: bundleModulesSetState, ...bundleModulesState })))));
|
|
120
|
+
react_1.default.createElement(box_1.Box, { outline: true },
|
|
121
|
+
react_1.default.createElement(bundle_modules_1.BundleModules, { jobs: jobs, setState: bundleModulesSetState, ...bundleModulesState }))));
|
|
126
122
|
};
|
|
127
123
|
const PackagesContent = () => {
|
|
128
124
|
const [bundlePackagesState, bundlePackagesSetState] = (0, query_state_1.useComponentQueryState)(utils_1.COMPONENT.BUNDLE_PACKAGES);
|
|
129
125
|
const { jobs } = (0, react_1.useContext)(JobsContext);
|
|
130
126
|
return (react_1.default.createElement(container_1.Container, null,
|
|
131
|
-
react_1.default.createElement(
|
|
132
|
-
react_1.default.createElement(
|
|
133
|
-
react_1.default.createElement(box_1.Box, { outline: true },
|
|
134
|
-
react_1.default.createElement(bundle_packages_1.BundlePackages, { jobs: jobs, ...bundlePackagesState, setState: bundlePackagesSetState })))));
|
|
127
|
+
react_1.default.createElement(box_1.Box, { outline: true },
|
|
128
|
+
react_1.default.createElement(bundle_packages_1.BundlePackages, { jobs: jobs, ...bundlePackagesState, setState: bundlePackagesSetState }))));
|
|
135
129
|
};
|
|
136
130
|
const AppComponent = ({ version, jobs }) => {
|
|
137
131
|
if (jobs?.length === 0) {
|
|
@@ -142,7 +136,7 @@ const AppComponent = ({ version, jobs }) => {
|
|
|
142
136
|
return (react_1.default.createElement(JobsProvider, { jobs: jobs },
|
|
143
137
|
react_1.default.createElement(Layout, { jobs: jobs, version: version },
|
|
144
138
|
react_1.default.createElement(container_1.Container, { className: app_module_css_1.default.summaryContainer },
|
|
145
|
-
react_1.default.createElement(summary_1.Summary, {
|
|
139
|
+
react_1.default.createElement(summary_1.Summary, { data: jobs[0].summary, showSummaryItemDelta: jobs.length !== 1, showSummaryItemBaseline: jobs?.length !== 1 })),
|
|
146
140
|
react_1.default.createElement(container_1.Container, { className: app_module_css_1.default.tabsContainer },
|
|
147
141
|
react_1.default.createElement(tabs_1.Tabs, { className: app_module_css_1.default.tabs },
|
|
148
142
|
react_1.default.createElement(tabs_1.Tabs.Item, { as: react_router_dom_1.NavLink, exact: true, to: constants_1.URLS.OVERVIEW, activeClassName: app_module_css_1.default.tabActive }, i18n_1.default.OVERVIEW),
|
package/lib/app/app.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.js","sourceRoot":"","sources":["../../src/app/app.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8D;AAC9D,4DAAmC;AACnC,6DAAqC;AACrC,uDAAmF;AACnF,+CAAgD;AAEhD,
|
|
1
|
+
{"version":3,"file":"app.js","sourceRoot":"","sources":["../../src/app/app.jsx"],"names":[],"mappings":"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"}
|
|
@@ -55,7 +55,7 @@ const MetricRunInfo = (props) => {
|
|
|
55
55
|
}, [showMetricDescription, metric]);
|
|
56
56
|
return (react_1.default.createElement(run_info_1.RunInfo, { title: metric.label, titleHoverCard: titleHoverCard, enhance: true, current: metricRunInfo.displayValue, showBaseline: showBaseline, ...(showBaseline && {
|
|
57
57
|
baseline: metric.formatter(baseline),
|
|
58
|
-
}), ...(showDelta &&
|
|
58
|
+
}), ...(showDelta && {
|
|
59
59
|
delta: metricRunInfo.displayDeltaPercentage,
|
|
60
60
|
deltaType: metricRunInfo.deltaType,
|
|
61
61
|
}), ...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,+CAAoD;AACpD,+CAA4E;AAE5E,8CAA2C;AAC3C,0CAAoD;AACpD,8FAA+C;AAO/C,MAAM,eAAe,GAAG,CAAC,EAAE,WAAW,EAAE,GAAG,EAAmB,EAAE,EAAE;IAEhE,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,IAAI,GAAG,EAAE;YACP,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,UAAU;QACrB,yCAAI,WAAW,CAAK;QACnB,GAAG,IAAI,CACN;YACE,0CAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,oCAAG,CAAC,YAAY,gBAE1D,CACP,CACL,CACK,CACT,CAAC;AACJ,CAAC,CAAC;AAaK,MAAM,aAAa,GAAG,CAAC,KAAuD,EAAE,EAAE;IACvF,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,CAAC,EACZ,SAAS,GAAG,IAAI,EAChB,qBAAqB,GAAG,IAAI,EAC5B,YAAY,GAAG,IAAI,EACnB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,IAAA,2BAAmB,EAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,aAAa,GAAG,IAAA,wBAAgB,EAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAC;IAEvE,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAClC,IAAI,qBAAqB,EAAE;YACzB,OAAO,8BAAC,eAAe,IAAC,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,GAAI,CAAC;SAC9E;QAED,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,8BAAC,kBAAO,IACN,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,cAAc,EAAE,cAAc,EAC9B,OAAO,QACP,OAAO,EAAE,aAAa,CAAC,YAAY,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,+CAAoD;AACpD,+CAA4E;AAE5E,8CAA2C;AAC3C,0CAAoD;AACpD,8FAA+C;AAO/C,MAAM,eAAe,GAAG,CAAC,EAAE,WAAW,EAAE,GAAG,EAAmB,EAAE,EAAE;IAEhE,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,IAAI,GAAG,EAAE;YACP,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,UAAU;QACrB,yCAAI,WAAW,CAAK;QACnB,GAAG,IAAI,CACN;YACE,0CAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,oCAAG,CAAC,YAAY,gBAE1D,CACP,CACL,CACK,CACT,CAAC;AACJ,CAAC,CAAC;AAaK,MAAM,aAAa,GAAG,CAAC,KAAuD,EAAE,EAAE;IACvF,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,CAAC,EACZ,SAAS,GAAG,IAAI,EAChB,qBAAqB,GAAG,IAAI,EAC5B,YAAY,GAAG,IAAI,EACnB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,IAAA,2BAAmB,EAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,aAAa,GAAG,IAAA,wBAAgB,EAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAC;IAEvE,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAClC,IAAI,qBAAqB,EAAE;YACzB,OAAO,8BAAC,eAAe,IAAC,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,GAAI,CAAC;SAC9E;QAED,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,8BAAC,kBAAO,IACN,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,cAAc,EAAE,cAAc,EAC9B,OAAO,QACP,OAAO,EAAE,aAAa,CAAC,YAAY,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;AAvCW,QAAA,aAAa,iBAuCxB"}
|
|
@@ -45,7 +45,7 @@ const ColumnSum = ({ rows, isBaseline, runIndex, updateSort, sort }) => {
|
|
|
45
45
|
!isBaseline && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
46
46
|
react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_module_css_1.default.delta, metrics_table_module_css_1.default.sum) }, (updateSort && sort) ? (react_1.default.createElement(sort_button_1.SortButton, { fieldPath: fieldPath, fieldName: "delta", label: "absolute change", updateSort: updateSort, sort: sort },
|
|
47
47
|
react_1.default.createElement(delta_1.Delta, { displayValue: infoTotal.displayDelta, deltaType: infoTotal.deltaType }))) : (react_1.default.createElement(delta_1.Delta, { displayValue: infoTotal.displayDelta, deltaType: infoTotal.deltaType }))),
|
|
48
|
-
react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_module_css_1.default.delta, metrics_table_module_css_1.default.sum) }, (updateSort && sort) ? (react_1.default.createElement(sort_button_1.SortButton, { fieldPath: fieldPath, fieldName: "deltaPercentage", label: "absolute percentual change", updateSort: updateSort, sort: sort },
|
|
48
|
+
react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_module_css_1.default.delta, metrics_table_module_css_1.default.deltaPercentage, metrics_table_module_css_1.default.sum) }, (updateSort && sort) ? (react_1.default.createElement(sort_button_1.SortButton, { fieldPath: fieldPath, fieldName: "deltaPercentage", label: "absolute percentual change", updateSort: updateSort, sort: sort },
|
|
49
49
|
react_1.default.createElement(delta_1.Delta, { displayValue: infoTotal.displayDeltaPercentage, deltaType: infoTotal.deltaType }))) : (react_1.default.createElement(delta_1.Delta, { displayValue: infoTotal.displayDeltaPercentage, deltaType: infoTotal.deltaType })))))));
|
|
50
50
|
};
|
|
51
51
|
const Row = ({ item, renderRowHeader }) => (react_1.default.createElement(table_1.Table.Tr, { className: (0, classnames_1.default)(!item.changed && metrics_table_module_css_1.default.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 {
|
|
@@ -56,7 +56,7 @@ const RunInfo = ({ className = '', title = '', titleHoverCard = null, titleToolt
|
|
|
56
56
|
}, [current, enhance]);
|
|
57
57
|
return (react_1.default.createElement(Component, { className: rootClassName, ...restProps },
|
|
58
58
|
title && (react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center", as: "h3", className: run_info_module_css_1.default.title },
|
|
59
|
-
react_1.default.createElement("span",
|
|
59
|
+
react_1.default.createElement("span", { className: run_info_module_css_1.default.titleText }, title),
|
|
60
60
|
titleHoverCard && (react_1.default.createElement(hover_card_1.HoverCard, { label: react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.HELP }), className: (0, classnames_1.default)(run_info_module_css_1.default.titleIcon, run_info_module_css_1.default.titleHoverCardIcon) }, titleHoverCard)),
|
|
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 }))))),
|
|
@@ -65,7 +65,7 @@ const RunInfo = ({ className = '', title = '', titleHoverCard = null, titleToolt
|
|
|
65
65
|
deltaPercentage && (react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center" },
|
|
66
66
|
react_1.default.createElement(delta_1.Delta, { className: run_info_module_css_1.default.delta, displayValue: deltaPercentage, deltaType: deltaType }),
|
|
67
67
|
' / ')),
|
|
68
|
-
delta && react_1.default.createElement(delta_1.Delta, { className: run_info_module_css_1.default.delta, displayValue: delta, deltaType: deltaType })))),
|
|
68
|
+
delta && (react_1.default.createElement(delta_1.Delta, { className: run_info_module_css_1.default.delta, displayValue: delta, deltaType: deltaType }))))),
|
|
69
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 },
|
|
70
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) }),
|
|
71
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) })))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"run-info.js","sourceRoot":"","sources":["../../../src/components/run-info/run-info.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4DAA4B;AAE5B,wCAAqC;AACrC,oDAAgD;AAChD,8CAA2C;AAC3C,gDAA6C;AAC7C,wDAAoD;AACpD,8CAA2C;AAC3C,sCAAmC;AACnC,oCAAiC;AACjC,gFAAwC;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;AAoBK,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,IAAA,oBAAE,
|
|
1
|
+
{"version":3,"file":"run-info.js","sourceRoot":"","sources":["../../../src/components/run-info/run-info.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4DAA4B;AAE5B,wCAAqC;AACrC,oDAAgD;AAChD,8CAA2C;AAC3C,gDAA6C;AAC7C,wDAAoD;AACpD,8CAA2C;AAC3C,sCAAmC;AACnC,oCAAiC;AACjC,gFAAwC;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;AAoBK,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,IAAA,oBAAE,EACtB,6BAAG,CAAC,IAAI,EACR,SAAS,EACT,6BAAG,CAAC,IAAI,CAAC,EACT,CAAC,KAAK,IAAI,eAAe,CAAC,IAAI,6BAAG,CAAC,SAAS,CAC5C,CAAC;IAEF,MAAM,kBAAkB,GAA+B,IAAA,eAAO,EAAC,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,8BAAC,SAAS,IAAC,SAAS,EAAE,aAAa,KAAM,SAAS;QAC/C,KAAK,IAAI,CACR,8BAAC,sBAAS,IAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAE,6BAAG,CAAC,KAAK;YAC1E,wCAAM,SAAS,EAAE,6BAAG,CAAC,SAAS,IAAG,KAAK,CAAQ;YAC7C,cAAc,IAAI,CACjB,8BAAC,sBAAS,IACR,KAAK,EAAE,8BAAC,WAAI,IAAC,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,IAAI,GAAI,EACvC,SAAS,EAAE,IAAA,oBAAE,EAAC,6BAAG,CAAC,SAAS,EAAE,6BAAG,CAAC,kBAAkB,CAAC,IAEnD,cAAc,CACL,CACb;YACA,YAAY,IAAI,CACf,8BAAC,iBAAO,IAAC,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,IAAA,oBAAE,EAAC,6BAAG,CAAC,SAAS,EAAE,6BAAG,CAAC,gBAAgB,CAAC;gBAC9E,8BAAC,WAAI,IAAC,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,IAAI,GAAI,CACxB,CACX,CACS,CACb;QAEA,CAAC,OAAO,CAAC,CAAC,CAAC,CACV,8BAAC,aAAK,IAAC,SAAS,EAAE,6BAAG,CAAC,IAAI;YACxB,8BAAC,eAAM,IACL,SAAS,EAAE,6BAAG,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,8BAAC,sBAAS,IAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ;gBAC5C,eAAe,IAAI,CAClB,8BAAC,sBAAS,IAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ;oBAC7C,8BAAC,aAAK,IACJ,SAAS,EAAE,6BAAG,CAAC,KAAK,EACpB,YAAY,EAAE,eAAe,EAC7B,SAAS,EAAE,SAAS,GACpB;oBACD,KAAK,CACI,CACb;gBACA,KAAK,IAAI,CACR,8BAAC,aAAK,IAAC,SAAS,EAAE,6BAAG,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAI,CAC3E,CACS,CACb,CACM;YACR,YAAY,IAAI,8BAAC,eAAM,IAAC,SAAS,EAAE,6BAAG,CAAC,cAAc,EAAE,KAAK,EAAE,QAAQ,GAAI,CACrE,CACT,CAAC,CAAC,CAAC,CACF,8BAAC,aAAK,IAAC,SAAS,EAAE,6BAAG,CAAC,IAAI;YACxB,8BAAC,mBAAQ,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,6BAAG,CAAC,aAAa,EAAE,6BAAG,CAAC,OAAO,CAAC,GAAI;YACjE,YAAY,IAAI,8BAAC,mBAAQ,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,6BAAG,CAAC,cAAc,EAAE,6BAAG,CAAC,OAAO,CAAC,GAAI,CAC9E,CACT,CACS,CACb,CAAC;AACJ,CAAC,CAAC;AAzFW,QAAA,OAAO,WAyFlB"}
|
|
@@ -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: 0 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 {
|
|
@@ -13,6 +13,11 @@ const box_1 = require("../../layout/box");
|
|
|
13
13
|
const component_link_1 = require("../component-link");
|
|
14
14
|
const metric_run_info_1 = require("../metric-run-info");
|
|
15
15
|
const summary_module_css_1 = __importDefault(require("./summary.module.css"));
|
|
16
|
+
const METRICS_WEBPACK_OTHERS = [
|
|
17
|
+
...constants_1.METRICS_WEBPACK_ASSETS,
|
|
18
|
+
...constants_1.METRICS_WEBPACK_MODULES,
|
|
19
|
+
...constants_1.METRICS_WEBPACK_PACKAGES,
|
|
20
|
+
];
|
|
16
21
|
const SummaryItem = (props) => {
|
|
17
22
|
const { className = '', metricId, data, customLink: SummaryItemCustomLink, size, loading, showDelta, showBaseline, } = props;
|
|
18
23
|
const componentLink = utils_1.METRIC_COMPONENT_LINKS.get(metricId);
|
|
@@ -20,7 +25,10 @@ const SummaryItem = (props) => {
|
|
|
20
25
|
return (react_1.default.createElement(box_1.Box, { key: metricId, outline: true, outlineHover: true, padding: "small", as: SummaryItemCustomLink, ...componentLink?.link, className: className },
|
|
21
26
|
react_1.default.createElement(metric_run_info_1.MetricRunInfo, { metricId: metricId, current: metricData.current, baseline: metricData.baseline, showDelta: showDelta && componentLink?.showDelta, showBaseline: showBaseline, size: size, loading: loading })));
|
|
22
27
|
};
|
|
23
|
-
const Summary = ({ className = '',
|
|
24
|
-
react_1.default.createElement("div", { className: summary_module_css_1.default.
|
|
28
|
+
const Summary = ({ className = '', data = null, loading = false, showSummaryItemDelta = true, showSummaryItemBaseline = true, summaryItemLink = component_link_1.ComponentLink, }) => (react_1.default.createElement(box_1.Box, { className: (0, classnames_1.default)(summary_module_css_1.default.root, className) },
|
|
29
|
+
react_1.default.createElement("div", { className: summary_module_css_1.default.wrapper },
|
|
30
|
+
react_1.default.createElement("div", { className: summary_module_css_1.default.items }, constants_1.METRICS_WEBPACK_GENERAL.map((metricId) => (react_1.default.createElement(SummaryItem, { key: metricId, className: summary_module_css_1.default.item, metricId: metricId, data: data, loading: loading, customLink: summaryItemLink, showDelta: showSummaryItemDelta, showBaseline: showSummaryItemBaseline }))))),
|
|
31
|
+
react_1.default.createElement("div", { className: summary_module_css_1.default.wrapper },
|
|
32
|
+
react_1.default.createElement("div", { className: summary_module_css_1.default.items }, METRICS_WEBPACK_OTHERS.map((metricId) => (react_1.default.createElement(SummaryItem, { key: metricId, className: (0, classnames_1.default)(summary_module_css_1.default.item, summary_module_css_1.default.itemSmall), metricId: metricId, data: data, customLink: summaryItemLink, size: "small", loading: loading, showDelta: showSummaryItemDelta, showBaseline: false })))))));
|
|
25
33
|
exports.Summary = Summary;
|
|
26
34
|
//# sourceMappingURL=summary.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"summary.js","sourceRoot":"","sources":["../../../src/components/summary/summary.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAC5B,qDAA6B;AAC7B,+CAA6D;AAE7D,+
|
|
1
|
+
{"version":3,"file":"summary.js","sourceRoot":"","sources":["../../../src/components/summary/summary.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAC5B,qDAA6B;AAC7B,+CAA6D;AAE7D,+CAKyB;AACzB,0CAAuC;AACvC,sDAAkD;AAClD,wDAAuE;AACvE,8EAAuC;AAEvC,MAAM,sBAAsB,GAAG;IAC7B,GAAG,kCAAsB;IACzB,GAAG,mCAAuB;IAC1B,GAAG,oCAAwB;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,8BAAsB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC3D,MAAM,UAAU,GAAG,IAAA,aAAG,EAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;IAEpE,OAAO,CACL,8BAAC,SAAG,IACF,GAAG,EAAE,QAAQ,EACb,OAAO,QACP,YAAY,QACZ,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,qBAAqB,KACrB,aAAa,EAAE,IAAI,EACvB,SAAS,EAAE,SAAS;QAEpB,8BAAC,+BAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,QAAQ,EAAE,UAAU,CAAC,QAAQ,EAC7B,SAAS,EAAE,SAAS,IAAI,aAAa,EAAE,SAAS,EAChD,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GAChB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAeK,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,8BAAa,GACY,EAAE,EAAE,CAAC,CAChD,8BAAC,SAAG,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACrC,uCAAK,SAAS,EAAE,4BAAG,CAAC,OAAO;QACzB,uCAAK,SAAS,EAAE,4BAAG,CAAC,KAAK,IACtB,mCAAuB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACzC,8BAAC,WAAW,IACV,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,4BAAG,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,uCAAK,SAAS,EAAE,4BAAG,CAAC,OAAO;QACzB,uCAAK,SAAS,EAAE,4BAAG,CAAC,KAAK,IACtB,sBAAsB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACxC,8BAAC,WAAW,IACV,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,IAAI,EAAE,4BAAG,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;AA3CW,QAAA,OAAO,WA2ClB"}
|
|
@@ -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;
|
package/lib/css/variables.css
CHANGED
|
@@ -29,20 +29,20 @@
|
|
|
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-100: #
|
|
37
|
-
--color-gray-200: #
|
|
38
|
-
--color-gray-300: #
|
|
39
|
-
--color-gray-400: #
|
|
40
|
-
--color-gray-500: #
|
|
41
|
-
--color-gray-600: #
|
|
42
|
-
--color-gray-700: #
|
|
43
|
-
--color-gray-800: #
|
|
44
|
-
--color-gray-900: #
|
|
45
|
-
|
|
35
|
+
--color-gray-25: #f9f9fa;
|
|
36
|
+
--color-gray-50: #e8e8e9;
|
|
37
|
+
--color-gray-100: #c6c5c7;
|
|
38
|
+
--color-gray-200: #a2a0a4;
|
|
39
|
+
--color-gray-300: #7e7b80;
|
|
40
|
+
--color-gray-400: #59565c;
|
|
41
|
+
--color-gray-500: #353138;
|
|
42
|
+
--color-gray-600: #302b31;
|
|
43
|
+
--color-gray-700: #2a252a;
|
|
44
|
+
--color-gray-800: #231e22;
|
|
45
|
+
--color-gray-900: #1c181b;
|
|
46
46
|
|
|
47
47
|
--color-gray-ultra-light: var(--color-gray-200);
|
|
48
48
|
--color-gray-light: var(--color-gray-300);
|
|
@@ -103,17 +103,17 @@
|
|
|
103
103
|
--color-green-dark: var(--color-green-700);
|
|
104
104
|
--color-green-ultra-dark: var(--color-green-900);
|
|
105
105
|
|
|
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: #
|
|
106
|
+
--color-yellow-25: #fffdf2;
|
|
107
|
+
--color-yellow-50: #fefaed;
|
|
108
|
+
--color-yellow-100: #fbf4d1;
|
|
109
|
+
--color-yellow-200: #f9ecb3;
|
|
110
|
+
--color-yellow-300: #f7e494;
|
|
111
|
+
--color-yellow-400: #f5df7d;
|
|
112
|
+
--color-yellow-500: #f3d966;
|
|
113
|
+
--color-yellow-600: #f1d55e;
|
|
114
|
+
--color-yellow-700: #efcf53;
|
|
115
|
+
--color-yellow-800: #edca49;
|
|
116
|
+
--color-yellow-900: #eac038;
|
|
117
117
|
|
|
118
118
|
--color-yellow-light-background: var(--color-yellow-25);
|
|
119
119
|
--color-yellow-ultra-light: var(--color-yellow-100);
|
|
@@ -196,7 +196,7 @@
|
|
|
196
196
|
--outline-hover: 0 0 0 3px var(--color-highlight);
|
|
197
197
|
|
|
198
198
|
/** Layout */
|
|
199
|
-
--max-width:
|
|
199
|
+
--max-width: 94rem;
|
|
200
200
|
--entry-info-width: 640px;
|
|
201
201
|
--entry-info-top: var(--header-height);
|
|
202
202
|
}
|
|
@@ -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/lib-esm/app/app.js
CHANGED
|
@@ -3,10 +3,9 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
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
|
-
import {
|
|
6
|
+
import { URLS } from '../constants';
|
|
7
7
|
import { Box } from '../layout/box';
|
|
8
8
|
import { Container } from '../ui/container';
|
|
9
|
-
import { Summary } from '../components/summary';
|
|
10
9
|
import { BundleAssets } from '../components/bundle-assets';
|
|
11
10
|
import { BundleAssetsTotalsChartBars } from '../components/bundle-assets-totals-chart-bars';
|
|
12
11
|
import { Tabs } from '../ui/tabs';
|
|
@@ -16,6 +15,7 @@ import { BundleAssetsTotalsTable } from '../components/bundle-assets-totals-tabl
|
|
|
16
15
|
import { BundleModules } from '../components/bundle-modules';
|
|
17
16
|
import { BundlePackages } from '../components/bundle-packages';
|
|
18
17
|
import { Insights } from '../components/insights';
|
|
18
|
+
import { Summary } from '../components/summary';
|
|
19
19
|
import { TotalSizeTypeTitle } from '../components/total-size-type-title';
|
|
20
20
|
import { QueryStateProvider, useComponentQueryState } from '../query-state';
|
|
21
21
|
import I18N from '../i18n';
|
|
@@ -79,34 +79,25 @@ const OverviewContent = () => {
|
|
|
79
79
|
React.createElement(BundleAssetsTotalsTable, { jobs: jobs, outline: true })))));
|
|
80
80
|
};
|
|
81
81
|
const AssetsContent = () => {
|
|
82
|
-
var _a;
|
|
83
82
|
const [bundleStatsState, bundleStatsSetState] = useComponentQueryState(COMPONENT.BUNDLE_ASSETS);
|
|
84
83
|
const { jobs } = useContext(JobsContext);
|
|
85
84
|
return (React.createElement(Container, null,
|
|
86
|
-
React.createElement(
|
|
87
|
-
React.createElement(
|
|
88
|
-
React.createElement(Box, { outline: true },
|
|
89
|
-
React.createElement(BundleAssets, { jobs: jobs, setState: bundleStatsSetState, ...bundleStatsState })))));
|
|
85
|
+
React.createElement(Box, { outline: true },
|
|
86
|
+
React.createElement(BundleAssets, { jobs: jobs, setState: bundleStatsSetState, ...bundleStatsState }))));
|
|
90
87
|
};
|
|
91
88
|
const ModulesContent = () => {
|
|
92
|
-
var _a;
|
|
93
89
|
const [bundleModulesState, bundleModulesSetState] = useComponentQueryState(COMPONENT.BUNDLE_MODULES);
|
|
94
90
|
const { jobs } = useContext(JobsContext);
|
|
95
91
|
return (React.createElement(Container, null,
|
|
96
|
-
React.createElement(
|
|
97
|
-
React.createElement(
|
|
98
|
-
React.createElement(Box, { outline: true },
|
|
99
|
-
React.createElement(BundleModules, { jobs: jobs, setState: bundleModulesSetState, ...bundleModulesState })))));
|
|
92
|
+
React.createElement(Box, { outline: true },
|
|
93
|
+
React.createElement(BundleModules, { jobs: jobs, setState: bundleModulesSetState, ...bundleModulesState }))));
|
|
100
94
|
};
|
|
101
95
|
const PackagesContent = () => {
|
|
102
|
-
var _a;
|
|
103
96
|
const [bundlePackagesState, bundlePackagesSetState] = useComponentQueryState(COMPONENT.BUNDLE_PACKAGES);
|
|
104
97
|
const { jobs } = useContext(JobsContext);
|
|
105
98
|
return (React.createElement(Container, null,
|
|
106
|
-
React.createElement(
|
|
107
|
-
React.createElement(
|
|
108
|
-
React.createElement(Box, { outline: true },
|
|
109
|
-
React.createElement(BundlePackages, { jobs: jobs, ...bundlePackagesState, setState: bundlePackagesSetState })))));
|
|
99
|
+
React.createElement(Box, { outline: true },
|
|
100
|
+
React.createElement(BundlePackages, { jobs: jobs, ...bundlePackagesState, setState: bundlePackagesSetState }))));
|
|
110
101
|
};
|
|
111
102
|
const AppComponent = ({ version, jobs }) => {
|
|
112
103
|
if ((jobs === null || jobs === void 0 ? void 0 : jobs.length) === 0) {
|
|
@@ -117,7 +108,7 @@ const AppComponent = ({ version, jobs }) => {
|
|
|
117
108
|
return (React.createElement(JobsProvider, { jobs: jobs },
|
|
118
109
|
React.createElement(Layout, { jobs: jobs, version: version },
|
|
119
110
|
React.createElement(Container, { className: css.summaryContainer },
|
|
120
|
-
React.createElement(Summary, {
|
|
111
|
+
React.createElement(Summary, { data: jobs[0].summary, showSummaryItemDelta: jobs.length !== 1, showSummaryItemBaseline: (jobs === null || jobs === void 0 ? void 0 : jobs.length) !== 1 })),
|
|
121
112
|
React.createElement(Container, { className: css.tabsContainer },
|
|
122
113
|
React.createElement(Tabs, { className: css.tabs },
|
|
123
114
|
React.createElement(Tabs.Item, { as: NavLink, exact: true, to: URLS.OVERVIEW, activeClassName: css.tabActive }, I18N.OVERVIEW),
|