@bundle-stats/ui 4.20.0 → 4.20.1-beta.0
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/components/metrics-table-export/metrics-table-export.js +5 -1
- package/lib/components/metrics-table-export/metrics-table-export.js.map +1 -1
- package/lib/components/metrics-table-export/metrics-table-export.module.css +4 -0
- package/lib/components/metrics-treemap/metrics-treemap.module.css +1 -0
- package/lib/ui/dialog/dialog.js +1 -1
- package/lib/ui/dialog/dialog.js.map +1 -1
- package/lib/ui/dialog/dialog.module.css +4 -0
- package/lib/ui/tooltip/tooltip.module.css +3 -3
- package/lib-esm/components/metrics-table-export/metrics-table-export.js +2 -1
- package/lib-esm/components/metrics-table-export/metrics-table-export.js.map +1 -1
- package/lib-esm/components/metrics-table-export/metrics-table-export.module.css +4 -0
- package/lib-esm/components/metrics-treemap/metrics-treemap.module.css +1 -0
- package/lib-esm/ui/dialog/dialog.js +1 -1
- package/lib-esm/ui/dialog/dialog.js.map +1 -1
- package/lib-esm/ui/dialog/dialog.module.css +4 -0
- package/lib-esm/ui/tooltip/tooltip.module.css +3 -3
- package/package.json +6 -6
- package/src/components/metrics-table-export/metrics-table-export.module.css +4 -0
- package/src/components/metrics-table-export/metrics-table-export.tsx +3 -1
- package/src/components/metrics-treemap/metrics-treemap.module.css +1 -0
- package/src/ui/dialog/dialog.module.css +4 -0
- package/src/ui/dialog/dialog.tsx +1 -1
- package/src/ui/tooltip/tooltip.module.css +3 -3
|
@@ -32,12 +32,16 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
32
32
|
return result;
|
|
33
33
|
};
|
|
34
34
|
})();
|
|
35
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
36
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
37
|
+
};
|
|
35
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
39
|
exports.MetricsTableExport = void 0;
|
|
37
40
|
const react_1 = __importStar(require("react"));
|
|
38
41
|
const stack_1 = require("../../layout/stack");
|
|
39
42
|
const tabs_1 = require("../../ui/tabs");
|
|
40
43
|
const preview_source_1 = require("../preview-source");
|
|
44
|
+
const metrics_table_export_module_css_1 = __importDefault(require("./metrics-table-export.module.css"));
|
|
41
45
|
const generateSourceJSON = (items) => {
|
|
42
46
|
const output = items.map((item) => ({
|
|
43
47
|
name: item.label,
|
|
@@ -87,7 +91,7 @@ const MetricsTableExport = (props) => {
|
|
|
87
91
|
const { initialSourceType = SOURCE_KEYS[0], items, download, ...restProps } = props;
|
|
88
92
|
const [selectedSourceType, setSelectedSourceType] = (0, react_1.useState)(initialSourceType);
|
|
89
93
|
return (react_1.default.createElement(stack_1.Stack, { space: "small", ...restProps },
|
|
90
|
-
react_1.default.createElement(tabs_1.Tabs,
|
|
94
|
+
react_1.default.createElement(tabs_1.Tabs, { className: metrics_table_export_module_css_1.default.tabs }, SOURCE_ENTRIES.map(([sourceId, source]) => (react_1.default.createElement(tabs_1.TabItem, { onClick: () => setSelectedSourceType(sourceId), isTabActive: selectedSourceType === sourceId, id: `metrics-table-export-tab-${sourceId}`, "aria-controls": `metrics-table-export-panel-${sourceId}`, key: sourceId }, source.label)))),
|
|
91
95
|
react_1.default.createElement("div", null, SOURCE_ENTRIES.map(([sourceId, source]) => selectedSourceType === sourceId && (react_1.default.createElement(preview_source_1.PreviewSource, { source: source.transformFn(items), rows: 20, download: `${download}${source.extension}`, role: "tabpanel", id: `metrics-table-export-panel-${sourceId}`, "aria-labelledby": `metrics-table-export-tab-${sourceId}`, key: source.label }))))));
|
|
92
96
|
};
|
|
93
97
|
exports.MetricsTableExport = MetricsTableExport;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"metrics-table-export.js","sourceRoot":"","sources":["../../../src/components/metrics-table-export/metrics-table-export.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"metrics-table-export.js","sourceRoot":"","sources":["../../../src/components/metrics-table-export/metrics-table-export.tsx"],"names":[],"mappings":"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"}
|
package/lib/ui/dialog/dialog.js
CHANGED
|
@@ -20,7 +20,7 @@ const Dialog = (props) => {
|
|
|
20
20
|
}, portal: true, className: rootClassName },
|
|
21
21
|
!modal && (react_1.default.createElement(dialog_1.DialogDismiss, { as: button_1.Button, glyph: button_1.BUTTON_GLYPHS.CLOSE, className: dialog_module_css_1.default.headerClose }, null)),
|
|
22
22
|
react_1.default.createElement(stack_1.Stack, { space: "medium" },
|
|
23
|
-
title && (react_1.default.createElement("header", { className: dialog_module_css_1.default.header }, typeof title === 'string' ? react_1.default.createElement("h2",
|
|
23
|
+
title && (react_1.default.createElement("header", { className: dialog_module_css_1.default.header }, typeof title === 'string' ? react_1.default.createElement("h2", { className: dialog_module_css_1.default.headerTitle }, title) : title)),
|
|
24
24
|
react_1.default.createElement("div", { className: (0, classnames_1.default)(dialog_module_css_1.default.content, className) }, children))));
|
|
25
25
|
};
|
|
26
26
|
exports.Dialog = Dialog;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/ui/dialog/dialog.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,4DAA4B;AAC5B,2CAAgG;AAEhG,8CAA2C;AAC3C,sCAAkD;AAClD,4EAAsC;AAEtC,yCAAgD;AAAvC,wGAAA,cAAc,OAAA;AAYhB,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC3C,MAAM,EACJ,KAAK,EACL,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,QAAQ,EAChB,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,KAAK,EACb,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,2BAAG,CAAC,MAAM,EAAE,KAAK,IAAI,2BAAG,CAAC,UAAU,KAAK,EAAE,CAAC,EAAE,MAAM,IAAI,2BAAG,CAAC,MAAM,CAAC,CAAC;IAE5F,OAAO,CACL,8BAAC,eAAa,IACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,aAAa,EAAE;YACb,SAAS,EAAE,2BAAG,CAAC,QAAQ;SACxB,EACD,MAAM,QACN,SAAS,EAAE,aAAa;QAEvB,CAAC,KAAK,IAAI,CACT,8BAAC,sBAAoB,IAAC,EAAE,EAAE,eAAM,EAAE,KAAK,EAAE,sBAAa,CAAC,KAAK,EAAE,SAAS,EAAE,2BAAG,CAAC,WAAW,IAErF,IAAI,CACgB,CACxB;QACD,8BAAC,aAAK,IAAC,KAAK,EAAC,QAAQ;YAClB,KAAK,IAAI,CACR,0CAAQ,SAAS,EAAE,2BAAG,CAAC,MAAM,IAC1B,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/ui/dialog/dialog.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,4DAA4B;AAC5B,2CAAgG;AAEhG,8CAA2C;AAC3C,sCAAkD;AAClD,4EAAsC;AAEtC,yCAAgD;AAAvC,wGAAA,cAAc,OAAA;AAYhB,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC3C,MAAM,EACJ,KAAK,EACL,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,QAAQ,EAChB,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,KAAK,EACb,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,2BAAG,CAAC,MAAM,EAAE,KAAK,IAAI,2BAAG,CAAC,UAAU,KAAK,EAAE,CAAC,EAAE,MAAM,IAAI,2BAAG,CAAC,MAAM,CAAC,CAAC;IAE5F,OAAO,CACL,8BAAC,eAAa,IACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,aAAa,EAAE;YACb,SAAS,EAAE,2BAAG,CAAC,QAAQ;SACxB,EACD,MAAM,QACN,SAAS,EAAE,aAAa;QAEvB,CAAC,KAAK,IAAI,CACT,8BAAC,sBAAoB,IAAC,EAAE,EAAE,eAAM,EAAE,KAAK,EAAE,sBAAa,CAAC,KAAK,EAAE,SAAS,EAAE,2BAAG,CAAC,WAAW,IAErF,IAAI,CACgB,CACxB;QACD,8BAAC,aAAK,IAAC,KAAK,EAAC,QAAQ;YAClB,KAAK,IAAI,CACR,0CAAQ,SAAS,EAAE,2BAAG,CAAC,MAAM,IAC1B,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,sCAAI,SAAS,EAAE,2BAAG,CAAC,WAAW,IAAG,KAAK,CAAM,CAAC,CAAC,CAAC,KAAK,CAC1E,CACV;YACD,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,OAAO,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CACtD,CACM,CACjB,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,MAAM,UAwCjB"}
|
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
z-index: var(--layer-xxhigh);
|
|
15
15
|
padding: var(--space-xxxsmall) var(--space-xxsmall);
|
|
16
16
|
border-radius: var(--radius-small);
|
|
17
|
-
background: var(--color-
|
|
17
|
+
background: var(--color-text);
|
|
18
18
|
max-width: 28em;
|
|
19
|
-
color: var(--color-
|
|
19
|
+
color: var(--color-background);
|
|
20
20
|
font-size: var(--size-small);
|
|
21
21
|
text-align: center;
|
|
22
22
|
filter: drop-shadow(var(--shadow-layer));
|
|
@@ -25,5 +25,5 @@
|
|
|
25
25
|
|
|
26
26
|
.arrow svg {
|
|
27
27
|
display: block;
|
|
28
|
-
fill: var(--color-
|
|
28
|
+
fill: var(--color-text);
|
|
29
29
|
}
|
|
@@ -2,6 +2,7 @@ import React, { useState } from 'react';
|
|
|
2
2
|
import { Stack } from '../../layout/stack';
|
|
3
3
|
import { Tabs, TabItem } from '../../ui/tabs';
|
|
4
4
|
import { PreviewSource } from '../preview-source';
|
|
5
|
+
import css from './metrics-table-export.module.css';
|
|
5
6
|
const generateSourceJSON = (items) => {
|
|
6
7
|
const output = items.map((item) => {
|
|
7
8
|
var _a;
|
|
@@ -56,7 +57,7 @@ export const MetricsTableExport = (props) => {
|
|
|
56
57
|
const { initialSourceType = SOURCE_KEYS[0], items, download, ...restProps } = props;
|
|
57
58
|
const [selectedSourceType, setSelectedSourceType] = useState(initialSourceType);
|
|
58
59
|
return (React.createElement(Stack, { space: "small", ...restProps },
|
|
59
|
-
React.createElement(Tabs,
|
|
60
|
+
React.createElement(Tabs, { className: css.tabs }, SOURCE_ENTRIES.map(([sourceId, source]) => (React.createElement(TabItem, { onClick: () => setSelectedSourceType(sourceId), isTabActive: selectedSourceType === sourceId, id: `metrics-table-export-tab-${sourceId}`, "aria-controls": `metrics-table-export-panel-${sourceId}`, key: sourceId }, source.label)))),
|
|
60
61
|
React.createElement("div", null, SOURCE_ENTRIES.map(([sourceId, source]) => selectedSourceType === sourceId && (React.createElement(PreviewSource, { source: source.transformFn(items), rows: 20, download: `${download}${source.extension}`, role: "tabpanel", id: `metrics-table-export-panel-${sourceId}`, "aria-labelledby": `metrics-table-export-tab-${sourceId}`, key: source.label }))))));
|
|
61
62
|
};
|
|
62
63
|
//# sourceMappingURL=metrics-table-export.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"metrics-table-export.js","sourceRoot":"","sources":["../../../src/components/metrics-table-export/metrics-table-export.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"metrics-table-export.js","sourceRoot":"","sources":["../../../src/components/metrics-table-export/metrics-table-export.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,7 +13,7 @@ export const Dialog = (props) => {
|
|
|
13
13
|
}, portal: true, className: rootClassName },
|
|
14
14
|
!modal && (React.createElement(AriakitDialogDismiss, { as: Button, glyph: BUTTON_GLYPHS.CLOSE, className: css.headerClose }, null)),
|
|
15
15
|
React.createElement(Stack, { space: "medium" },
|
|
16
|
-
title && (React.createElement("header", { className: css.header }, typeof title === 'string' ? React.createElement("h2",
|
|
16
|
+
title && (React.createElement("header", { className: css.header }, typeof title === 'string' ? React.createElement("h2", { className: css.headerTitle }, title) : title)),
|
|
17
17
|
React.createElement("div", { className: cx(css.content, className) }, children))));
|
|
18
18
|
};
|
|
19
19
|
//# sourceMappingURL=dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/ui/dialog/dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEhG,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,GAAG,MAAM,qBAAqB,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAYhD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC3C,MAAM,EACJ,KAAK,EACL,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,QAAQ,EAChB,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,KAAK,EACb,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,IAAI,GAAG,CAAC,UAAU,KAAK,EAAE,CAAC,EAAE,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC;IAE5F,OAAO,CACL,oBAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,aAAa,EAAE;YACb,SAAS,EAAE,GAAG,CAAC,QAAQ;SACxB,EACD,MAAM,QACN,SAAS,EAAE,aAAa;QAEvB,CAAC,KAAK,IAAI,CACT,oBAAC,oBAAoB,IAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,WAAW,IAErF,IAAI,CACgB,CACxB;QACD,oBAAC,KAAK,IAAC,KAAK,EAAC,QAAQ;YAClB,KAAK,IAAI,CACR,gCAAQ,SAAS,EAAE,GAAG,CAAC,MAAM,IAC1B,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/ui/dialog/dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEhG,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,GAAG,MAAM,qBAAqB,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAYhD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC3C,MAAM,EACJ,KAAK,EACL,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,QAAQ,EAChB,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,KAAK,EACb,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,IAAI,GAAG,CAAC,UAAU,KAAK,EAAE,CAAC,EAAE,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC;IAE5F,OAAO,CACL,oBAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,aAAa,EAAE;YACb,SAAS,EAAE,GAAG,CAAC,QAAQ;SACxB,EACD,MAAM,QACN,SAAS,EAAE,aAAa;QAEvB,CAAC,KAAK,IAAI,CACT,oBAAC,oBAAoB,IAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,WAAW,IAErF,IAAI,CACgB,CACxB;QACD,oBAAC,KAAK,IAAC,KAAK,EAAC,QAAQ;YAClB,KAAK,IAAI,CACR,gCAAQ,SAAS,EAAE,GAAG,CAAC,MAAM,IAC1B,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,4BAAI,SAAS,EAAE,GAAG,CAAC,WAAW,IAAG,KAAK,CAAM,CAAC,CAAC,CAAC,KAAK,CAC1E,CACV;YACD,6BAAK,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CACtD,CACM,CACjB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
z-index: var(--layer-xxhigh);
|
|
15
15
|
padding: var(--space-xxxsmall) var(--space-xxsmall);
|
|
16
16
|
border-radius: var(--radius-small);
|
|
17
|
-
background: var(--color-
|
|
17
|
+
background: var(--color-text);
|
|
18
18
|
max-width: 28em;
|
|
19
|
-
color: var(--color-
|
|
19
|
+
color: var(--color-background);
|
|
20
20
|
font-size: var(--size-small);
|
|
21
21
|
text-align: center;
|
|
22
22
|
filter: drop-shadow(var(--shadow-layer));
|
|
@@ -25,5 +25,5 @@
|
|
|
25
25
|
|
|
26
26
|
.arrow svg {
|
|
27
27
|
display: block;
|
|
28
|
-
fill: var(--color-
|
|
28
|
+
fill: var(--color-text);
|
|
29
29
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bundle-stats/ui",
|
|
3
|
-
"version": "4.20.0",
|
|
3
|
+
"version": "4.20.1-beta.0",
|
|
4
4
|
"description": "UI components for BundleStats projects.",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib-esm/index.js",
|
|
@@ -36,9 +36,9 @@
|
|
|
36
36
|
},
|
|
37
37
|
"homepage": "https://github.com/relative-ci/bundle-stats/blob/master/packages/ui#readme",
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@babel/preset-env": "7.
|
|
40
|
-
"@babel/preset-react": "7.
|
|
41
|
-
"@babel/preset-typescript": "7.27.
|
|
39
|
+
"@babel/preset-env": "7.27.1",
|
|
40
|
+
"@babel/preset-react": "7.27.1",
|
|
41
|
+
"@babel/preset-typescript": "7.27.1",
|
|
42
42
|
"@storybook/addon-essentials": "8.6.12",
|
|
43
43
|
"@storybook/addon-webpack5-compiler-babel": "3.0.6",
|
|
44
44
|
"@storybook/react": "8.6.12",
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
"react-router-dom": "^5.0.0"
|
|
75
75
|
},
|
|
76
76
|
"dependencies": {
|
|
77
|
-
"@bundle-stats/utils": "4.20.0",
|
|
77
|
+
"@bundle-stats/utils": "4.20.1-beta.0",
|
|
78
78
|
"ariakit": "2.0.0-next.44",
|
|
79
79
|
"d3": "7.9.0",
|
|
80
80
|
"modern-css-reset": "1.4.0",
|
|
@@ -82,5 +82,5 @@
|
|
|
82
82
|
"snarkdown": "2.0.0",
|
|
83
83
|
"use-query-params": "2.2.1"
|
|
84
84
|
},
|
|
85
|
-
"gitHead": "
|
|
85
|
+
"gitHead": "f6c86881dc7f54795e59dd87b79e4be6abd13f82"
|
|
86
86
|
}
|
|
@@ -5,6 +5,7 @@ import type { ReportMetricRow } from '@bundle-stats/utils';
|
|
|
5
5
|
import { Stack } from '../../layout/stack';
|
|
6
6
|
import { Tabs, TabItem } from '../../ui/tabs';
|
|
7
7
|
import { PreviewSource } from '../preview-source';
|
|
8
|
+
import css from './metrics-table-export.module.css';
|
|
8
9
|
|
|
9
10
|
const generateSourceJSON = (items: Array<ReportMetricRow>): string => {
|
|
10
11
|
const output = items.map((item) => ({
|
|
@@ -73,11 +74,12 @@ type MetricsTableExportProps = {
|
|
|
73
74
|
|
|
74
75
|
export const MetricsTableExport = (props: MetricsTableExportProps) => {
|
|
75
76
|
const { initialSourceType = SOURCE_KEYS[0], items, download, ...restProps } = props;
|
|
77
|
+
|
|
76
78
|
const [selectedSourceType, setSelectedSourceType] = useState(initialSourceType);
|
|
77
79
|
|
|
78
80
|
return (
|
|
79
81
|
<Stack space="small" {...restProps}>
|
|
80
|
-
<Tabs>
|
|
82
|
+
<Tabs className={css.tabs}>
|
|
81
83
|
{SOURCE_ENTRIES.map(([sourceId, source]) => (
|
|
82
84
|
<TabItem
|
|
83
85
|
onClick={() => setSelectedSourceType(sourceId)}
|
package/src/ui/dialog/dialog.tsx
CHANGED
|
@@ -52,7 +52,7 @@ export const Dialog = (props: DialogProps) => {
|
|
|
52
52
|
<Stack space="medium">
|
|
53
53
|
{title && (
|
|
54
54
|
<header className={css.header}>
|
|
55
|
-
{typeof title === 'string' ? <h2>{title}</h2> : title}
|
|
55
|
+
{typeof title === 'string' ? <h2 className={css.headerTitle}>{title}</h2> : title}
|
|
56
56
|
</header>
|
|
57
57
|
)}
|
|
58
58
|
<div className={cx(css.content, className)}>{children}</div>
|
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
z-index: var(--layer-xxhigh);
|
|
15
15
|
padding: var(--space-xxxsmall) var(--space-xxsmall);
|
|
16
16
|
border-radius: var(--radius-small);
|
|
17
|
-
background: var(--color-
|
|
17
|
+
background: var(--color-text);
|
|
18
18
|
max-width: 28em;
|
|
19
|
-
color: var(--color-
|
|
19
|
+
color: var(--color-background);
|
|
20
20
|
font-size: var(--size-small);
|
|
21
21
|
text-align: center;
|
|
22
22
|
filter: drop-shadow(var(--shadow-layer));
|
|
@@ -25,5 +25,5 @@
|
|
|
25
25
|
|
|
26
26
|
.arrow svg {
|
|
27
27
|
display: block;
|
|
28
|
-
fill: var(--color-
|
|
28
|
+
fill: var(--color-text);
|
|
29
29
|
}
|