@bundle-stats/ui 4.22.2-beta.0 → 4.22.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/chart-colors.json +1 -1
- package/lib/components/asset-meta-tag/asset-meta-tag.module.css +10 -3
- package/lib/components/browsertime-table/browsertime-table.js +2 -2
- package/lib/components/browsertime-table/browsertime-table.js.map +1 -1
- package/lib/components/bundle-assets/bundle-assets.utils.js.map +1 -1
- package/lib/components/bundle-modules/bundle-modules.utils.js.map +1 -1
- package/lib/components/bundle-modules/index.js.map +1 -1
- package/lib/components/insight-icon/insight-icon.module.css +0 -1
- package/lib/components/lighthouse-table/lighthouse-table.js +2 -2
- package/lib/components/lighthouse-table/lighthouse-table.js.map +1 -1
- package/lib/components/metrics-table-export/metrics-table-export.js.map +1 -1
- package/lib/components/metrics-table-header/metrics-table-header.module.css +0 -1
- package/lib/components/metrics-treemap/metrics-treemap.module.css +2 -2
- package/lib/components/run-info/run-info.module.css +10 -4
- package/lib/config.json +1 -1
- package/lib/css/default.css +7 -2
- package/lib/css/variables.css +13 -5
- package/lib/hooks/rows-sort.js.map +1 -1
- package/lib/ui/button/button.module.css +0 -1
- package/lib/ui/dialog/dialog.module.css +4 -1
- package/lib/ui/file-name/file-name.js +1 -1
- package/lib/ui/file-name/file-name.js.map +1 -1
- package/lib/ui/filters/filters.utils.js.map +1 -1
- package/lib/ui/filters/index.js.map +1 -1
- package/lib/ui/table/table.module.css +1 -2
- package/lib/ui/textarea/textarea.module.css +1 -1
- package/lib/ui/toolbar/toolbar.module.css +4 -2
- package/lib-esm/chart-colors.json +1 -1
- package/lib-esm/components/asset-meta-tag/asset-meta-tag.module.css +10 -3
- package/lib-esm/components/browsertime-table/browsertime-table.js +2 -2
- package/lib-esm/components/browsertime-table/browsertime-table.js.map +1 -1
- package/lib-esm/components/bundle-assets/bundle-assets.utils.js.map +1 -1
- package/lib-esm/components/bundle-modules/bundle-modules.utils.js.map +1 -1
- package/lib-esm/components/bundle-modules/index.js.map +1 -1
- package/lib-esm/components/insight-icon/insight-icon.module.css +0 -1
- package/lib-esm/components/lighthouse-table/lighthouse-table.js +2 -2
- package/lib-esm/components/lighthouse-table/lighthouse-table.js.map +1 -1
- package/lib-esm/components/metrics-table-export/metrics-table-export.js.map +1 -1
- package/lib-esm/components/metrics-table-header/metrics-table-header.module.css +0 -1
- package/lib-esm/components/metrics-treemap/metrics-treemap.module.css +2 -2
- package/lib-esm/components/run-info/run-info.module.css +10 -4
- package/lib-esm/config.json +1 -1
- package/lib-esm/css/default.css +7 -2
- package/lib-esm/css/variables.css +13 -5
- package/lib-esm/hooks/rows-sort.js.map +1 -1
- package/lib-esm/ui/button/button.module.css +0 -1
- package/lib-esm/ui/dialog/dialog.module.css +4 -1
- package/lib-esm/ui/file-name/file-name.js +1 -1
- package/lib-esm/ui/file-name/file-name.js.map +1 -1
- package/lib-esm/ui/filters/filters.utils.js.map +1 -1
- package/lib-esm/ui/filters/index.js.map +1 -1
- package/lib-esm/ui/table/table.module.css +1 -2
- package/lib-esm/ui/textarea/textarea.module.css +1 -1
- package/lib-esm/ui/toolbar/toolbar.module.css +4 -2
- package/package.json +4 -4
- package/src/app/app-gladys.stories.tsx +2 -2
- package/src/app/app-home-assistant.stories.tsx +2 -2
- package/src/app/app-outline.stories.tsx +2 -2
- package/src/app/app-trans-masc-futures.stories.tsx +2 -2
- package/src/app/app.stories.tsx +2 -2
- package/src/chart-colors.json +1 -1
- package/src/components/asset-info/asset-info.stories.tsx +1 -1
- package/src/components/asset-meta-tag/asset-meta-tag.module.css +10 -3
- package/src/components/browsertime-table/browsertime-table.jsx +2 -11
- package/src/components/bundle-assets/bundle-assets.utils.ts +8 -8
- package/src/components/bundle-modules/bundle-modules.utils.ts +4 -8
- package/src/components/bundle-modules/index.tsx +18 -19
- package/src/components/entry-info/entry-info.stories.tsx +1 -1
- package/src/components/insight-icon/insight-icon.module.css +0 -1
- package/src/components/lighthouse-table/lighthouse-table.jsx +2 -11
- package/src/components/metrics-table-export/metrics-table-export.tsx +1 -1
- package/src/components/metrics-table-header/metrics-table-header.module.css +0 -1
- package/src/components/metrics-table-options/metrics-table-options.stories.tsx +1 -1
- package/src/components/metrics-treemap/metrics-treemap.module.css +2 -2
- package/src/components/metrics-treemap/metrics-treemap.stories.tsx +1 -1
- package/src/components/module-info/module-info.stories.tsx +1 -1
- package/src/components/run-info/run-info.module.css +10 -4
- package/src/config.json +1 -1
- package/src/css/default.css +7 -2
- package/src/css/variables.css +13 -5
- package/src/hooks/rows-sort.ts +5 -5
- package/src/types.d.ts +1 -1
- package/src/ui/button/button.module.css +0 -1
- package/src/ui/dialog/dialog.module.css +4 -1
- package/src/ui/file-name/file-name.jsx +2 -4
- package/src/ui/filters/filters.utils.ts +0 -1
- package/src/ui/filters/index.tsx +4 -5
- package/src/ui/table/table.module.css +1 -2
- package/src/ui/textarea/textarea.module.css +1 -1
- package/src/ui/toolbar/toolbar.module.css +4 -2
- package/src/utils/components.tsx +1 -1
- package/types/ui/file-name/file-name.d.ts +1 -1
|
@@ -62,18 +62,24 @@
|
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
/* Hover state */
|
|
65
|
-
.titleHoverCardIcon span[aria-controls=
|
|
66
|
-
.titleTooltipIcon[aria-controls=
|
|
65
|
+
.titleHoverCardIcon span[aria-controls=''],
|
|
66
|
+
.titleTooltipIcon[aria-controls=''] {
|
|
67
67
|
opacity: 0;
|
|
68
68
|
visibility: hidden;
|
|
69
|
-
transition:
|
|
69
|
+
transition:
|
|
70
|
+
opacity var(--transition-duration-out) ease-out,
|
|
71
|
+
color var(--transition-duration-out) ease-out,
|
|
72
|
+
visibility 0s;
|
|
70
73
|
}
|
|
71
74
|
|
|
72
75
|
.root:hover .titleHoverCardIcon span,
|
|
73
76
|
.root:hover .titleTooltipIcon {
|
|
74
77
|
opacity: 1;
|
|
75
78
|
visibility: visible;
|
|
76
|
-
transition:
|
|
79
|
+
transition:
|
|
80
|
+
opacity var(--transition-duration-in) ease-in,
|
|
81
|
+
color var(--transition-duration-in) ease-in,
|
|
82
|
+
visibility 0s;
|
|
77
83
|
}
|
|
78
84
|
|
|
79
85
|
/* Size variation */
|
package/lib-esm/config.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"appName": "RelativeCI",
|
|
3
3
|
"siteUrl": "https://relative-ci.com",
|
|
4
4
|
"gitHubUrl": "https://github.com/relative-ci/bundle-stats",
|
|
5
|
-
"documentation"
|
|
5
|
+
"documentation": {
|
|
6
6
|
"assets": "https://relative-ci.com/documentation/metrics-and-data#assets",
|
|
7
7
|
"modules": "https://relative-ci.com/documentation/metrics-and-data#modules",
|
|
8
8
|
"packages": "https://relative-ci.com/documentation/metrics-and-data#packages"
|
package/lib-esm/css/default.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@import url(
|
|
1
|
+
@import url('~modern-css-reset/dist/reset.css');
|
|
2
2
|
|
|
3
3
|
/** modern-css-reset updates */
|
|
4
4
|
pre,
|
|
@@ -19,7 +19,12 @@ body {
|
|
|
19
19
|
line-height: var(--line-height);
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
h1,
|
|
22
|
+
h1,
|
|
23
|
+
h2,
|
|
24
|
+
h3,
|
|
25
|
+
h4,
|
|
26
|
+
h5,
|
|
27
|
+
h6 {
|
|
23
28
|
color: var(--color-heading);
|
|
24
29
|
font-weight: 500;
|
|
25
30
|
line-height: var(--line-height-heading);
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
--font-family:
|
|
3
|
-
|
|
2
|
+
--font-family:
|
|
3
|
+
system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
|
|
4
|
+
Cantarell, 'Helvetica Neue', sans-serif;
|
|
5
|
+
--font-family-fixed:
|
|
6
|
+
SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
|
|
4
7
|
|
|
5
8
|
/* Spaces */
|
|
6
9
|
--space-xxxsmall: 4px;
|
|
@@ -128,9 +131,9 @@
|
|
|
128
131
|
--color-light: #fff;
|
|
129
132
|
|
|
130
133
|
/* Functional color variables */
|
|
131
|
-
--color-branding-light: #
|
|
134
|
+
--color-branding-light: #2b76d4;
|
|
132
135
|
--color-branding: #1a477f;
|
|
133
|
-
--color-branding-dark: #
|
|
136
|
+
--color-branding-dark: #09182a;
|
|
134
137
|
|
|
135
138
|
--color-text-ultra-light: var(--color-gray-ultra-light);
|
|
136
139
|
--color-text-light: var(--color-gray-light);
|
|
@@ -202,7 +205,12 @@
|
|
|
202
205
|
--radius-medium: 7px;
|
|
203
206
|
--radius-large: 9px;
|
|
204
207
|
|
|
205
|
-
--skeleton-inline-background: linear-gradient(
|
|
208
|
+
--skeleton-inline-background: linear-gradient(
|
|
209
|
+
transparent 10%,
|
|
210
|
+
currentColor 10.1%,
|
|
211
|
+
currentColor 89.9%,
|
|
212
|
+
transparent 90%
|
|
213
|
+
);
|
|
206
214
|
--skeleton-block-background: currentColor;
|
|
207
215
|
--skeleton-opacity: 0.06;
|
|
208
216
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rows-sort.js","sourceRoot":"","sources":["../../src/hooks/rows-sort.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,OAAO,MAAM,gBAAgB,CAAC;AAGrC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAKpC,MAAM,gBAAgB,GAAG,CAAC,cAAkC,EAA2B,EAAE;IACvF,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE,CAAC;QAC1C,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC;QAC7C,OAAO,cAAyC,CAAC;IACnD,CAAC;IAED,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GACpB,CAAO,SAAiB,EAAE,aAAuD,EAAE,EAAE,CACrF,CAAC,IAAU,EAAE,EAAE;IACb,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED,OAAO,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;AACnC,CAAC,CAAC;AAmBJ,MAAM,CAAC,MAAM,WAAW,GAAG,CAAO,EAChC,IAAI,EACJ,YAAY,GAAG,eAAe,EAC9B,gBAAgB,GAAG,MAAM,EACzB,aAAa,EACb,aAAa,GACW,EAAqB,EAAE;IAC/C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC;QAC/B,KAAK,EAAE,YAAY;QACnB,SAAS,EAAE,gBAAgB,CAAC,gBAAgB,CAAC;KAC9C,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,QAAoB,EAAE,EAAE;QAEvB,OAAO,CAAC,QAAQ,CAAC,CAAC;QAElB,aAAa,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC;IAC3E,CAAC,EACD,CAAC,aAAa,EAAE,OAAO,CAAC,CACzB,CAAC;IAEF,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CACH,OAAO,
|
|
1
|
+
{"version":3,"file":"rows-sort.js","sourceRoot":"","sources":["../../src/hooks/rows-sort.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,OAAO,MAAM,gBAAgB,CAAC;AAGrC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAKpC,MAAM,gBAAgB,GAAG,CAAC,cAAkC,EAA2B,EAAE;IACvF,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE,CAAC;QAC1C,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC;QAC7C,OAAO,cAAyC,CAAC;IACnD,CAAC;IAED,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GACpB,CAAO,SAAiB,EAAE,aAAuD,EAAE,EAAE,CACrF,CAAC,IAAU,EAAE,EAAE;IACb,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED,OAAO,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;AACnC,CAAC,CAAC;AAmBJ,MAAM,CAAC,MAAM,WAAW,GAAG,CAAO,EAChC,IAAI,EACJ,YAAY,GAAG,eAAe,EAC9B,gBAAgB,GAAG,MAAM,EACzB,aAAa,EACb,aAAa,GACW,EAAqB,EAAE;IAC/C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC;QAC/B,KAAK,EAAE,YAAY;QACnB,SAAS,EAAE,gBAAgB,CAAC,gBAAgB,CAAC;KAC9C,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,QAAoB,EAAE,EAAE;QAEvB,OAAO,CAAC,QAAQ,CAAC,CAAC;QAElB,aAAa,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC;IAC3E,CAAC,EACD,CAAC,aAAa,EAAE,OAAO,CAAC,CACzB,CAAC;IAEF,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CACH,OAAO,CACL,IAAI,EACJ,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,aAAa,CAAC,EAEpC,IAAI,CAAC,SAAS,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAE,IAAI,CAAC,GAAW,CAC3D,EACH,CAAC,IAAI,EAAE,IAAI,CAAC,CACb,CAAC;IAEF,OAAO;QACL,IAAI;QACJ,UAAU;QACV,KAAK,EAAE,WAAW;KACnB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -58,7 +58,10 @@
|
|
|
58
58
|
|
|
59
59
|
.content {
|
|
60
60
|
width: 100%;
|
|
61
|
-
max-height: calc(
|
|
61
|
+
max-height: calc(
|
|
62
|
+
100vh - 2 * var(--space-medium) - 2 * var(--dialog-padding) - var(--dialog-header-height) -
|
|
63
|
+
var(--dialog-vspace)
|
|
64
|
+
);
|
|
62
65
|
padding-bottom: 0.3em; /* extra space to compensate for the title line-height and allow to show focus state correctly on buttons */
|
|
63
66
|
overflow: auto;
|
|
64
67
|
}
|
|
@@ -11,6 +11,6 @@ FileName.defaultProps = {
|
|
|
11
11
|
FileName.propTypes = {
|
|
12
12
|
className: PropTypes.string,
|
|
13
13
|
as: PropTypes.elementType,
|
|
14
|
-
name: PropTypes.string
|
|
14
|
+
name: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
|
|
15
15
|
};
|
|
16
16
|
//# sourceMappingURL=file-name.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-name.js","sourceRoot":"","sources":["../../../src/ui/file-name/file-name.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,wBAAwB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC9D,oBAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"file-name.js","sourceRoot":"","sources":["../../../src/ui/file-name/file-name.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,wBAAwB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC9D,oBAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,IAAG,IAAI,CAAa,CAClE,CAAC;AAEF,QAAQ,CAAC,YAAY,GAAG;IACtB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,QAAQ,CAAC,SAAS,GAAG;IAEnB,SAAS,EAAE,SAAS,CAAC,MAAM;IAG3B,EAAE,EAAE,SAAS,CAAC,WAAW;IAGzB,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;CAC9D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filters.utils.js","sourceRoot":"","sources":["../../../src/ui/filters/filters.utils.ts"],"names":[],"mappings":"AAEA,MAAM,wBAAwB,GAAG,EAAE,CAAC;AACpC,MAAM,QAAQ,GAAG,KAAK,CAAC;AACvB,MAAM,IAAI,GAAG,IAAI,CAAC;AAElB,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,OAAyC,EAAU,EAAE;IAC9F,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC;IACnC,MAAM,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC;IAC1E,MAAM,kBAAkB,GAAG,cAAc,CAAC,MAAM,CAAC;IAEjD,IAAI,kBAAkB,KAAK,CAAC,EAAE,CAAC;QAC7B,OAAO,MAAM,CAAC,IAAI,CAAC;IACrB,CAAC;IAED,IAAI,kBAAkB,KAAK,WAAW,EAAE,CAAC;QACvC,OAAO,MAAM,CAAC,GAAG,CAAC;IACpB,CAAC;
|
|
1
|
+
{"version":3,"file":"filters.utils.js","sourceRoot":"","sources":["../../../src/ui/filters/filters.utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/filters/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,KAAK,MAAM,cAAc,CAAC;AAGjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/filters/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,KAAK,MAAM,cAAc,CAAC;AAGjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,WAAW,CAAC;AAUrD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC7C,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC;IAGpE,SAAS,CACP,GAAG,EAAE;QACH,MAAM,YAAY,GAAG,gBAAgB,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;QAEnD,IAAI,OAAO,CAAC,YAAY,EAAE,MAAM,CAAC,EAAE,CAAC;YAClC,OAAO;QACT,CAAC;QAED,SAAS,CAAC,YAAY,CAAC,CAAC;IAC1B,CAAC,EAED,CAAC,OAAO,EAAE,SAAS,CAAC,CACrB,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,GAAW,EAAE,KAAc,EAAE,EAAE;QAC9B,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QACvD,SAAS,CAAC,UAAU,CAAC,CAAC;QAEtB,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,UAAU,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAC9B,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,UAAmC,EAAE,EAAE;QACtC,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;QACjD,SAAS,CAAC,UAAU,CAAC,CAAC;QAEtB,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,UAAU,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAC9B,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,OACR,SAAS,EACb,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bundle-stats/ui",
|
|
3
|
-
"version": "4.22.2
|
|
3
|
+
"version": "4.22.2",
|
|
4
4
|
"description": "UI components for BundleStats projects.",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib-esm/index.js",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
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.css.svg src/assets/icons.svg",
|
|
19
|
-
"lint": "eslint",
|
|
19
|
+
"lint": "eslint .",
|
|
20
20
|
"start": "cross-env NODE_ENV=development storybook dev -c ./build/storybook -p 8080",
|
|
21
21
|
"test": "jest src --passWithNoTests"
|
|
22
22
|
},
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"react-router-dom": "^5.0.0"
|
|
73
73
|
},
|
|
74
74
|
"dependencies": {
|
|
75
|
-
"@bundle-stats/utils": "4.22.2
|
|
75
|
+
"@bundle-stats/utils": "^4.22.2",
|
|
76
76
|
"ariakit": "2.0.0-next.44",
|
|
77
77
|
"d3": "7.9.0",
|
|
78
78
|
"modern-css-reset": "1.4.0",
|
|
@@ -80,5 +80,5 @@
|
|
|
80
80
|
"snarkdown": "2.0.0",
|
|
81
81
|
"use-query-params": "2.2.2"
|
|
82
82
|
},
|
|
83
|
-
"gitHead": "
|
|
83
|
+
"gitHead": "6696f34f552a50dcafbd7c8054e2b2f07a036068"
|
|
84
84
|
}
|
|
@@ -2,11 +2,11 @@ import React from 'react';
|
|
|
2
2
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
3
|
import { createJobs } from '@bundle-stats/utils';
|
|
4
4
|
|
|
5
|
-
/* eslint-disable import/no-
|
|
5
|
+
/* eslint-disable import/no-relative-packages */
|
|
6
6
|
import currentData from '../../../../fixtures/gladys/current.json';
|
|
7
7
|
import baselineData from '../../../../fixtures/gladys/baseline.json';
|
|
8
8
|
import { metaBaseline, metaCurrent } from '../../../../fixtures/meta';
|
|
9
|
-
/* eslint-enable import/no-
|
|
9
|
+
/* eslint-enable import/no-relative-packages */
|
|
10
10
|
import { App } from '.';
|
|
11
11
|
|
|
12
12
|
const CURRENT_SOURCE = {
|
|
@@ -2,11 +2,11 @@ import React from 'react';
|
|
|
2
2
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
3
|
import { createJobs } from '@bundle-stats/utils';
|
|
4
4
|
|
|
5
|
-
/* eslint-disable import/no-
|
|
5
|
+
/* eslint-disable import/no-relative-packages */
|
|
6
6
|
import currentData from '../../../../fixtures/home-assistant/current.json';
|
|
7
7
|
import baselineData from '../../../../fixtures/home-assistant/baseline.json';
|
|
8
8
|
import { metaBaseline, metaCurrent } from '../../../../fixtures/meta';
|
|
9
|
-
/* eslint-enable import/no-
|
|
9
|
+
/* eslint-enable import/no-relative-packages */
|
|
10
10
|
import { App } from '.';
|
|
11
11
|
|
|
12
12
|
const CURRENT_SOURCE = {
|
|
@@ -2,11 +2,11 @@ import React from 'react';
|
|
|
2
2
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
3
|
import { createJobs } from '@bundle-stats/utils';
|
|
4
4
|
|
|
5
|
-
/* eslint-disable import/no-
|
|
5
|
+
/* eslint-disable import/no-relative-packages */
|
|
6
6
|
import currentData from '../../../../fixtures/outline/current.json';
|
|
7
7
|
import baselineData from '../../../../fixtures/outline/baseline.json';
|
|
8
8
|
import { metaBaseline, metaCurrent } from '../../../../fixtures/meta';
|
|
9
|
-
/* eslint-enable import/no-
|
|
9
|
+
/* eslint-enable import/no-relative-packages */
|
|
10
10
|
import { App } from '.';
|
|
11
11
|
|
|
12
12
|
const CURRENT_SOURCE = {
|
|
@@ -2,11 +2,11 @@ import React from 'react';
|
|
|
2
2
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
3
|
import { createJobs } from '@bundle-stats/utils';
|
|
4
4
|
|
|
5
|
-
/* eslint-disable import/no-
|
|
5
|
+
/* eslint-disable import/no-relative-packages */
|
|
6
6
|
import currentData from '../../../../fixtures/trans-masc-futures/current.json';
|
|
7
7
|
import baselineData from '../../../../fixtures/trans-masc-futures/baseline.json';
|
|
8
8
|
import { metaBaseline, metaCurrent } from '../../../../fixtures/meta';
|
|
9
|
-
/* eslint-enable import/no-
|
|
9
|
+
/* eslint-enable import/no-relative-packages */
|
|
10
10
|
import { App } from '.';
|
|
11
11
|
|
|
12
12
|
const CURRENT_SOURCE = {
|
package/src/app/app.stories.tsx
CHANGED
|
@@ -3,10 +3,10 @@ import type { Meta, StoryObj } from '@storybook/react';
|
|
|
3
3
|
import { createJobs } from '@bundle-stats/utils';
|
|
4
4
|
import merge from 'lodash/merge';
|
|
5
5
|
|
|
6
|
-
/* eslint-disable import/no-
|
|
6
|
+
/* eslint-disable import/no-relative-packages */
|
|
7
7
|
import currentData from '../../../../fixtures/job.current';
|
|
8
8
|
import baselineData from '../../../../fixtures/job.baseline';
|
|
9
|
-
/* eslint-enable import/no-
|
|
9
|
+
/* eslint-enable import/no-relative-packages */
|
|
10
10
|
import { App } from '.';
|
|
11
11
|
|
|
12
12
|
const CURRENT_SOURCE = {
|
package/src/chart-colors.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Meta, Story } from '@storybook/react';
|
|
3
|
-
import { action } from 'storybook/actions';
|
|
3
|
+
import { action } from 'storybook/actions';
|
|
4
4
|
|
|
5
5
|
import { getWrapperDecorator } from '../../stories';
|
|
6
6
|
import { AssetInfo } from '.';
|
|
@@ -47,10 +47,17 @@
|
|
|
47
47
|
|
|
48
48
|
/* status */
|
|
49
49
|
.added {
|
|
50
|
-
background: linear-gradient(
|
|
50
|
+
background: linear-gradient(
|
|
51
|
+
-45deg,
|
|
52
|
+
var(--color-danger-light) 50%,
|
|
53
|
+
var(--background-color) 50%
|
|
54
|
+
) !important;
|
|
51
55
|
}
|
|
52
56
|
|
|
53
57
|
.removed {
|
|
54
|
-
background: linear-gradient(
|
|
58
|
+
background: linear-gradient(
|
|
59
|
+
135deg,
|
|
60
|
+
var(--color-danger-light) 50%,
|
|
61
|
+
var(--background-color) 50%
|
|
62
|
+
) !important;
|
|
55
63
|
}
|
|
56
|
-
|
|
@@ -5,20 +5,11 @@ import * as browsertime from '@bundle-stats/utils';
|
|
|
5
5
|
import { MetricsTable } from '../metrics-table';
|
|
6
6
|
|
|
7
7
|
export const BrowsertimeTable = (props) => {
|
|
8
|
-
const {
|
|
9
|
-
className,
|
|
10
|
-
jobs,
|
|
11
|
-
} = props;
|
|
8
|
+
const { className, jobs } = props;
|
|
12
9
|
|
|
13
10
|
const items = browsertime.compare(jobs);
|
|
14
11
|
|
|
15
|
-
return
|
|
16
|
-
<MetricsTable
|
|
17
|
-
className={className}
|
|
18
|
-
items={items}
|
|
19
|
-
runs={jobs}
|
|
20
|
-
/>
|
|
21
|
-
);
|
|
12
|
+
return <MetricsTable className={className} items={items} runs={jobs} />;
|
|
22
13
|
};
|
|
23
14
|
|
|
24
15
|
BrowsertimeTable.defaultProps = {
|
|
@@ -143,12 +143,12 @@ export const getCustomSort = (item: ReportMetricAssetRow): Array<boolean | strin
|
|
|
143
143
|
item.key,
|
|
144
144
|
];
|
|
145
145
|
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
}));
|
|
146
|
+
const getFileTypeFilters = (filters: Record<string, unknown>): FilterGroupFieldData['children'] =>
|
|
147
|
+
Object.entries(FILE_TYPE_LABELS).map(([key, label]) => ({
|
|
148
|
+
key,
|
|
149
|
+
label,
|
|
150
|
+
defaultValue: get(filters, `${ASSET_FILE_TYPE}.${key}`, true) as boolean,
|
|
151
|
+
}));
|
|
152
152
|
|
|
153
153
|
type GetFiltersOptions = {
|
|
154
154
|
compareMode: boolean;
|
|
@@ -228,9 +228,9 @@ export const getFilters = ({
|
|
|
228
228
|
return result;
|
|
229
229
|
};
|
|
230
230
|
|
|
231
|
-
/* eslint-disable prettier/prettier */
|
|
232
231
|
export const generateGetRowFilter =
|
|
233
|
-
({ chunkIds }: GenerateGetRowFilterOptions) =>
|
|
232
|
+
({ chunkIds }: GenerateGetRowFilterOptions) =>
|
|
233
|
+
(filters: Record<string, unknown>) => {
|
|
234
234
|
// List of chunkIds with filter value set to `true`
|
|
235
235
|
const checkedChunkIds: Array<string> = [];
|
|
236
236
|
// List of chunks ids, including the NO_CHUNK
|
|
@@ -33,17 +33,15 @@ export const addRowFlags = (row: ReportMetricRow): ReportMetricModuleRow => {
|
|
|
33
33
|
// @NOTE Assign instead destructuring for perf reasons
|
|
34
34
|
const moduleRow = row as any as ReportMetricModuleRow;
|
|
35
35
|
|
|
36
|
-
// eslint-disable-next-line no-param-reassign
|
|
37
36
|
moduleRow.thirdParty = Boolean(key.match(MODULE_PATH_PACKAGES));
|
|
38
37
|
// Mark metric row as duplicated when at least one run is duplicated
|
|
39
|
-
|
|
38
|
+
|
|
40
39
|
moduleRow.duplicated = Boolean(
|
|
41
40
|
runs.find((run) => (run as Module & ReportMetricRun)?.duplicated === true),
|
|
42
41
|
);
|
|
43
|
-
|
|
42
|
+
|
|
44
43
|
moduleRow.fileType = getModuleSourceFileType(row.key);
|
|
45
44
|
|
|
46
|
-
// eslint-disable-next-line no-param-reassign
|
|
47
45
|
moduleRow.runs = row.runs.map((run) => {
|
|
48
46
|
if (!run) {
|
|
49
47
|
return run;
|
|
@@ -65,10 +63,9 @@ export const addRowFlags = (row: ReportMetricRow): ReportMetricModuleRow => {
|
|
|
65
63
|
|
|
66
64
|
export const getCustomSort = (item: ReportMetricRow) => [!item.changed, item.key];
|
|
67
65
|
|
|
68
|
-
/* eslint-disable prettier/prettier */
|
|
69
66
|
export const generateGetRowFilter =
|
|
70
|
-
({ chunkIds }: { chunkIds: Array<string> }) =>
|
|
71
|
-
|
|
67
|
+
({ chunkIds }: { chunkIds: Array<string> }) =>
|
|
68
|
+
(filters: Record<string, unknown>) => {
|
|
72
69
|
// List of chunkIds with filter value set to `true`
|
|
73
70
|
const checkedChunkIds: Array<string> = [];
|
|
74
71
|
|
|
@@ -120,7 +117,6 @@ export const generateGetRowFilter =
|
|
|
120
117
|
return true;
|
|
121
118
|
};
|
|
122
119
|
};
|
|
123
|
-
/* eslint-enable prettier/prettier */
|
|
124
120
|
|
|
125
121
|
export const generateFilters = (chunkIds: Array<string>, multipleJobs: boolean) => {
|
|
126
122
|
const allEntriesFilters = {
|
|
@@ -48,25 +48,24 @@ function useModuleMetric(
|
|
|
48
48
|
return useMemo(() => [moduleMetric, setModuleMetric], [moduleMetric, setModuleMetric]);
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
-
interface BundleModulesProps
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
> {
|
|
51
|
+
interface BundleModulesProps extends Omit<
|
|
52
|
+
React.ComponentProps<typeof BaseComponent>,
|
|
53
|
+
| 'jobs'
|
|
54
|
+
| 'items'
|
|
55
|
+
| 'chunks'
|
|
56
|
+
| 'updateFilters'
|
|
57
|
+
| 'resetFilters'
|
|
58
|
+
| 'resetAllFilters'
|
|
59
|
+
| 'filters'
|
|
60
|
+
| 'sort'
|
|
61
|
+
| 'updateSort'
|
|
62
|
+
| 'search'
|
|
63
|
+
| 'updateSearch'
|
|
64
|
+
| 'allItems'
|
|
65
|
+
| 'totalRowCount'
|
|
66
|
+
| 'hideEntryInfo'
|
|
67
|
+
| 'showEntryInfo'
|
|
68
|
+
> {
|
|
70
69
|
jobs: Array<Job>;
|
|
71
70
|
filters: Record<string, boolean>;
|
|
72
71
|
search?: string;
|
|
@@ -5,20 +5,11 @@ import * as lighthouse from '@bundle-stats/utils/lib-esm/lighthouse';
|
|
|
5
5
|
import { MetricsTable } from '../metrics-table';
|
|
6
6
|
|
|
7
7
|
export const LighthouseTable = (props) => {
|
|
8
|
-
const {
|
|
9
|
-
className,
|
|
10
|
-
jobs,
|
|
11
|
-
} = props;
|
|
8
|
+
const { className, jobs } = props;
|
|
12
9
|
|
|
13
10
|
const items = lighthouse.compare(jobs);
|
|
14
11
|
|
|
15
|
-
return
|
|
16
|
-
<MetricsTable
|
|
17
|
-
className={className}
|
|
18
|
-
runs={jobs}
|
|
19
|
-
items={items}
|
|
20
|
-
/>
|
|
21
|
-
);
|
|
12
|
+
return <MetricsTable className={className} runs={jobs} items={items} />;
|
|
22
13
|
};
|
|
23
14
|
|
|
24
15
|
LighthouseTable.defaultProps = {
|
|
@@ -151,7 +151,7 @@
|
|
|
151
151
|
}
|
|
152
152
|
|
|
153
153
|
.tile::before {
|
|
154
|
-
content:
|
|
154
|
+
content: '';
|
|
155
155
|
display: block;
|
|
156
156
|
position: absolute;
|
|
157
157
|
z-index: 1;
|
|
@@ -327,6 +327,6 @@
|
|
|
327
327
|
}
|
|
328
328
|
|
|
329
329
|
/* prevent tooltip portal wrapper from capturing events */
|
|
330
|
-
div[role=
|
|
330
|
+
div[role='presentation']:has(.tooltip) {
|
|
331
331
|
pointer-events: none;
|
|
332
332
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Meta, StoryObj } from '@storybook/react';
|
|
3
|
-
|
|
3
|
+
|
|
4
4
|
import { action } from 'storybook/actions';
|
|
5
5
|
import { createJobs } from '@bundle-stats/utils';
|
|
6
6
|
import * as webpack from '@bundle-stats/utils/lib-esm/webpack';
|
|
@@ -62,18 +62,24 @@
|
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
/* Hover state */
|
|
65
|
-
.titleHoverCardIcon span[aria-controls=
|
|
66
|
-
.titleTooltipIcon[aria-controls=
|
|
65
|
+
.titleHoverCardIcon span[aria-controls=''],
|
|
66
|
+
.titleTooltipIcon[aria-controls=''] {
|
|
67
67
|
opacity: 0;
|
|
68
68
|
visibility: hidden;
|
|
69
|
-
transition:
|
|
69
|
+
transition:
|
|
70
|
+
opacity var(--transition-duration-out) ease-out,
|
|
71
|
+
color var(--transition-duration-out) ease-out,
|
|
72
|
+
visibility 0s;
|
|
70
73
|
}
|
|
71
74
|
|
|
72
75
|
.root:hover .titleHoverCardIcon span,
|
|
73
76
|
.root:hover .titleTooltipIcon {
|
|
74
77
|
opacity: 1;
|
|
75
78
|
visibility: visible;
|
|
76
|
-
transition:
|
|
79
|
+
transition:
|
|
80
|
+
opacity var(--transition-duration-in) ease-in,
|
|
81
|
+
color var(--transition-duration-in) ease-in,
|
|
82
|
+
visibility 0s;
|
|
77
83
|
}
|
|
78
84
|
|
|
79
85
|
/* Size variation */
|
package/src/config.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"appName": "RelativeCI",
|
|
3
3
|
"siteUrl": "https://relative-ci.com",
|
|
4
4
|
"gitHubUrl": "https://github.com/relative-ci/bundle-stats",
|
|
5
|
-
"documentation"
|
|
5
|
+
"documentation": {
|
|
6
6
|
"assets": "https://relative-ci.com/documentation/metrics-and-data#assets",
|
|
7
7
|
"modules": "https://relative-ci.com/documentation/metrics-and-data#modules",
|
|
8
8
|
"packages": "https://relative-ci.com/documentation/metrics-and-data#packages"
|