@bundle-stats/ui 4.13.0-beta.4 → 4.13.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/bundle-assets-totals/bundle-assets-totals.js +5 -9
- package/lib/components/bundle-assets-totals/bundle-assets-totals.js.map +1 -1
- package/lib-esm/components/bundle-assets-totals/bundle-assets-totals.js +5 -9
- package/lib-esm/components/bundle-assets-totals/bundle-assets-totals.js.map +1 -1
- package/package.json +3 -3
- package/src/components/bundle-assets-totals/bundle-assets-totals.jsx +12 -16
- package/types/components/bundle-assets-totals/bundle-assets-totals.d.ts +4 -9
|
@@ -41,12 +41,7 @@ const total_size_type_title_1 = require("../total-size-type-title");
|
|
|
41
41
|
const metrics_table_1 = require("../metrics-table");
|
|
42
42
|
const component_link_1 = require("../component-link");
|
|
43
43
|
const bundle_assets_totals_module_css_1 = __importDefault(require("./bundle-assets-totals.module.css"));
|
|
44
|
-
|
|
45
|
-
const { section, queryParams } = params;
|
|
46
|
-
const nextUrl = `${constants_1.SECTION_URLS[section]}?${queryParams}`;
|
|
47
|
-
history.push(nextUrl);
|
|
48
|
-
}
|
|
49
|
-
const BundleAssetsTotals = ({ className, jobs, customComponentLink: CustomComponentLink, onTreemapItemClick = defaultOnTreemapItemClick, ...restProps }) => {
|
|
44
|
+
const BundleAssetsTotals = ({ className, jobs, customComponentLink: CustomComponentLink, onTreemapItemClick, ...restProps }) => {
|
|
50
45
|
const [displayType, setDisplayType] = (0, metrics_display_type_1.useMetricsDisplayType)();
|
|
51
46
|
const history = (0, react_router_dom_1.useHistory)();
|
|
52
47
|
const items = webpack.compareBySection.sizes(jobs);
|
|
@@ -59,20 +54,21 @@ const BundleAssetsTotals = ({ className, jobs, customComponentLink: CustomCompon
|
|
|
59
54
|
const fileType = constants_1.ASSETS_SIZES_FILE_TYPE_MAP[entryId];
|
|
60
55
|
const { section, params } = (0, utils_1.getBundleAssetsFileTypeComponentLink)(fileType, '');
|
|
61
56
|
const queryParams = (0, utils_1.getComponentStateQueryString)(params);
|
|
62
|
-
|
|
57
|
+
const nextUrl = `${constants_1.SECTION_URLS[section]}?${queryParams}`;
|
|
58
|
+
history.push(nextUrl);
|
|
63
59
|
}, [history]);
|
|
64
60
|
return (react_1.default.createElement("div", { className: className },
|
|
65
61
|
react_1.default.createElement(toolbar_1.Toolbar, { className: bundle_assets_totals_module_css_1.default.toolbar, renderActions: () => (react_1.default.createElement(metrics_display_selector_1.MetricsDisplaySelector, { onSelect: setDisplayType, value: displayType })) },
|
|
66
62
|
react_1.default.createElement(total_size_type_title_1.TotalSizeTypeTitle, null)),
|
|
67
63
|
displayType === constants_1.MetricsDisplayType.TABLE && (react_1.default.createElement(metrics_table_1.MetricsTable, { runs: jobs, items: items, renderRowHeader: renderRowHeader, showHeaderSum: true, ...restProps })),
|
|
68
|
-
displayType === constants_1.MetricsDisplayType.TREEMAP && (react_1.default.createElement(metrics_treemap_1.MetricsTreemap, { items: items, onItemClick: handleMetricsTreemapItemClick }))));
|
|
64
|
+
displayType === constants_1.MetricsDisplayType.TREEMAP && (react_1.default.createElement(metrics_treemap_1.MetricsTreemap, { items: items, onItemClick: onTreemapItemClick || handleMetricsTreemapItemClick }))));
|
|
69
65
|
};
|
|
70
66
|
exports.BundleAssetsTotals = BundleAssetsTotals;
|
|
71
67
|
exports.BundleAssetsTotals.defaultProps = {
|
|
72
68
|
className: '',
|
|
73
69
|
jobs: [],
|
|
74
70
|
customComponentLink: component_link_1.ComponentLink,
|
|
75
|
-
onTreemapItemClick:
|
|
71
|
+
onTreemapItemClick: undefined,
|
|
76
72
|
};
|
|
77
73
|
exports.BundleAssetsTotals.propTypes = {
|
|
78
74
|
className: prop_types_1.default.string,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bundle-assets-totals.js","sourceRoot":"","sources":["../../../src/components/bundle-assets-totals/bundle-assets-totals.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,4DAAmC;AACnC,uDAA8C;AAC9C,+CAG6B;AAC7B,6EAA+D;AAE/D,+CAA+F;AAC/F,2EAAyE;AACzE,8CAA2C;AAC3C,wDAAoD;AACpD,0EAAqE;AACrE,oEAA8D;AAC9D,oDAAgD;AAChD,sDAAkD;AAClD,wGAAoD;
|
|
1
|
+
{"version":3,"file":"bundle-assets-totals.js","sourceRoot":"","sources":["../../../src/components/bundle-assets-totals/bundle-assets-totals.jsx"],"names":[],"mappings":"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"}
|
|
@@ -12,12 +12,7 @@ import { TotalSizeTypeTitle } from '../total-size-type-title';
|
|
|
12
12
|
import { MetricsTable } from '../metrics-table';
|
|
13
13
|
import { ComponentLink } from '../component-link';
|
|
14
14
|
import css from './bundle-assets-totals.module.css';
|
|
15
|
-
|
|
16
|
-
const { section, queryParams } = params;
|
|
17
|
-
const nextUrl = `${SECTION_URLS[section]}?${queryParams}`;
|
|
18
|
-
history.push(nextUrl);
|
|
19
|
-
}
|
|
20
|
-
export const BundleAssetsTotals = ({ className, jobs, customComponentLink: CustomComponentLink, onTreemapItemClick = defaultOnTreemapItemClick, ...restProps }) => {
|
|
15
|
+
export const BundleAssetsTotals = ({ className, jobs, customComponentLink: CustomComponentLink, onTreemapItemClick, ...restProps }) => {
|
|
21
16
|
const [displayType, setDisplayType] = useMetricsDisplayType();
|
|
22
17
|
const history = useHistory();
|
|
23
18
|
const items = webpack.compareBySection.sizes(jobs);
|
|
@@ -30,19 +25,20 @@ export const BundleAssetsTotals = ({ className, jobs, customComponentLink: Custo
|
|
|
30
25
|
const fileType = ASSETS_SIZES_FILE_TYPE_MAP[entryId];
|
|
31
26
|
const { section, params } = getBundleAssetsFileTypeComponentLink(fileType, '');
|
|
32
27
|
const queryParams = getComponentStateQueryString(params);
|
|
33
|
-
|
|
28
|
+
const nextUrl = `${SECTION_URLS[section]}?${queryParams}`;
|
|
29
|
+
history.push(nextUrl);
|
|
34
30
|
}, [history]);
|
|
35
31
|
return (React.createElement("div", { className: className },
|
|
36
32
|
React.createElement(Toolbar, { className: css.toolbar, renderActions: () => (React.createElement(MetricsDisplaySelector, { onSelect: setDisplayType, value: displayType })) },
|
|
37
33
|
React.createElement(TotalSizeTypeTitle, null)),
|
|
38
34
|
displayType === MetricsDisplayType.TABLE && (React.createElement(MetricsTable, { runs: jobs, items: items, renderRowHeader: renderRowHeader, showHeaderSum: true, ...restProps })),
|
|
39
|
-
displayType === MetricsDisplayType.TREEMAP && (React.createElement(MetricsTreemap, { items: items, onItemClick: handleMetricsTreemapItemClick }))));
|
|
35
|
+
displayType === MetricsDisplayType.TREEMAP && (React.createElement(MetricsTreemap, { items: items, onItemClick: onTreemapItemClick || handleMetricsTreemapItemClick }))));
|
|
40
36
|
};
|
|
41
37
|
BundleAssetsTotals.defaultProps = {
|
|
42
38
|
className: '',
|
|
43
39
|
jobs: [],
|
|
44
40
|
customComponentLink: ComponentLink,
|
|
45
|
-
onTreemapItemClick:
|
|
41
|
+
onTreemapItemClick: undefined,
|
|
46
42
|
};
|
|
47
43
|
BundleAssetsTotals.propTypes = {
|
|
48
44
|
className: PropTypes.string,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bundle-assets-totals.js","sourceRoot":"","sources":["../../../src/components/bundle-assets-totals/bundle-assets-totals.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EACL,oCAAoC,EACpC,4BAA4B,GAC7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,OAAO,MAAM,qCAAqC,CAAC;AAE/D,OAAO,EAAE,0BAA0B,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC/F,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,GAAG,MAAM,mCAAmC,CAAC;
|
|
1
|
+
{"version":3,"file":"bundle-assets-totals.js","sourceRoot":"","sources":["../../../src/components/bundle-assets-totals/bundle-assets-totals.jsx"],"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.13.0-beta.
|
|
3
|
+
"version": "4.13.0-beta.5",
|
|
4
4
|
"description": "UI components for BundleStats projects.",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib-esm/index.js",
|
|
@@ -73,12 +73,12 @@
|
|
|
73
73
|
"react-router-dom": "^5.0.0"
|
|
74
74
|
},
|
|
75
75
|
"dependencies": {
|
|
76
|
-
"@bundle-stats/utils": "4.13.0-beta.
|
|
76
|
+
"@bundle-stats/utils": "4.13.0-beta.5",
|
|
77
77
|
"ariakit": "2.0.0-next.44",
|
|
78
78
|
"d3": "^7.8.5",
|
|
79
79
|
"modern-css-reset": "1.4.0",
|
|
80
80
|
"react-use": "^17.5.0",
|
|
81
81
|
"use-query-params": "2.2.1"
|
|
82
82
|
},
|
|
83
|
-
"gitHead": "
|
|
83
|
+
"gitHead": "095b70f045d207c0f8519f5f1500888163066cd0"
|
|
84
84
|
}
|
|
@@ -17,23 +17,11 @@ import { MetricsTable } from '../metrics-table';
|
|
|
17
17
|
import { ComponentLink } from '../component-link';
|
|
18
18
|
import css from './bundle-assets-totals.module.css';
|
|
19
19
|
|
|
20
|
-
/**
|
|
21
|
-
* @param {object} params
|
|
22
|
-
* @param {string} params.entryId
|
|
23
|
-
* @param {string} params.section
|
|
24
|
-
* @param {string} params.queryParams
|
|
25
|
-
*/
|
|
26
|
-
function defaultOnTreemapItemClick(params, history) {
|
|
27
|
-
const { section, queryParams } = params;
|
|
28
|
-
const nextUrl = `${SECTION_URLS[section]}?${queryParams}`;
|
|
29
|
-
history.push(nextUrl);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
20
|
export const BundleAssetsTotals = ({
|
|
33
21
|
className,
|
|
34
22
|
jobs,
|
|
35
23
|
customComponentLink: CustomComponentLink,
|
|
36
|
-
onTreemapItemClick
|
|
24
|
+
onTreemapItemClick,
|
|
37
25
|
...restProps
|
|
38
26
|
}) => {
|
|
39
27
|
const [displayType, setDisplayType] = useMetricsDisplayType();
|
|
@@ -57,7 +45,9 @@ export const BundleAssetsTotals = ({
|
|
|
57
45
|
const fileType = ASSETS_SIZES_FILE_TYPE_MAP[entryId];
|
|
58
46
|
const { section, params } = getBundleAssetsFileTypeComponentLink(fileType, '');
|
|
59
47
|
const queryParams = getComponentStateQueryString(params);
|
|
60
|
-
|
|
48
|
+
|
|
49
|
+
const nextUrl = `${SECTION_URLS[section]}?${queryParams}`;
|
|
50
|
+
history.push(nextUrl);
|
|
61
51
|
},
|
|
62
52
|
[history],
|
|
63
53
|
);
|
|
@@ -82,7 +72,10 @@ export const BundleAssetsTotals = ({
|
|
|
82
72
|
/>
|
|
83
73
|
)}
|
|
84
74
|
{displayType === MetricsDisplayType.TREEMAP && (
|
|
85
|
-
<MetricsTreemap
|
|
75
|
+
<MetricsTreemap
|
|
76
|
+
items={items}
|
|
77
|
+
onItemClick={onTreemapItemClick || handleMetricsTreemapItemClick}
|
|
78
|
+
/>
|
|
86
79
|
)}
|
|
87
80
|
</div>
|
|
88
81
|
);
|
|
@@ -92,7 +85,7 @@ BundleAssetsTotals.defaultProps = {
|
|
|
92
85
|
className: '',
|
|
93
86
|
jobs: [],
|
|
94
87
|
customComponentLink: ComponentLink,
|
|
95
|
-
onTreemapItemClick:
|
|
88
|
+
onTreemapItemClick: undefined,
|
|
96
89
|
};
|
|
97
90
|
|
|
98
91
|
BundleAssetsTotals.propTypes = {
|
|
@@ -104,5 +97,8 @@ BundleAssetsTotals.propTypes = {
|
|
|
104
97
|
|
|
105
98
|
customComponentLink: PropTypes.elementType,
|
|
106
99
|
|
|
100
|
+
/**
|
|
101
|
+
* Treemap item onClick
|
|
102
|
+
*/
|
|
107
103
|
onTreemapItemClick: PropTypes.func,
|
|
108
104
|
};
|
|
@@ -3,14 +3,14 @@ export function BundleAssetsTotals({ className, jobs, customComponentLink: Custo
|
|
|
3
3
|
className: any;
|
|
4
4
|
jobs: any;
|
|
5
5
|
customComponentLink: any;
|
|
6
|
-
onTreemapItemClick
|
|
6
|
+
onTreemapItemClick: any;
|
|
7
7
|
}): React.JSX.Element;
|
|
8
8
|
export namespace BundleAssetsTotals {
|
|
9
9
|
namespace defaultProps {
|
|
10
10
|
export let className: string;
|
|
11
11
|
export let jobs: never[];
|
|
12
12
|
export { ComponentLink as customComponentLink };
|
|
13
|
-
export
|
|
13
|
+
export let onTreemapItemClick: undefined;
|
|
14
14
|
}
|
|
15
15
|
namespace propTypes {
|
|
16
16
|
let className_1: PropTypes.Requireable<string>;
|
|
@@ -18,15 +18,10 @@ export namespace BundleAssetsTotals {
|
|
|
18
18
|
let jobs_1: PropTypes.Requireable<any[]>;
|
|
19
19
|
export { jobs_1 as jobs };
|
|
20
20
|
export let customComponentLink: PropTypes.Requireable<PropTypes.ReactComponentLike>;
|
|
21
|
-
|
|
21
|
+
let onTreemapItemClick_1: PropTypes.Requireable<(...args: any[]) => any>;
|
|
22
|
+
export { onTreemapItemClick_1 as onTreemapItemClick };
|
|
22
23
|
}
|
|
23
24
|
}
|
|
24
|
-
declare function defaultOnTreemapItemClick(params: {
|
|
25
|
-
entryId: string;
|
|
26
|
-
section: string;
|
|
27
|
-
queryParams: string;
|
|
28
|
-
}, history: any): void;
|
|
29
25
|
import React from 'react';
|
|
30
26
|
import { ComponentLink } from '../component-link';
|
|
31
27
|
import PropTypes from 'prop-types';
|
|
32
|
-
export {};
|