@bundle-stats/ui 4.16.0-beta.4 → 4.16.0-beta.5
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 +3 -7
- package/lib/components/metrics-table-export/metrics-table-export.js.map +1 -1
- package/lib-esm/components/metrics-table-export/metrics-table-export.js +3 -4
- package/lib-esm/components/metrics-table-export/metrics-table-export.js.map +1 -1
- package/package.json +3 -3
- package/src/components/metrics-table-export/metrics-table-export.tsx +4 -5
- package/lib/components/metrics-table-export/metrics-table-export.module.css +0 -8
- package/lib-esm/components/metrics-table-export/metrics-table-export.module.css +0 -8
- package/src/components/metrics-table-export/metrics-table-export.module.css +0 -8
|
@@ -22,16 +22,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
22
22
|
__setModuleDefault(result, mod);
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
26
|
exports.MetricsTableExport = void 0;
|
|
30
27
|
const react_1 = __importStar(require("react"));
|
|
31
28
|
const stack_1 = require("../../layout/stack");
|
|
32
29
|
const tabs_1 = require("../../ui/tabs");
|
|
33
30
|
const preview_source_1 = require("../preview-source");
|
|
34
|
-
const metrics_table_export_module_css_1 = __importDefault(require("./metrics-table-export.module.css"));
|
|
35
31
|
const generateSourceJSON = (items) => {
|
|
36
32
|
const output = items.map((item) => ({
|
|
37
33
|
name: item.label,
|
|
@@ -67,12 +63,12 @@ const SOURCES = [
|
|
|
67
63
|
{
|
|
68
64
|
label: 'CSV',
|
|
69
65
|
transformFn: generateSourceCSV,
|
|
70
|
-
extension: '
|
|
66
|
+
extension: 'csv',
|
|
71
67
|
},
|
|
72
68
|
{
|
|
73
69
|
label: 'JSON',
|
|
74
70
|
transformFn: generateSourceJSON,
|
|
75
|
-
extension: '
|
|
71
|
+
extension: 'json',
|
|
76
72
|
},
|
|
77
73
|
];
|
|
78
74
|
const MetricsTableExport = (props) => {
|
|
@@ -80,7 +76,7 @@ const MetricsTableExport = (props) => {
|
|
|
80
76
|
const [selectedId, setSelectedId] = (0, react_1.useState)(SOURCES[0].label);
|
|
81
77
|
return (react_1.default.createElement(stack_1.Stack, { space: "small", ...restProps },
|
|
82
78
|
react_1.default.createElement(tabs_1.Tabs, null, SOURCES.map((source) => (react_1.default.createElement(tabs_1.Tabs.Item, { onClick: () => setSelectedId(source.label), isTabActive: selectedId === source.label, key: source.label }, source.label)))),
|
|
83
|
-
react_1.default.createElement("div",
|
|
79
|
+
react_1.default.createElement("div", null, SOURCES.map((source) => selectedId === source.label && (react_1.default.createElement(preview_source_1.PreviewSource, { source: source.transformFn(items), rows: 20, download: `${download}.${source.extension}`, key: source.label }))))));
|
|
84
80
|
};
|
|
85
81
|
exports.MetricsTableExport = MetricsTableExport;
|
|
86
82
|
//# 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":"
|
|
1
|
+
{"version":3,"file":"metrics-table-export.js","sourceRoot":"","sources":["../../../src/components/metrics-table-export/metrics-table-export.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAwC;AAGxC,8CAA2C;AAC3C,wCAAqC;AACrC,sDAAkD;AAElD,MAAM,kBAAkB,GAAG,CAAC,KAA6B,EAAU,EAAE;IACnE,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAClC,IAAI,EAAE,IAAI,CAAC,KAAK;QAChB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YACjC,IAAI,EAAE,OAAO,EAAE,IAAI,IAAI,EAAE;YACzB,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;SAC1B,CAAC,CAAC;KACJ,CAAC,CAAC,CAAC;IAEJ,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;AACzC,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,IAAI,CAAC;AAE3B,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAU,EAAE;IAClE,MAAM,MAAM,GAAG,EAAE,CAAC;IAElB,MAAM,CAAC,IAAI,CACT;QACE,MAAM;QACN,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YACrC,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;gBAChB,OAAO,OAAO,KAAK,GAAG,CAAC,WAAW,CAAC;YACrC,CAAC;YAED,OAAO,OAAO,KAAK,GAAG,CAAC,YAAY,CAAC;QACtC,CAAC,CAAC,IAAI,EAAE,CAAC;KACV,CAAC,IAAI,CAAC,aAAa,CAAC,CACtB,CAAC;IAEF,KAAK,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACtB,MAAM,GAAG,GAA2B,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAEjD,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAC7B,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC3B,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG;IACd;QACE,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,iBAAiB;QAC9B,SAAS,EAAE,KAAK;KACjB;IACD;QACE,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,kBAAkB;QAC/B,SAAS,EAAE,MAAM;KAClB;CACF,CAAC;AAOK,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACnE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAChD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAE/D,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,OAAO,KAAK,SAAS;QAChC,8BAAC,WAAI,QACF,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,8BAAC,WAAI,CAAC,IAAI,IACR,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1C,WAAW,EAAE,UAAU,KAAK,MAAM,CAAC,KAAK,EACxC,GAAG,EAAE,MAAM,CAAC,KAAK,IAEhB,MAAM,CAAC,KAAK,CACH,CACb,CAAC,CACG;QACP,2CACG,OAAO,CAAC,GAAG,CACV,CAAC,MAAM,EAAE,EAAE,CACT,UAAU,KAAK,MAAM,CAAC,KAAK,IAAI,CAC7B,8BAAC,8BAAa,IACZ,MAAM,EAAE,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,EACjC,IAAI,EAAE,EAAE,EACR,QAAQ,EAAE,GAAG,QAAQ,IAAI,MAAM,CAAC,SAAS,EAAE,EAC3C,GAAG,EAAE,MAAM,CAAC,KAAK,GACjB,CACL,CACF,CACG,CACA,CACT,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,kBAAkB,sBAgC7B"}
|
|
@@ -2,7 +2,6 @@ import React, { useState } from 'react';
|
|
|
2
2
|
import { Stack } from '../../layout/stack';
|
|
3
3
|
import { Tabs } from '../../ui/tabs';
|
|
4
4
|
import { PreviewSource } from '../preview-source';
|
|
5
|
-
import css from './metrics-table-export.module.css';
|
|
6
5
|
const generateSourceJSON = (items) => {
|
|
7
6
|
const output = items.map((item) => {
|
|
8
7
|
var _a;
|
|
@@ -43,12 +42,12 @@ const SOURCES = [
|
|
|
43
42
|
{
|
|
44
43
|
label: 'CSV',
|
|
45
44
|
transformFn: generateSourceCSV,
|
|
46
|
-
extension: '
|
|
45
|
+
extension: 'csv',
|
|
47
46
|
},
|
|
48
47
|
{
|
|
49
48
|
label: 'JSON',
|
|
50
49
|
transformFn: generateSourceJSON,
|
|
51
|
-
extension: '
|
|
50
|
+
extension: 'json',
|
|
52
51
|
},
|
|
53
52
|
];
|
|
54
53
|
export const MetricsTableExport = (props) => {
|
|
@@ -56,6 +55,6 @@ export const MetricsTableExport = (props) => {
|
|
|
56
55
|
const [selectedId, setSelectedId] = useState(SOURCES[0].label);
|
|
57
56
|
return (React.createElement(Stack, { space: "small", ...restProps },
|
|
58
57
|
React.createElement(Tabs, null, SOURCES.map((source) => (React.createElement(Tabs.Item, { onClick: () => setSelectedId(source.label), isTabActive: selectedId === source.label, key: source.label }, source.label)))),
|
|
59
|
-
React.createElement("div",
|
|
58
|
+
React.createElement("div", null, SOURCES.map((source) => selectedId === source.label && (React.createElement(PreviewSource, { source: source.transformFn(items), rows: 20, download: `${download}.${source.extension}`, key: source.label }))))));
|
|
60
59
|
};
|
|
61
60
|
//# 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,MAAM,eAAe,CAAC;AACrC,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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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bundle-stats/ui",
|
|
3
|
-
"version": "4.16.0-beta.
|
|
3
|
+
"version": "4.16.0-beta.5",
|
|
4
4
|
"description": "UI components for BundleStats projects.",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib-esm/index.js",
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
"react-router-dom": "^5.0.0"
|
|
75
75
|
},
|
|
76
76
|
"dependencies": {
|
|
77
|
-
"@bundle-stats/utils": "^4.16.0-beta.
|
|
77
|
+
"@bundle-stats/utils": "^4.16.0-beta.5",
|
|
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": "b61ff19f9bbf4476a2fdbf2bcf11a714c79431ed"
|
|
86
86
|
}
|
|
@@ -5,7 +5,6 @@ import type { ReportMetricRow } from '@bundle-stats/utils';
|
|
|
5
5
|
import { Stack } from '../../layout/stack';
|
|
6
6
|
import { Tabs } from '../../ui/tabs';
|
|
7
7
|
import { PreviewSource } from '../preview-source';
|
|
8
|
-
import css from './metrics-table-export.module.css';
|
|
9
8
|
|
|
10
9
|
const generateSourceJSON = (items: Array<ReportMetricRow>): string => {
|
|
11
10
|
const output = items.map((item) => ({
|
|
@@ -54,12 +53,12 @@ const SOURCES = [
|
|
|
54
53
|
{
|
|
55
54
|
label: 'CSV',
|
|
56
55
|
transformFn: generateSourceCSV,
|
|
57
|
-
extension: '
|
|
56
|
+
extension: 'csv',
|
|
58
57
|
},
|
|
59
58
|
{
|
|
60
59
|
label: 'JSON',
|
|
61
60
|
transformFn: generateSourceJSON,
|
|
62
|
-
extension: '
|
|
61
|
+
extension: 'json',
|
|
63
62
|
},
|
|
64
63
|
];
|
|
65
64
|
|
|
@@ -85,14 +84,14 @@ export const MetricsTableExport = (props: MetricsTableExportProps) => {
|
|
|
85
84
|
</Tabs.Item>
|
|
86
85
|
))}
|
|
87
86
|
</Tabs>
|
|
88
|
-
<div
|
|
87
|
+
<div>
|
|
89
88
|
{SOURCES.map(
|
|
90
89
|
(source) =>
|
|
91
90
|
selectedId === source.label && (
|
|
92
91
|
<PreviewSource
|
|
93
92
|
source={source.transformFn(items)}
|
|
93
|
+
rows={20}
|
|
94
94
|
download={`${download}.${source.extension}`}
|
|
95
|
-
className={css.panel}
|
|
96
95
|
key={source.label}
|
|
97
96
|
/>
|
|
98
97
|
),
|