@bundle-stats/ui 4.13.0-beta.0 → 4.13.0-beta.3
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/index.js +2 -2
- package/lib/components/bundle-assets/index.js.map +1 -1
- package/lib/components/bundle-modules/bundle-modules.js +4 -2
- package/lib/components/bundle-modules/bundle-modules.js.map +1 -1
- package/lib/components/bundle-modules/index.js +2 -2
- package/lib/components/bundle-modules/index.js.map +1 -1
- package/lib/components/bundle-packages/index.js +2 -2
- package/lib/components/bundle-packages/index.js.map +1 -1
- package/lib/components/metrics-display-selector/metrics-display-selector.js +2 -8
- package/lib/components/metrics-display-selector/metrics-display-selector.js.map +1 -1
- package/lib/components/metrics-treemap/metrics-treemap.js +68 -49
- package/lib/components/metrics-treemap/metrics-treemap.js.map +1 -1
- package/lib/components/metrics-treemap/metrics-treemap.module.css +58 -42
- package/lib/hooks/entry-info.js +12 -0
- package/lib/hooks/entry-info.js.map +1 -0
- package/lib/query-state.js +1 -1
- package/lib/query-state.js.map +1 -1
- package/lib/ui/button/button.module.css +1 -0
- package/lib-esm/components/bundle-assets/index.js +3 -3
- package/lib-esm/components/bundle-assets/index.js.map +1 -1
- package/lib-esm/components/bundle-modules/bundle-modules.js +4 -2
- package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -1
- package/lib-esm/components/bundle-modules/index.js +2 -2
- package/lib-esm/components/bundle-modules/index.js.map +1 -1
- package/lib-esm/components/bundle-packages/index.js +3 -3
- package/lib-esm/components/bundle-packages/index.js.map +1 -1
- package/lib-esm/components/metrics-display-selector/metrics-display-selector.js +2 -8
- package/lib-esm/components/metrics-display-selector/metrics-display-selector.js.map +1 -1
- package/lib-esm/components/metrics-treemap/metrics-treemap.js +71 -51
- package/lib-esm/components/metrics-treemap/metrics-treemap.js.map +1 -1
- package/lib-esm/components/metrics-treemap/metrics-treemap.module.css +58 -42
- package/lib-esm/hooks/entry-info.js +8 -0
- package/lib-esm/hooks/entry-info.js.map +1 -0
- package/lib-esm/query-state.js +1 -1
- package/lib-esm/query-state.js.map +1 -1
- package/lib-esm/ui/button/button.module.css +1 -0
- package/package.json +7 -9
- package/src/components/bundle-assets/index.jsx +8 -3
- package/src/components/bundle-modules/bundle-modules.tsx +4 -2
- package/src/components/bundle-modules/index.tsx +2 -2
- package/src/components/bundle-packages/index.jsx +8 -3
- package/src/components/metrics-display-selector/metrics-display-selector.tsx +4 -8
- package/src/components/metrics-treemap/metrics-treemap.module.css +58 -42
- package/src/components/metrics-treemap/metrics-treemap.tsx +141 -105
- package/src/hooks/entry-info.ts +19 -0
- package/src/query-state.tsx +1 -1
- package/src/ui/button/button.module.css +1 -0
- package/types/hooks/entry-info.d.ts +8 -0
- package/lib/hooks/show-entry.js +0 -13
- package/lib/hooks/show-entry.js.map +0 -1
- package/lib-esm/hooks/show-entry.js +0 -9
- package/lib-esm/hooks/show-entry.js.map +0 -1
- package/src/hooks/show-entry.ts +0 -17
- package/types/hooks/show-entry.d.ts +0 -10
|
@@ -35,7 +35,7 @@ const component_links_1 = require("@bundle-stats/utils/lib-esm/utils/component-l
|
|
|
35
35
|
const rows_filter_1 = require("../../hooks/rows-filter");
|
|
36
36
|
const rows_sort_1 = require("../../hooks/rows-sort");
|
|
37
37
|
const search_params_1 = require("../../hooks/search-params");
|
|
38
|
-
const
|
|
38
|
+
const entry_info_1 = require("../../hooks/entry-info");
|
|
39
39
|
const bundle_assets_1 = require("./bundle-assets");
|
|
40
40
|
const bundle_assets_utils_1 = require("./bundle-assets.utils");
|
|
41
41
|
const BundleAssets = (props) => {
|
|
@@ -75,7 +75,7 @@ const BundleAssets = (props) => {
|
|
|
75
75
|
initialDirection: direction,
|
|
76
76
|
getCustomSort: bundle_assets_utils_1.getCustomSort,
|
|
77
77
|
});
|
|
78
|
-
const
|
|
78
|
+
const [hideEntryInfo, showEntryInfo] = (0, entry_info_1.useEntryInfo)({ setState });
|
|
79
79
|
return (react_1.default.createElement(bundle_assets_1.BundleAssets, { jobs: jobs, ...restProps, ...searchParams, ...sortParams, allItems: rows, totalRowCount: totalRowCount, hideEntryInfo: hideEntryInfo, showEntryInfo: showEntryInfo }));
|
|
80
80
|
};
|
|
81
81
|
exports.BundleAssets = BundleAssets;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/index.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4DAAmC;AACnC,6EAA+D;AAC/D,+CAAoD;AACpD,uFAG2D;AAE3D,yDAAwD;AACxD,qDAAoD;AACpD,6DAA4D;AAC5D,uDAAsD;AACtD,mDAAwE;AACxE,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/index.jsx"],"names":[],"mappings":"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"}
|
|
@@ -57,7 +57,9 @@ const bundle_modules_module_css_1 = __importDefault(require("./bundle-modules.mo
|
|
|
57
57
|
const metrics_display_type_1 = require("../../hooks/metrics-display-type");
|
|
58
58
|
const RowHeader = (props) => {
|
|
59
59
|
const { row, filters, search, moduleMetric, customComponentLink: CustomComponentLink } = props;
|
|
60
|
-
return (react_1.default.createElement(CustomComponentLink, { section: utils_1.SECTIONS.MODULES, params: {
|
|
60
|
+
return (react_1.default.createElement(CustomComponentLink, { section: utils_1.SECTIONS.MODULES, params: {
|
|
61
|
+
[utils_1.COMPONENT.BUNDLE_MODULES]: { filters, search, entryId: row.key, metric: moduleMetric },
|
|
62
|
+
}, className: bundle_modules_module_css_1.default.name },
|
|
61
63
|
row.duplicated && (react_1.default.createElement(tag_1.Tag, { className: bundle_modules_module_css_1.default.nameTagDuplicated, size: "small", kind: tag_1.Tag.KINDS.DANGER })),
|
|
62
64
|
react_1.default.createElement(file_name_1.FileName, { className: bundle_modules_module_css_1.default.nameText, name: row.label })));
|
|
63
65
|
};
|
|
@@ -68,7 +70,7 @@ const BundleModules = (props) => {
|
|
|
68
70
|
const [displayType, setDisplayType] = (0, metrics_display_type_1.useMetricsDisplayType)();
|
|
69
71
|
const filterFieldsData = (0, react_1.useMemo)(() => (0, bundle_modules_utils_1.generateFilterFieldsData)({ filters, chunks, compareMode: jobs.length > 1 }), [jobs, filters, chunks]);
|
|
70
72
|
const metricsTableTitle = (0, react_1.useMemo)(() => (react_1.default.createElement(metrics_table_title_1.MetricsTableTitle, { title: i18n_1.default.MODULES, info: `${items.length}/${totalRowCount}`, popoverInfo: i18n_1.default.MODULES_INFO, popoverHref: config_json_1.default.documentation.modules })), [items, totalRowCount]);
|
|
71
|
-
const renderRowHeader = (0, react_1.useCallback)((row) => (react_1.default.createElement(RowHeader, { row: row, filters: filters, search: search, moduleMetric: moduleMetric, customComponentLink: CustomComponentLink })), [jobs, chunks, CustomComponentLink, filters, search]);
|
|
73
|
+
const renderRowHeader = (0, react_1.useCallback)((row) => (react_1.default.createElement(RowHeader, { row: row, filters: filters, search: search, moduleMetric: moduleMetric, customComponentLink: CustomComponentLink })), [jobs, chunks, CustomComponentLink, filters, search, moduleMetric]);
|
|
72
74
|
const emptyMessage = (0, react_1.useMemo)(() => (react_1.default.createElement(empty_set_1.EmptySet, { resources: "modules", filtered: totalRowCount !== 0, handleResetFilters: resetFilters, handleViewAll: resetAllFilters })), [totalRowCount, resetFilters, resetAllFilters]);
|
|
73
75
|
const entryItem = (0, react_1.useMemo)(() => {
|
|
74
76
|
if (!entryId) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bundle-modules.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/bundle-modules.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AACpD,4DAA4B;AAC5B,+CAA0D;AAG1D,oEAAuC;AACvC,sDAA8B;AAC9B,0CAAuC;AACvC,+CAAqD;AACrD,wDAAoD;AACpD,4CAAyC;AACzC,kDAA8C;AAC9C,kDAA8C;AAC9C,8CAA2C;AAC3C,wDAAoD;AACpD,sCAAmC;AACnC,8CAA2C;AAC3C,8CAA2C;AAC3C,sDAAkD;AAClD,oDAAgD;AAChD,wDAAoD;AACpD,oEAA+D;AAC/D,0EAAqE;AACrE,gEAA2D;AAC3D,gDAA4C;AAC5C,iEAAkE;AAClE,yEAA0D;AAE1D,oEAAsD;AACtD,4FAA8C;AAC9C,2EAAyE;AAUzE,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC1C,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC;IAE/F,OAAO,CACL,8BAAC,mBAAmB,IAClB,OAAO,EAAE,gBAAQ,CAAC,OAAO,EACzB,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"bundle-modules.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/bundle-modules.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,7 +29,7 @@ const webpack = __importStar(require("@bundle-stats/utils/lib-esm/webpack"));
|
|
|
29
29
|
const rows_filter_1 = require("../../hooks/rows-filter");
|
|
30
30
|
const rows_sort_1 = require("../../hooks/rows-sort");
|
|
31
31
|
const search_params_1 = require("../../hooks/search-params");
|
|
32
|
-
const
|
|
32
|
+
const entry_info_1 = require("../../hooks/entry-info");
|
|
33
33
|
const bundle_modules_1 = require("./bundle-modules");
|
|
34
34
|
const bundle_modules_utils_1 = require("./bundle-modules.utils");
|
|
35
35
|
const bundle_modules_constants_1 = require("./bundle-modules.constants");
|
|
@@ -85,7 +85,7 @@ const BundleModules = (props) => {
|
|
|
85
85
|
initialDirection: direction,
|
|
86
86
|
getCustomSort: bundle_modules_utils_1.getCustomSort,
|
|
87
87
|
});
|
|
88
|
-
const
|
|
88
|
+
const [hideEntryInfo, showEntryInfo] = (0, entry_info_1.useEntryInfo)({ setState });
|
|
89
89
|
return (react_1.default.createElement(bundle_modules_1.BundleModules, { jobs: jobs, chunks: chunks, ...restProps, ...searchParams, ...sortParams, allItems: rows, totalRowCount: totalRowCount, hideEntryInfo: hideEntryInfo, moduleMetric: moduleMetric, setModuleMetric: setModuleMetric, showEntryInfo: showEntryInfo }));
|
|
90
90
|
};
|
|
91
91
|
exports.BundleModules = BundleModules;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -34,7 +34,7 @@ const webpack = __importStar(require("@bundle-stats/utils/lib-esm/webpack/compar
|
|
|
34
34
|
const rows_filter_1 = require("../../hooks/rows-filter");
|
|
35
35
|
const rows_sort_1 = require("../../hooks/rows-sort");
|
|
36
36
|
const search_params_1 = require("../../hooks/search-params");
|
|
37
|
-
const
|
|
37
|
+
const entry_info_1 = require("../../hooks/entry-info");
|
|
38
38
|
const bundle_packages_1 = require("./bundle-packages");
|
|
39
39
|
const bundle_packages_utils_1 = require("./bundle-packages.utils");
|
|
40
40
|
const BundlePackages = (props) => {
|
|
@@ -73,7 +73,7 @@ const BundlePackages = (props) => {
|
|
|
73
73
|
initialDirection: direction,
|
|
74
74
|
getCustomSort: bundle_packages_utils_1.getCustomSort,
|
|
75
75
|
});
|
|
76
|
-
const
|
|
76
|
+
const [hideEntryInfo, showEntryInfo] = (0, entry_info_1.useEntryInfo)({ setState });
|
|
77
77
|
return (react_1.default.createElement(bundle_packages_1.BundlePackages, { jobs: jobs, ...restProps, ...searchParams, ...sortParams, allItems: rows, totalRowCount: totalRowCount, hideEntryInfo: hideEntryInfo, showEntryInfo: showEntryInfo }));
|
|
78
78
|
};
|
|
79
79
|
exports.BundlePackages = BundlePackages;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-packages/index.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4DAAmC;AACnC,+CAAsD;AACtD,qFAAuE;AAEvE,yDAAwD;AACxD,qDAAoD;AACpD,6DAA4D;AAC5D,uDAAsD;AACtD,uDAA8E;AAC9E,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-packages/index.jsx"],"names":[],"mappings":"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"}
|
|
@@ -14,14 +14,8 @@ const metrics_display_selector_module_css_1 = __importDefault(require("./metrics
|
|
|
14
14
|
const MetricsDisplaySelector = (props) => {
|
|
15
15
|
const { className = '', value, onSelect, ...restProps } = props;
|
|
16
16
|
return (react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxsmall", as: "nav", className: (0, classnames_1.default)(metrics_display_selector_module_css_1.default.root, className), ...restProps },
|
|
17
|
-
react_1.default.createElement(button_1.Button, { outline: true, active: value === constants_1.MetricsDisplayType.TABLE, size: "small", type: "button", onClick: () => onSelect(constants_1.MetricsDisplayType.TABLE), className: metrics_display_selector_module_css_1.default.button },
|
|
18
|
-
|
|
19
|
-
react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.TABLE, className: metrics_display_selector_module_css_1.default.icon }),
|
|
20
|
-
react_1.default.createElement("span", null, "Table"))),
|
|
21
|
-
react_1.default.createElement(button_1.Button, { outline: true, active: value === constants_1.MetricsDisplayType.TREEMAP, size: "small", type: "button", onClick: () => onSelect(constants_1.MetricsDisplayType.TREEMAP), className: (0, classnames_1.default)(metrics_display_selector_module_css_1.default.button) },
|
|
22
|
-
react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center" },
|
|
23
|
-
react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.TREEMAP, className: metrics_display_selector_module_css_1.default.icon }),
|
|
24
|
-
react_1.default.createElement("span", null, "Treemap")))));
|
|
17
|
+
react_1.default.createElement(button_1.Button, { outline: true, active: value === constants_1.MetricsDisplayType.TABLE, size: "small", type: "button", glyph: icon_1.Icon.ICONS.TABLE, onClick: () => onSelect(constants_1.MetricsDisplayType.TABLE), className: metrics_display_selector_module_css_1.default.button }, "Table"),
|
|
18
|
+
react_1.default.createElement(button_1.Button, { outline: true, active: value === constants_1.MetricsDisplayType.TREEMAP, size: "small", type: "button", glyph: icon_1.Icon.ICONS.TREEMAP, onClick: () => onSelect(constants_1.MetricsDisplayType.TREEMAP), className: (0, classnames_1.default)(metrics_display_selector_module_css_1.default.button) }, "Treemap")));
|
|
25
19
|
};
|
|
26
20
|
exports.MetricsDisplaySelector = MetricsDisplaySelector;
|
|
27
21
|
//# sourceMappingURL=metrics-display-selector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"metrics-display-selector.js","sourceRoot":"","sources":["../../../src/components/metrics-display-selector/metrics-display-selector.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,+CAAqD;AACrD,wDAAoD;AACpD,4CAAyC;AACzC,wCAAqC;AACrC,gHAAwD;AAOjD,MAAM,sBAAsB,GAAG,CACpC,KACoE,EACpE,EAAE;IACF,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEhE,OAAO,CACL,8BAAC,sBAAS,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,6CAAG,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,SAAS;QACnF,8BAAC,eAAM,IACL,OAAO,QACP,MAAM,EAAE,KAAK,KAAK,8BAAkB,CAAC,KAAK,EAC1C,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,
|
|
1
|
+
{"version":3,"file":"metrics-display-selector.js","sourceRoot":"","sources":["../../../src/components/metrics-display-selector/metrics-display-selector.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,+CAAqD;AACrD,wDAAoD;AACpD,4CAAyC;AACzC,wCAAqC;AACrC,gHAAwD;AAOjD,MAAM,sBAAsB,GAAG,CACpC,KACoE,EACpE,EAAE;IACF,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEhE,OAAO,CACL,8BAAC,sBAAS,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,6CAAG,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,SAAS;QACnF,8BAAC,eAAM,IACL,OAAO,QACP,MAAM,EAAE,KAAK,KAAK,8BAAkB,CAAC,KAAK,EAC1C,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC,EACjD,SAAS,EAAE,6CAAG,CAAC,MAAM,YAGd;QACT,8BAAC,eAAM,IACL,OAAO,QACP,MAAM,EAAE,KAAK,KAAK,8BAAkB,CAAC,OAAO,EAC5C,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,OAAO,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,8BAAkB,CAAC,OAAO,CAAC,EACnD,SAAS,EAAE,IAAA,oBAAE,EAAC,6CAAG,CAAC,MAAM,CAAC,cAGlB,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,sBAAsB,0BAgCjC"}
|
|
@@ -28,18 +28,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
exports.MetricsTreemap = void 0;
|
|
30
30
|
const react_1 = __importStar(require("react"));
|
|
31
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
32
31
|
const react_use_1 = require("react-use");
|
|
32
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
33
33
|
const d3_1 = require("d3");
|
|
34
|
-
const
|
|
35
|
-
const react_dom_1 = require("@floating-ui/react-dom");
|
|
34
|
+
const tooltip_1 = require("ariakit/tooltip");
|
|
36
35
|
const stack_1 = require("../../layout/stack");
|
|
37
36
|
const file_name_1 = require("../../ui/file-name");
|
|
38
37
|
const delta_1 = require("../delta");
|
|
39
38
|
const run_info_1 = require("../run-info");
|
|
40
39
|
const metrics_treemap_module_css_1 = __importDefault(require("./metrics-treemap.module.css"));
|
|
41
40
|
const SQUARIFY_RATIO = 1.78;
|
|
42
|
-
const PADDING_OUTER =
|
|
41
|
+
const PADDING_OUTER = 1;
|
|
43
42
|
const PADDING_INNER = 1;
|
|
44
43
|
const PADDING_TOP = 4;
|
|
45
44
|
const PADDING_BOTTOM = 2;
|
|
@@ -48,9 +47,9 @@ const PADDING_RIGHT = 4;
|
|
|
48
47
|
const VERTICAL_SPACING = 4;
|
|
49
48
|
const LINE_HEIGHT = 16;
|
|
50
49
|
const LINE_HEIGHT_SMALL = 13.3;
|
|
51
|
-
function
|
|
50
|
+
function resolveLeafSizeDisplay(width, height) {
|
|
52
51
|
if (height > PADDING_TOP + PADDING_BOTTOM + VERTICAL_SPACING + LINE_HEIGHT * 2 &&
|
|
53
|
-
width > PADDING_LEFT + PADDING_RIGHT +
|
|
52
|
+
width > PADDING_LEFT + PADDING_RIGHT + 128) {
|
|
54
53
|
return 'default';
|
|
55
54
|
}
|
|
56
55
|
if (height > PADDING_TOP + PADDING_BOTTOM + LINE_HEIGHT_SMALL * 2 &&
|
|
@@ -59,53 +58,67 @@ function resolveTileSizeDisplay(width, height) {
|
|
|
59
58
|
}
|
|
60
59
|
return 'minimal';
|
|
61
60
|
}
|
|
62
|
-
const
|
|
63
|
-
const {
|
|
64
|
-
const currentRun =
|
|
65
|
-
const baselineRun =
|
|
66
|
-
return (react_1.default.createElement(stack_1.Stack, { space: "small", className: metrics_treemap_module_css_1.default.
|
|
67
|
-
react_1.default.createElement("h3", { className: metrics_treemap_module_css_1.default.
|
|
68
|
-
react_1.default.createElement(file_name_1.FileName, { as: "code", name:
|
|
61
|
+
const LeafTooltipContent = (props) => {
|
|
62
|
+
const { item } = props;
|
|
63
|
+
const currentRun = item.runs[0];
|
|
64
|
+
const baselineRun = item.runs[item.runs.length - 1];
|
|
65
|
+
return (react_1.default.createElement(stack_1.Stack, { space: "small", className: metrics_treemap_module_css_1.default.leafTooltipContent },
|
|
66
|
+
react_1.default.createElement("h3", { className: metrics_treemap_module_css_1.default.leafTooltipContentTitle },
|
|
67
|
+
react_1.default.createElement(file_name_1.FileName, { as: "code", name: item.label })),
|
|
69
68
|
react_1.default.createElement(run_info_1.RunInfo, { current: currentRun.displayValue, delta: currentRun.displayDeltaPercentage, deltaType: currentRun.deltaType, baseline: baselineRun?.displayValue || '0B' })));
|
|
70
69
|
};
|
|
71
|
-
const
|
|
72
|
-
const
|
|
70
|
+
const LeafContent = (0, react_1.forwardRef)((props, ref) => {
|
|
71
|
+
const { sizeDisplay, item, runInfo } = props;
|
|
72
|
+
if (sizeDisplay === 'minimal') {
|
|
73
|
+
return react_1.default.createElement("div", { className: metrics_treemap_module_css_1.default.leafContent, ref: ref });
|
|
74
|
+
}
|
|
75
|
+
return (react_1.default.createElement("div", { className: metrics_treemap_module_css_1.default.leafContent, ref: ref },
|
|
76
|
+
react_1.default.createElement(file_name_1.FileName, { as: "p", className: metrics_treemap_module_css_1.default.leadContentLabel, name: item.label }),
|
|
77
|
+
sizeDisplay !== 'small' && (react_1.default.createElement("p", { className: metrics_treemap_module_css_1.default.leadContentValue },
|
|
78
|
+
react_1.default.createElement("span", { className: metrics_treemap_module_css_1.default.leadContentMetric }, runInfo.displayValue),
|
|
79
|
+
react_1.default.createElement(delta_1.Delta, { className: metrics_treemap_module_css_1.default.leadContentDelta, displayValue: runInfo.displayDeltaPercentage, deltaType: runInfo.deltaType })))));
|
|
80
|
+
});
|
|
81
|
+
const LeafContentWithTooltip = (props) => {
|
|
82
|
+
const { sizeDisplay, item, runInfo, parentRef } = props;
|
|
83
|
+
const pointer = (0, react_use_1.useMouseHovered)(parentRef, { whenHovered: true });
|
|
84
|
+
const getAnchorRect = (0, react_1.useCallback)(() => {
|
|
85
|
+
if (pointer.docX === 0 && pointer.docY === 0 && pointer.elW === 0 && pointer.elH === 0) {
|
|
86
|
+
return null;
|
|
87
|
+
}
|
|
88
|
+
const newRect = {
|
|
89
|
+
x: pointer.docX - (document?.defaultView?.scrollX ?? 0),
|
|
90
|
+
y: pointer.docY - (document?.defaultView?.scrollY ?? 0),
|
|
91
|
+
w: 1,
|
|
92
|
+
h: 1,
|
|
93
|
+
};
|
|
94
|
+
return newRect;
|
|
95
|
+
}, [pointer.docX, pointer.docY]);
|
|
96
|
+
const tooltipState = (0, tooltip_1.useTooltipState)({ gutter: 8, getAnchorRect, timeout: 120 });
|
|
97
|
+
(0, react_use_1.useDebounce)(tooltipState.render, 10, [pointer.docX, pointer.docY]);
|
|
98
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
99
|
+
react_1.default.createElement(tooltip_1.TooltipAnchor, { state: tooltipState, className: metrics_treemap_module_css_1.default.leafContentTooltipAnchor },
|
|
100
|
+
react_1.default.createElement(LeafContent, { sizeDisplay: sizeDisplay, item: item, runInfo: runInfo })),
|
|
101
|
+
react_1.default.createElement(tooltip_1.Tooltip, { state: tooltipState, className: metrics_treemap_module_css_1.default.tooltip },
|
|
102
|
+
react_1.default.createElement(tooltip_1.TooltipArrow, { state: tooltipState, size: 16, className: metrics_treemap_module_css_1.default.leafTooltipArrow }),
|
|
103
|
+
react_1.default.createElement(LeafTooltipContent, { item: item }))));
|
|
104
|
+
};
|
|
105
|
+
const LeafAction = (0, react_1.forwardRef)((props, ref) => (react_1.default.createElement("button", { type: "button", xmlns: "http://www.w3.org/1999/xhtml", ref: ref, ...props })));
|
|
106
|
+
const Leaf = (props) => {
|
|
73
107
|
const { x, y, width, height, data, onClick } = props;
|
|
74
108
|
const { item } = data;
|
|
75
109
|
const runInfo = item.runs?.[0];
|
|
76
|
-
const
|
|
77
|
-
const
|
|
78
|
-
const
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
const hover = (0, react_2.useHover)(context);
|
|
86
|
-
const { getReferenceProps, getFloatingProps } = (0, react_2.useInteractions)([hover, clientPoint]);
|
|
87
|
-
const tileSizeDisplay = (0, react_1.useMemo)(() => resolveTileSizeDisplay(width, height), [width, height]);
|
|
88
|
-
const handleOnClick = (0, react_1.useCallback)(() => {
|
|
89
|
-
if (onClick) {
|
|
90
|
-
onClick(item.key);
|
|
91
|
-
}
|
|
92
|
-
}, [item.key]);
|
|
93
|
-
return (react_1.default.createElement("g", { className: (0, classnames_1.default)(metrics_treemap_module_css_1.default.tile, !item.changed && metrics_treemap_module_css_1.default['tile-NO_CHANGE'], metrics_treemap_module_css_1.default[`tile-${runInfo.deltaType}`], tileSizeDisplay === 'small' && metrics_treemap_module_css_1.default.tileSmall) },
|
|
94
|
-
react_1.default.createElement("rect", { x: x, y: y, width: width, height: height, className: metrics_treemap_module_css_1.default.tileOverlay }),
|
|
95
|
-
react_1.default.createElement("foreignObject", { height: height, width: width, x: x, y: y },
|
|
96
|
-
react_1.default.createElement(TileButton, { onClick: handleOnClick, className: metrics_treemap_module_css_1.default.tileContent, ref: refs.setReference, ...getReferenceProps() }, tileSizeDisplay !== 'minimal' && (react_1.default.createElement("div", { className: metrics_treemap_module_css_1.default.tileContentWrapper },
|
|
97
|
-
react_1.default.createElement("p", { className: metrics_treemap_module_css_1.default.tileContentLabel }, item.label),
|
|
98
|
-
react_1.default.createElement("p", { className: metrics_treemap_module_css_1.default.tileContentValue },
|
|
99
|
-
react_1.default.createElement("span", { className: metrics_treemap_module_css_1.default.tileContentMetric }, runInfo.displayValue),
|
|
100
|
-
react_1.default.createElement(delta_1.Delta, { className: metrics_treemap_module_css_1.default.tileContentDelta, displayValue: runInfo.displayDeltaPercentage, deltaType: runInfo.deltaType }))))),
|
|
101
|
-
isOpen && (react_1.default.createElement(react_2.FloatingPortal, null,
|
|
102
|
-
react_1.default.createElement("div", { ref: refs.setFloating, style: floatingStyles, ...getFloatingProps(), className: metrics_treemap_module_css_1.default.tooltip },
|
|
103
|
-
react_1.default.createElement("div", { ref: arrowRef, style: { left: middlewareData.arrow?.x }, className: metrics_treemap_module_css_1.default.tooltipArrow }),
|
|
104
|
-
react_1.default.createElement(TooltipContent, { data: item })))))));
|
|
110
|
+
const sizeDisplay = (0, react_1.useMemo)(() => resolveLeafSizeDisplay(width, height), [width, height]);
|
|
111
|
+
const handleOnClick = (0, react_1.useCallback)(() => onClick?.(item.key), [item.key, onClick]);
|
|
112
|
+
const leafContentRef = (0, react_1.useRef)(null);
|
|
113
|
+
const hover = (0, react_use_1.useHoverDirty)(leafContentRef);
|
|
114
|
+
const leafClassName = (0, classnames_1.default)(metrics_treemap_module_css_1.default.leaf, metrics_treemap_module_css_1.default[`leaf-${runInfo.deltaType}`], sizeDisplay === 'small' && metrics_treemap_module_css_1.default.leafSmall);
|
|
115
|
+
return (react_1.default.createElement("g", { className: leafClassName },
|
|
116
|
+
react_1.default.createElement("rect", { x: x, y: y, width: width, height: height, className: metrics_treemap_module_css_1.default.leafBackdrop }),
|
|
117
|
+
react_1.default.createElement("foreignObject", { height: height, width: width, x: x, y: y, className: metrics_treemap_module_css_1.default.leafWrapper },
|
|
118
|
+
react_1.default.createElement(LeafAction, { onClick: handleOnClick, ref: leafContentRef, className: metrics_treemap_module_css_1.default.leafAction }, hover ? (react_1.default.createElement(LeafContentWithTooltip, { sizeDisplay: sizeDisplay, item: item, runInfo: runInfo, parentRef: leafContentRef })) : (react_1.default.createElement(LeafContent, { sizeDisplay: sizeDisplay, item: item, runInfo: runInfo }))))));
|
|
105
119
|
};
|
|
106
|
-
|
|
107
|
-
const {
|
|
108
|
-
const [containerRef, { width, height }] = (0, react_use_1.useMeasure)();
|
|
120
|
+
function useMetricsTreemapHierarchy(params) {
|
|
121
|
+
const { items, width, height } = params;
|
|
109
122
|
const treemapHierarchy = (0, react_1.useMemo)(() => {
|
|
110
123
|
const children = items.map((item) => {
|
|
111
124
|
const values = item.runs.map((run) => run?.value || 0);
|
|
@@ -136,11 +149,17 @@ const MetricsTreemap = (props) => {
|
|
|
136
149
|
const tremapLayout = createTremapLayout(treemapHierarchy);
|
|
137
150
|
return tremapLayout.leaves().filter((leaf) => Boolean(leaf.parent));
|
|
138
151
|
}, [height, width, treemapHierarchy]);
|
|
139
|
-
return
|
|
152
|
+
return cells;
|
|
153
|
+
}
|
|
154
|
+
const MetricsTreemap = (props) => {
|
|
155
|
+
const { className = '', items, onItemClick, emptyMessage = 'No data', ...restProps } = props;
|
|
156
|
+
const [containerRef, { width, height }] = (0, react_use_1.useMeasure)();
|
|
157
|
+
const cells = useMetricsTreemapHierarchy({ items, width, height });
|
|
158
|
+
return (react_1.default.createElement("div", { className: (0, classnames_1.default)(metrics_treemap_module_css_1.default.root, className), ...restProps, ref: containerRef }, cells.length > 0 ? (react_1.default.createElement("svg", { viewBox: `0 0 ${width} ${height}`, className: metrics_treemap_module_css_1.default.canvas }, cells.map((leaf) => {
|
|
140
159
|
if (!leaf.parent) {
|
|
141
160
|
return null;
|
|
142
161
|
}
|
|
143
|
-
return (react_1.default.createElement(
|
|
162
|
+
return (react_1.default.createElement(Leaf, { x: leaf.x0, y: leaf.y0, width: leaf.x1 - leaf.x0, height: leaf.y1 - leaf.y0, data: leaf.data, onClick: onItemClick, key: leaf.id }));
|
|
144
163
|
}))) : (react_1.default.createElement("div", { className: metrics_treemap_module_css_1.default.emptyMessage },
|
|
145
164
|
react_1.default.createElement("div", { className: metrics_treemap_module_css_1.default.emptyMessageWrapper }, emptyMessage)))));
|
|
146
165
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"metrics-treemap.js","sourceRoot":"","sources":["../../../src/components/metrics-treemap/metrics-treemap.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"metrics-treemap.js","sourceRoot":"","sources":["../../../src/components/metrics-treemap/metrics-treemap.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
height: 100%;
|
|
13
13
|
fill: var(--color-text);
|
|
14
14
|
font-family: var(--font-family);
|
|
15
|
+
background: var(--color-background);
|
|
15
16
|
}
|
|
16
17
|
|
|
17
18
|
/** Tile overlay fill background transition */
|
|
@@ -20,29 +21,27 @@
|
|
|
20
21
|
transition-property: opacity;
|
|
21
22
|
}
|
|
22
23
|
|
|
23
|
-
.
|
|
24
|
-
fill: var(--color-
|
|
24
|
+
.leafBackdrop {
|
|
25
|
+
fill: var(--color-background);
|
|
25
26
|
transition: var(--ui-transition-out);
|
|
26
27
|
transition-property: opacity;
|
|
27
|
-
opacity: 0.
|
|
28
|
+
opacity: 0.6;
|
|
28
29
|
}
|
|
29
30
|
|
|
30
|
-
.
|
|
31
|
+
.leaf:hover .leafBackdrop {
|
|
31
32
|
transition: var(--ui-transition-in);
|
|
32
|
-
opacity: 0.
|
|
33
|
+
opacity: 0.4;
|
|
33
34
|
}
|
|
34
35
|
|
|
35
|
-
/**
|
|
36
|
-
.
|
|
36
|
+
/** Leaf wrapper button */
|
|
37
|
+
.leafAction {
|
|
37
38
|
appearance: none;
|
|
38
39
|
border: 0;
|
|
39
|
-
border-radius:
|
|
40
|
+
border-radius: 0;
|
|
40
41
|
padding: 0;
|
|
41
42
|
background: none;
|
|
42
|
-
|
|
43
43
|
width: 100%;
|
|
44
44
|
height: 100%;
|
|
45
|
-
padding: var(--space-xxsmall) var(--space-small);
|
|
46
45
|
display: flex;
|
|
47
46
|
align-items: center;
|
|
48
47
|
font-family: var(--font-family-fixed);
|
|
@@ -51,78 +50,94 @@
|
|
|
51
50
|
text-align: left;
|
|
52
51
|
}
|
|
53
52
|
|
|
54
|
-
.
|
|
53
|
+
.leafContent {
|
|
55
54
|
width: 100%;
|
|
56
|
-
|
|
55
|
+
height: 100%;
|
|
57
56
|
display: flex;
|
|
58
57
|
flex-flow: column;
|
|
59
|
-
|
|
58
|
+
justify-content: center;
|
|
59
|
+
padding: var(--space-xxsmall) var(--space-xxsmall);
|
|
60
|
+
gap: var(--space-xxxsmall);
|
|
61
|
+
line-height: var(--line-height-heading);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
/** Align label to other elements on the first column leafs */
|
|
65
|
+
.leafWrapper[x="0"] .leafContent {
|
|
66
|
+
padding-left: var(--space-small);
|
|
60
67
|
}
|
|
61
68
|
|
|
62
|
-
.
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
max-
|
|
69
|
+
.leadContentLabel {
|
|
70
|
+
flex: 0 1 auto;
|
|
71
|
+
width: 100%;
|
|
72
|
+
min-width: 0;
|
|
73
|
+
max-height: calc(2em * var(--line-height-heading));
|
|
67
74
|
overflow: hidden;
|
|
68
|
-
word-break: break-word;
|
|
69
75
|
}
|
|
70
76
|
|
|
71
|
-
.
|
|
77
|
+
.leadContentValue {
|
|
72
78
|
flex: 0 0 auto;
|
|
73
79
|
max-width: calc(100% + var(--space-xxsmall));
|
|
74
|
-
margin-right: calc(0px - var(--space-xxsmall)); /* take more space if necessary */
|
|
75
80
|
white-space: nowrap;
|
|
76
81
|
overflow: hidden;
|
|
77
82
|
}
|
|
78
83
|
|
|
79
|
-
.
|
|
84
|
+
.leadContentMetric {
|
|
80
85
|
font-weight: bold;
|
|
81
86
|
}
|
|
82
87
|
|
|
83
|
-
.
|
|
88
|
+
.leadContentDelta {
|
|
84
89
|
margin-left: var(--space-xxxsmall);
|
|
85
90
|
}
|
|
86
91
|
|
|
87
92
|
/** Tile size variation */
|
|
88
|
-
.
|
|
93
|
+
.leafSmall .leafContent {
|
|
94
|
+
padding: var(--space-xxxsmall) var(--space-xxsmall);
|
|
95
|
+
gap: 0;
|
|
89
96
|
font-size: var(--size-xsmall);
|
|
90
97
|
}
|
|
91
98
|
|
|
92
|
-
.
|
|
99
|
+
.leafSmall .leadContentLabel {
|
|
93
100
|
margin-top: 0;
|
|
94
101
|
}
|
|
95
102
|
|
|
96
103
|
/** Tile diff variation */
|
|
97
|
-
.
|
|
104
|
+
.leaf-NO_CHANGE .leafBackdrop {
|
|
105
|
+
fill: var(--color-gray-50);
|
|
106
|
+
opacity: 0.4;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.leaf-NO_CHANGE:hover .leafBackdrop {
|
|
110
|
+
opacity: 0.2;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.leaf-NO_CHANGE .leafAction {
|
|
98
114
|
color: var(--color-text-light);
|
|
99
115
|
}
|
|
100
116
|
|
|
101
|
-
.
|
|
117
|
+
.leaf-HIGH_NEGATIVE .leafBackdrop {
|
|
102
118
|
fill: var(--color-red-100);
|
|
103
119
|
}
|
|
104
120
|
|
|
105
|
-
.
|
|
121
|
+
.leaf-NEGATIVE .leafBackdrop {
|
|
106
122
|
fill: var(--color-red-50);
|
|
107
123
|
}
|
|
108
124
|
|
|
109
|
-
.
|
|
125
|
+
.leaf-LOW_NEGATIVE .leafBackdrop {
|
|
110
126
|
fill: var(--color-red-25);
|
|
111
127
|
}
|
|
112
128
|
|
|
113
|
-
.
|
|
129
|
+
.leaf-LOW_POSITIVE .leafBackdrop {
|
|
114
130
|
fill: var(--color-green-25);
|
|
115
131
|
}
|
|
116
132
|
|
|
117
|
-
.
|
|
133
|
+
.leaf-POSITIVE .leafBackdrop {
|
|
118
134
|
fill: var(--color-green-50);
|
|
119
135
|
}
|
|
120
136
|
|
|
121
|
-
.
|
|
137
|
+
.leaf-HIGH_POSITIVE .leafBackdrop {
|
|
122
138
|
fill: var(--color-green-100);
|
|
123
139
|
}
|
|
124
140
|
|
|
125
|
-
|
|
126
141
|
/** empty message */
|
|
127
142
|
.emptyMessage {
|
|
128
143
|
position: absolute;
|
|
@@ -140,7 +155,12 @@
|
|
|
140
155
|
text-align: center;
|
|
141
156
|
}
|
|
142
157
|
|
|
143
|
-
/** tooltip
|
|
158
|
+
/** tooltip */
|
|
159
|
+
.leafContentTooltipAnchor {
|
|
160
|
+
width: 100%;
|
|
161
|
+
height: 100%;
|
|
162
|
+
}
|
|
163
|
+
|
|
144
164
|
.tooltip {
|
|
145
165
|
z-index: var(--layer-xxhigh);
|
|
146
166
|
padding: var(--space-xsmall) var(--space-small);
|
|
@@ -154,15 +174,11 @@
|
|
|
154
174
|
font-size: var(--size-small);
|
|
155
175
|
}
|
|
156
176
|
|
|
157
|
-
.
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
border-left-color: transparent;
|
|
161
|
-
border-right-color: transparent;
|
|
162
|
-
position: absolute;
|
|
163
|
-
top: 100%;
|
|
177
|
+
.leafTooltipArrow svg {
|
|
178
|
+
display: block;
|
|
179
|
+
fill: var(--color-background) !important;
|
|
164
180
|
}
|
|
165
181
|
|
|
166
|
-
.
|
|
182
|
+
.leafTooltipContentTitle {
|
|
167
183
|
font-size: var(--size-medium);
|
|
168
184
|
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useEntryInfo = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
function useEntryInfo(params) {
|
|
6
|
+
const { setState } = params;
|
|
7
|
+
const hideEntryInfo = (0, react_1.useCallback)(() => setState({ entryId: '' }), [setState]);
|
|
8
|
+
const showEntryInfo = (0, react_1.useCallback)((entryId) => setState({ entryId }), [setState]);
|
|
9
|
+
return [hideEntryInfo, showEntryInfo];
|
|
10
|
+
}
|
|
11
|
+
exports.useEntryInfo = useEntryInfo;
|
|
12
|
+
//# sourceMappingURL=entry-info.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"entry-info.js","sourceRoot":"","sources":["../../src/hooks/entry-info.ts"],"names":[],"mappings":";;;AAAA,iCAAoC;AAWpC,SAAgB,YAAY,CAAC,MAA0B;IACrD,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IAE5B,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC/E,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,CAAC,OAAe,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE1F,OAAO,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;AACxC,CAAC;AAPD,oCAOC"}
|