@bundle-stats/ui 4.1.7 → 4.1.8-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/bundle-modules/index.js +8 -2
- package/lib/components/bundle-modules/index.js.map +1 -1
- package/lib/components/metrics-table/index.js +19 -3
- package/lib/components/metrics-table/index.js.map +1 -1
- package/lib/components/metrics-table/metrics-table.js +13 -3
- package/lib/components/metrics-table/metrics-table.js.map +1 -1
- package/lib/components/metrics-table/metrics-table.module.css +17 -0
- package/lib/hooks/search-params.js +11 -2
- package/lib/hooks/search-params.js.map +1 -1
- package/lib/ui/tag/tag.module.css +2 -2
- package/lib-esm/components/bundle-modules/index.js +8 -2
- package/lib-esm/components/bundle-modules/index.js.map +1 -1
- package/lib-esm/components/metrics-table/index.js +6 -1
- package/lib-esm/components/metrics-table/index.js.map +1 -1
- package/lib-esm/components/metrics-table/metrics-table.js +13 -3
- package/lib-esm/components/metrics-table/metrics-table.js.map +1 -1
- package/lib-esm/components/metrics-table/metrics-table.module.css +17 -0
- package/lib-esm/hooks/search-params.js +12 -3
- package/lib-esm/hooks/search-params.js.map +1 -1
- package/lib-esm/ui/tag/tag.module.css +2 -2
- package/package.json +7 -7
- package/src/components/bundle-modules/index.jsx +15 -2
- package/src/components/metrics-table/index.jsx +11 -0
- package/src/components/metrics-table/metrics-table.jsx +42 -5
- package/src/components/metrics-table/metrics-table.module.css +17 -0
- package/src/hooks/search-params.js +23 -11
- package/src/ui/tag/tag.module.css +2 -2
- package/tsconfig.json +3 -0
- package/types/components/metrics-table/index.d.ts +1 -1
- package/types/components/metrics-table/metrics-table.d.ts +3 -1
- package/src/components/metrics-table/index.js +0 -1
|
@@ -40,8 +40,14 @@ const bundle_modules_utils_1 = require("./bundle-modules.utils");
|
|
|
40
40
|
const bundle_modules_constants_1 = require("./bundle-modules.constants");
|
|
41
41
|
const BundleModules = (props) => {
|
|
42
42
|
const { jobs, filters, search, setState, sortBy, direction, ...restProps } = props;
|
|
43
|
-
const chunks = (0,
|
|
44
|
-
|
|
43
|
+
const { chunks, chunkIds } = (0, react_1.useMemo)(() => {
|
|
44
|
+
const bundleChunks = (0, uniqBy_1.default)(jobs.map((job) => job?.meta?.webpack?.chunks || []).flat(), ({ id }) => id);
|
|
45
|
+
const bundleChunkIds = bundleChunks?.map(({ id }) => id);
|
|
46
|
+
return {
|
|
47
|
+
chunks: bundleChunks,
|
|
48
|
+
chunkIds: bundleChunkIds,
|
|
49
|
+
};
|
|
50
|
+
}, [jobs]);
|
|
45
51
|
const { defaultFilters, allEntriesFilters } = (0, react_1.useMemo)(() => ({
|
|
46
52
|
defaultFilters: {
|
|
47
53
|
changed: jobs?.length > 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/index.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4DAAmC;AACnC,2DAAmC;AACnC,+CAK6B;AAC7B,6EAA+D;AAE/D,yDAAwD;AACxD,qDAAoD;AACpD,6DAA4D;AAC5D,qDAA2E;AAC3E,iEAKgC;AAChC,yEAAqD;AAE9C,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,EAAE;IACrC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEnF,MAAM,MAAM,GAAG,IAAA,gBAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/index.jsx"],"names":[],"mappings":"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"}
|
|
@@ -10,9 +10,25 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
|
|
|
10
10
|
if (k2 === undefined) k2 = k;
|
|
11
11
|
o[k2] = m[k];
|
|
12
12
|
}));
|
|
13
|
-
var
|
|
14
|
-
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
15
24
|
};
|
|
16
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
|
|
26
|
+
exports.MetricsTable = void 0;
|
|
27
|
+
const react_1 = __importStar(require("react"));
|
|
28
|
+
const metrics_table_1 = require("./metrics-table");
|
|
29
|
+
const MetricsTable = (props) => {
|
|
30
|
+
const [showAllItems, setShowAllItems] = (0, react_1.useState)(false);
|
|
31
|
+
return (react_1.default.createElement(metrics_table_1.MetricsTable, { ...props, showAllItems: showAllItems, setShowAllItems: setShowAllItems }));
|
|
32
|
+
};
|
|
33
|
+
exports.MetricsTable = MetricsTable;
|
|
18
34
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/metrics-table/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/metrics-table/index.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AAExC,mDAAgE;AAEzD,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE;IACpC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAExD,OAAO,CACL,8BAAC,4BAAa,OAAK,KAAK,EAAE,YAAY,EAAE,YAAY,EAAG,eAAe,EAAE,eAAe,GAAI,CAC5F,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,YAAY,gBAMvB"}
|
|
@@ -39,6 +39,7 @@ const delta_1 = require("../delta");
|
|
|
39
39
|
const job_name_1 = require("../job-name");
|
|
40
40
|
const metrics_table_module_css_1 = __importDefault(require("./metrics-table.module.css"));
|
|
41
41
|
const METRIC_TYPE_DATA = (0, utils_1.getGlobalMetricType)(null, utils_1.METRIC_TYPE_FILE_SIZE);
|
|
42
|
+
const VISIBLE_COUNT = 100;
|
|
42
43
|
const getRowsRunTotal = (rows, runIndex) => (0, sum_1.default)(rows.map((row) => row?.runs?.[runIndex]?.value || 0));
|
|
43
44
|
const getHeaderLabelCells = (rows) => (run, runIndex, runs) => {
|
|
44
45
|
const isBaseline = runIndex === runs.length - 1;
|
|
@@ -128,7 +129,7 @@ MetricsTableRow.propTypes = {
|
|
|
128
129
|
}).isRequired,
|
|
129
130
|
renderRowHeader: prop_types_1.default.func.isRequired,
|
|
130
131
|
};
|
|
131
|
-
const MetricsTable = ({ className, renderRowHeader, runs, items, emptyMessage, showHeaderSum, headerRows, title, ...restProps }) => {
|
|
132
|
+
const MetricsTable = ({ className, renderRowHeader, runs, items, emptyMessage, showHeaderSum, headerRows, title, showAllItems, setShowAllItems, ...restProps }) => {
|
|
132
133
|
const { headers, columnClassNames } = (0, react_1.useMemo)(() => {
|
|
133
134
|
const headerColumns = getHeaderRows(runs, items, showHeaderSum, title);
|
|
134
135
|
return {
|
|
@@ -137,6 +138,10 @@ const MetricsTable = ({ className, renderRowHeader, runs, items, emptyMessage, s
|
|
|
137
138
|
};
|
|
138
139
|
}, [headerRows, runs, items, showHeaderSum, title]);
|
|
139
140
|
const rootClassName = (0, classnames_1.default)(metrics_table_module_css_1.default.root, className, runs.length > 1 && metrics_table_module_css_1.default.multipleRuns, showHeaderSum && metrics_table_module_css_1.default.showHeaderSum);
|
|
141
|
+
const showEmpty = (0, isEmpty_1.default)(items);
|
|
142
|
+
const showItems = !showEmpty;
|
|
143
|
+
const hasHiddenItems = items?.length > VISIBLE_COUNT;
|
|
144
|
+
const visibleItems = !hasHiddenItems || showAllItems ? items : items?.slice(0, VISIBLE_COUNT);
|
|
140
145
|
return (react_1.default.createElement(table_1.Table, { className: rootClassName, compact: true, ...restProps },
|
|
141
146
|
react_1.default.createElement(table_1.Table.THead, null, headers.map((headerRow) => {
|
|
142
147
|
const { cells, className: rowClassName } = headerRow.cells
|
|
@@ -144,8 +149,13 @@ const MetricsTable = ({ className, renderRowHeader, runs, items, emptyMessage, s
|
|
|
144
149
|
: { cells: headerRow };
|
|
145
150
|
return (react_1.default.createElement(table_1.Table.Tr, { className: rowClassName }, cells.map((header) => (react_1.default.createElement(table_1.Table.Th, { ...header })))));
|
|
146
151
|
})),
|
|
147
|
-
react_1.default.createElement(table_1.Table.TBody, null,
|
|
148
|
-
react_1.default.createElement(table_1.Table.
|
|
152
|
+
react_1.default.createElement(table_1.Table.TBody, null,
|
|
153
|
+
showEmpty && (react_1.default.createElement(table_1.Table.Tr, null,
|
|
154
|
+
react_1.default.createElement(table_1.Table.Td, { className: metrics_table_module_css_1.default.empty, colSpan: columnClassNames?.length || 1 }, emptyMessage))),
|
|
155
|
+
showItems && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
156
|
+
visibleItems.map((item) => (react_1.default.createElement(MetricsTableRow, { key: item.key, item: item, renderRowHeader: renderRowHeader }))),
|
|
157
|
+
hasHiddenItems && (react_1.default.createElement(table_1.Table.Tr, null,
|
|
158
|
+
react_1.default.createElement(table_1.Table.Td, { className: metrics_table_module_css_1.default.showAllItems, colSpan: columnClassNames?.length || 1 }, showAllItems ? (react_1.default.createElement("button", { onClick: () => setShowAllItems(false), type: "button", className: metrics_table_module_css_1.default.showAllItemsButton }, "Show less")) : (react_1.default.createElement("button", { onClick: () => setShowAllItems(true), type: "button", className: metrics_table_module_css_1.default.showAllItemsButton }, "Show all"))))))))));
|
|
149
159
|
};
|
|
150
160
|
exports.MetricsTable = MetricsTable;
|
|
151
161
|
exports.MetricsTable.defaultProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"metrics-table.js","sourceRoot":"","sources":["../../../src/components/metrics-table/metrics-table.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4DAAmC;AACnC,4DAA4B;AAC5B,6DAAqC;AACrC,qDAA6B;AAC7B,+CAAmG;AAEnG,0CAAuC;AACvC,sCAAmC;AACnC,oCAAiC;AACjC,0CAAsC;AACtC,0FAAgD;AAEhD,MAAM,gBAAgB,GAAG,IAAA,2BAAmB,EAAC,IAAI,EAAE,6BAAqB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"metrics-table.js","sourceRoot":"","sources":["../../../src/components/metrics-table/metrics-table.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4DAAmC;AACnC,4DAA4B;AAC5B,6DAAqC;AACrC,qDAA6B;AAC7B,+CAAmG;AAEnG,0CAAuC;AACvC,sCAAmC;AACnC,oCAAiC;AACjC,0CAAsC;AACtC,0FAAgD;AAEhD,MAAM,gBAAgB,GAAG,IAAA,2BAAmB,EAAC,IAAI,EAAE,6BAAqB,CAAC,CAAC;AAC1E,MAAM,aAAa,GAAG,GAAG,CAAC;AAE1B,MAAM,eAAe,GAAG,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,IAAA,aAAG,EAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC;AAEtG,MAAM,mBAAmB,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE;IAC5D,MAAM,UAAU,GAAG,QAAQ,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,oBAAE,EAAC,kCAAM,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,kCAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,kCAAM,CAAC,OAAO,CAAC,CAAC;IAElF,IAAI,CAAC,GAAG,EAAE;QACR,OAAO;YACL,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE;YAC5B,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,kCAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;SACrE,CAAC;KACH;IAED,MAAM,EAAE,KAAK,EAAE,mBAAmB,EAAE,GAAG,GAAG,CAAC;IAE3C,MAAM,OAAO,GAAG,CACd,8BAAC,kBAAO,IACN,KAAK,EAAE,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAC9C,mBAAmB,EAAE,mBAAmB,EACxC,SAAS,EAAE,kCAAM,CAAC,OAAO,IAExB,KAAK,CACE,CACX,CAAC;IAEF,OAAO;QAEL,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE;QAEhC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,oBAAE,EAAC,kCAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;KACzE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE;IAC5D,MAAM,UAAU,GAAG,QAAQ,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,oBAAE,EAAC,kCAAM,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,kCAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,kCAAM,CAAC,OAAO,CAAC,CAAC;IAElF,MAAM,eAAe,GAAG,eAAe,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACxD,MAAM,gBAAgB,GAAG,CAAC,UAAU,IAAI,eAAe,CAAC,IAAI,EAAE,QAAQ,GAAG,CAAC,CAAC,CAAC;IAC5E,MAAM,SAAS,GAAG,IAAA,wBAAgB,EAAC,gBAAgB,EAAE,eAAe,EAAE,gBAAgB,CAAC,CAAC;IAExF,OAAO;QAEL;YACE,QAAQ,EAAE,8BAAC,eAAM,IAAC,SAAS,EAAE,kCAAM,CAAC,oBAAoB,EAAE,KAAK,EAAE,SAAS,CAAC,YAAY,GAAI;YAC3F,SAAS;SACV;QAGD,GAAG,CAAC,CAAC,UAAU;YACb,CAAC,CAAC;gBACE;oBACE,QAAQ,EAAE,CACR,8BAAC,aAAK,IACJ,YAAY,EAAE,SAAS,CAAC,sBAAsB,EAC9C,SAAS,EAAE,SAAS,CAAC,SAAS,GAC9B,CACH;oBACD,SAAS,EAAE,kCAAM,CAAC,KAAK;iBACxB;aACF;YACH,CAAC,CAAC,EAAE,CAAC;KACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,CAAC;IAC3D;QACE,SAAS,EAAE,kCAAM,CAAC,gBAAgB;QAClC,KAAK,EAAE;YAEL;gBACE,QAAQ,EAAE,KAAK,IAAI,GAAG;gBACtB,SAAS,EAAE,kCAAM,CAAC,UAAU;gBAC5B,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aAC/B;YAGD,GAAG,IAAI,CAAC,GAAG,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE;SAC/C;KACF;IACD,GAAG,CAAC,aAAa;QACf,CAAC,CAAC;YACE;gBACE,SAAS,EAAE,kCAAM,CAAC,eAAe;gBACjC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE;aACnD;SACF;QACH,CAAC,CAAC,EAAE,CAAC;CACR,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CACrD,8BAAC,aAAK,CAAC,EAAE,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,CAAC,IAAI,CAAC,OAAO,IAAI,kCAAM,CAAC,SAAS,CAAC;IACxD,8BAAC,aAAK,CAAC,EAAE,IAAC,SAAS,EAAE,kCAAM,CAAC,UAAU,IAAG,eAAe,CAAC,IAAI,CAAC,CAAY;IAEzE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QAC5B,MAAM,UAAU,GAAG,KAAK,KAAK,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAClD,MAAM,cAAc,GAAG,IAAA,oBAAE,EAAC,kCAAM,CAAC,KAAK,EAAE,CAAC,UAAU,IAAI,kCAAM,CAAC,OAAO,CAAC,CAAC;QAGvE,IAAI,CAAC,GAAG,IAAI,OAAO,GAAG,CAAC,KAAK,KAAK,WAAW,EAAE;YAC5C,OAAO,CACL;gBACE,8BAAC,aAAK,CAAC,EAAE,IAAC,SAAS,EAAE,cAAc,QAAc;gBAChD,CAAC,UAAU,IAAI,8BAAC,aAAK,CAAC,EAAE,IAAC,SAAS,EAAE,kCAAM,CAAC,KAAK,GAAI,CACpD,CACJ,CAAC;SACH;QAED,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,sBAAsB,EAAE,SAAS,EAAE,GAAG,GAAG,CAAC;QAEjF,OAAO,CACL;YACE,8BAAC,aAAK,CAAC,EAAE,IAAC,SAAS,EAAE,cAAc;gBACjC,8BAAC,eAAM,IAAC,KAAK,EAAE,YAAY,GAAI,CACtB;YACV,CAAC,UAAU,IAAI,OAAO,eAAe,KAAK,QAAQ,IAAI,CACrD,8BAAC,aAAK,CAAC,EAAE,IAAC,SAAS,EAAE,kCAAM,CAAC,KAAK;gBAC/B,8BAAC,aAAK,IAAC,YAAY,EAAE,sBAAsB,EAAE,SAAS,EAAE,SAAS,GAAI,CAC5D,CACZ,CACA,CACJ,CAAC;IACJ,CAAC,CAAC,CACO,CACZ,CAAC;AAEF,eAAe,CAAC,SAAS,GAAG;IAC1B,IAAI,EAAE,oBAAS,CAAC,KAAK,CAAC;QACpB,OAAO,EAAE,oBAAS,CAAC,IAAI;QACvB,IAAI,EAAE,oBAAS,CAAC,OAAO,CACrB,oBAAS,CAAC,KAAK,CAAC;YACd,KAAK,EAAE,oBAAS,CAAC,MAAM;YACvB,YAAY,EAAE,oBAAS,CAAC,MAAM;YAC9B,eAAe,EAAE,oBAAS,CAAC,MAAM;YACjC,sBAAsB,EAAE,oBAAS,CAAC,MAAM;YACxC,SAAS,EAAE,oBAAS,CAAC,MAAM;SAC5B,CAAC,CACH;KACF,CAAC,CAAC,UAAU;IACb,eAAe,EAAE,oBAAS,CAAC,IAAI,CAAC,UAAU;CAC3C,CAAC;AAEK,MAAM,YAAY,GAAG,CAAC,EAC3B,SAAS,EACT,eAAe,EACf,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,aAAa,EACb,UAAU,EACV,KAAK,EACL,YAAY,EACZ,eAAe,EACf,GAAG,SAAS,EACb,EAAE,EAAE;IACH,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjD,MAAM,aAAa,GAAG,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;QAEvE,OAAO;YACL,OAAO,EAAE,CAAC,GAAG,UAAU,EAAE,GAAG,aAAa,CAAC;YAE1C,gBAAgB,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC;SACvF,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC;IAEpD,MAAM,aAAa,GAAG,IAAA,oBAAE,EACtB,kCAAM,CAAC,IAAI,EACX,SAAS,EACT,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,kCAAM,CAAC,YAAY,EACtC,aAAa,IAAI,kCAAM,CAAC,aAAa,CACtC,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,iBAAO,EAAC,KAAK,CAAC,CAAC;IACjC,MAAM,SAAS,GAAG,CAAC,SAAS,CAAC;IAC7B,MAAM,cAAc,GAAG,KAAK,EAAE,MAAM,GAAG,aAAa,CAAC;IACrD,MAAM,YAAY,GAAG,CAAC,cAAc,IAAI,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC;IAE9F,OAAO,CACL,8BAAC,aAAK,IAAC,SAAS,EAAE,aAAa,EAAE,OAAO,WAAK,SAAS;QACpD,8BAAC,aAAK,CAAC,KAAK,QACT,OAAO,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;YACzB,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC,KAAK;gBACxD,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;YAEzB,OAAO,CACL,8BAAC,aAAK,CAAC,EAAE,IAAC,SAAS,EAAE,YAAY,IAC9B,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACrB,8BAAC,aAAK,CAAC,EAAE,OAAK,MAAM,GAAI,CACzB,CAAC,CACO,CACZ,CAAC;QACJ,CAAC,CAAC,CACU;QACd,8BAAC,aAAK,CAAC,KAAK;YACT,SAAS,IAAI,CACZ,8BAAC,aAAK,CAAC,EAAE;gBACP,8BAAC,aAAK,CAAC,EAAE,IAAC,SAAS,EAAE,kCAAM,CAAC,KAAK,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,IAAI,CAAC,IACtE,YAAY,CACJ,CACF,CACZ;YAEA,SAAS,IAAI,CACZ;gBACG,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC1B,8BAAC,eAAe,IAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,eAAe,EAAE,eAAe,GAAI,CACjF,CAAC;gBAED,cAAc,IAAI,CACjB,8BAAC,aAAK,CAAC,EAAE;oBACP,8BAAC,aAAK,CAAC,EAAE,IAAC,SAAS,EAAE,kCAAM,CAAC,YAAY,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,IAAI,CAAC,IAC7E,YAAY,CAAC,CAAC,CAAC,CACZ,0CACE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EACrC,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,kCAAM,CAAC,kBAAkB,gBAG7B,CACV,CAAC,CAAC,CAAC,CACF,0CACE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,EACpC,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,kCAAM,CAAC,kBAAkB,eAG7B,CACV,CAEM,CACF,CACZ,CACA,CACJ,CACW,CACR,CACT,CAAC;AACJ,CAAC,CAAC;AAhGW,QAAA,YAAY,gBAgGvB;AAEF,oBAAY,CAAC,YAAY,GAAG;IAC1B,SAAS,EAAE,EAAE;IACb,eAAe,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK;IACrC,YAAY,EAAE,mBAAmB;IACjC,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,EAAE;IACd,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,oBAAY,CAAC,SAAS,GAAG;IACvB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,eAAe,EAAE,oBAAS,CAAC,IAAI;IAC/B,IAAI,EAAE,oBAAS,CAAC,OAAO,CACrB,oBAAS,CAAC,KAAK,CAAC;QACd,mBAAmB,EAAE,oBAAS,CAAC,MAAM;KACtC,CAAC,CACH,CAAC,UAAU;IACZ,KAAK,EAAE,oBAAS,CAAC,OAAO,CACtB,oBAAS,CAAC,KAAK,CAAC;QACd,GAAG,EAAE,oBAAS,CAAC,MAAM;QACrB,KAAK,EAAE,oBAAS,CAAC,MAAM;QACvB,IAAI,EAAE,oBAAS,CAAC,OAAO,CACrB,oBAAS,CAAC,KAAK,CAAC;YACd,YAAY,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,MAAM,EAAE,oBAAS,CAAC,MAAM,CAAC,CAAC;YACvE,YAAY,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,MAAM,EAAE,oBAAS,CAAC,MAAM,CAAC,CAAC;SACxE,CAAC,CACH;KACF,CAAC,CACH,CAAC,UAAU;IACZ,YAAY,EAAE,oBAAS,CAAC,OAAO;IAC/B,aAAa,EAAE,oBAAS,CAAC,IAAI;IAC7B,UAAU,EAAE,oBAAS,CAAC,OAAO,CAC3B,oBAAS,CAAC,OAAO,CACf,oBAAS,CAAC,SAAS,CAAC;QAClB,oBAAS,CAAC,OAAO;QACjB,oBAAS,CAAC,KAAK,CAAC;YACd,QAAQ,EAAE,oBAAS,CAAC,IAAI;SACzB,CAAC;KACH,CAAC,CACH,CACF;IACD,KAAK,EAAE,oBAAS,CAAC,OAAO;CACzB,CAAC"}
|
|
@@ -67,6 +67,23 @@
|
|
|
67
67
|
text-align: center;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
+
.root .showAllItems {
|
|
71
|
+
background: none !important;
|
|
72
|
+
text-align: center;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
/** show all */
|
|
76
|
+
.showAllItemsButton {
|
|
77
|
+
appearance: none;
|
|
78
|
+
background: none;
|
|
79
|
+
margin: 0;
|
|
80
|
+
border: 0;
|
|
81
|
+
padding: var(--space-xxxsmall);
|
|
82
|
+
color: var(--color-primary);
|
|
83
|
+
text-decoration: underline;
|
|
84
|
+
cursor: pointer;
|
|
85
|
+
}
|
|
86
|
+
|
|
70
87
|
/** Breakpoints */
|
|
71
88
|
.root tr {
|
|
72
89
|
display: flex;
|
|
@@ -107,7 +107,7 @@ const useSearchParams = ({ search: parentSearch = SEARCH_DEFAULT, filters: paren
|
|
|
107
107
|
const handleResetAllFilters = (0, react_1.useCallback)(() => {
|
|
108
108
|
dispatch({ type: ACTION_RESET_ALL });
|
|
109
109
|
}, [dispatch]);
|
|
110
|
-
return {
|
|
110
|
+
return (0, react_1.useMemo)(() => ({
|
|
111
111
|
search,
|
|
112
112
|
searchPattern,
|
|
113
113
|
filters,
|
|
@@ -116,7 +116,16 @@ const useSearchParams = ({ search: parentSearch = SEARCH_DEFAULT, filters: paren
|
|
|
116
116
|
updateFilters: handleUpdateFilters,
|
|
117
117
|
resetFilters: handleResetFilters,
|
|
118
118
|
resetAllFilters: handleResetAllFilters,
|
|
119
|
-
}
|
|
119
|
+
}), [
|
|
120
|
+
search,
|
|
121
|
+
searchPattern,
|
|
122
|
+
filters,
|
|
123
|
+
allEntriesFilters,
|
|
124
|
+
handleUpdateSearch,
|
|
125
|
+
handleUpdateFilters,
|
|
126
|
+
handleResetFilters,
|
|
127
|
+
handleResetAllFilters,
|
|
128
|
+
]);
|
|
120
129
|
};
|
|
121
130
|
exports.useSearchParams = useSearchParams;
|
|
122
131
|
//# sourceMappingURL=search-params.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-params.js","sourceRoot":"","sources":["../../src/hooks/search-params.js"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"search-params.js","sourceRoot":"","sources":["../../src/hooks/search-params.js"],"names":[],"mappings":"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"}
|
|
@@ -29,11 +29,11 @@
|
|
|
29
29
|
/** default: medium */
|
|
30
30
|
.root {
|
|
31
31
|
border-radius: var(--radius-medium);
|
|
32
|
-
padding: var(--space-xxxsmall);
|
|
32
|
+
padding: calc(var(--space-xxxsmall) / 2) var(--space-xxxsmall);
|
|
33
33
|
min-width: var(--space-small);
|
|
34
34
|
height: var(--space-small);
|
|
35
35
|
font-size: 9px;
|
|
36
|
-
line-height:
|
|
36
|
+
line-height: var(--space-xsmall);
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
.small {
|
|
@@ -11,8 +11,14 @@ import { addRowSourceFlag, getRowFilter, getCustomSort, useModuleFilterByChunk,
|
|
|
11
11
|
import { SORT_BY } from './bundle-modules.constants';
|
|
12
12
|
export const BundleModules = (props) => {
|
|
13
13
|
const { jobs, filters, search, setState, sortBy, direction, ...restProps } = props;
|
|
14
|
-
const
|
|
15
|
-
|
|
14
|
+
const { chunks, chunkIds } = useMemo(() => {
|
|
15
|
+
const bundleChunks = uniqBy(jobs.map((job) => { var _a, _b; return ((_b = (_a = job === null || job === void 0 ? void 0 : job.meta) === null || _a === void 0 ? void 0 : _a.webpack) === null || _b === void 0 ? void 0 : _b.chunks) || []; }).flat(), ({ id }) => id);
|
|
16
|
+
const bundleChunkIds = bundleChunks === null || bundleChunks === void 0 ? void 0 : bundleChunks.map(({ id }) => id);
|
|
17
|
+
return {
|
|
18
|
+
chunks: bundleChunks,
|
|
19
|
+
chunkIds: bundleChunkIds,
|
|
20
|
+
};
|
|
21
|
+
}, [jobs]);
|
|
16
22
|
const { defaultFilters, allEntriesFilters } = useMemo(() => ({
|
|
17
23
|
defaultFilters: {
|
|
18
24
|
changed: (jobs === null || jobs === void 0 ? void 0 : jobs.length) > 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/index.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,MAAM,MAAM,eAAe,CAAC;AACnC,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,0BAA0B,EAC1B,wBAAwB,GACzB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,OAAO,MAAM,qCAAqC,CAAC;AAE/D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,aAAa,IAAI,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,sBAAsB,GACvB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,EAAE;IACrC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEnF,MAAM,MAAM,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/index.jsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import { MetricsTable as BaseComponent } from './metrics-table';
|
|
3
|
+
export const MetricsTable = (props) => {
|
|
4
|
+
const [showAllItems, setShowAllItems] = useState(false);
|
|
5
|
+
return (React.createElement(BaseComponent, { ...props, showAllItems: showAllItems, setShowAllItems: setShowAllItems }));
|
|
6
|
+
};
|
|
2
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/metrics-table/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/metrics-table/index.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,YAAY,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE;IACpC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,OAAO,CACL,oBAAC,aAAa,OAAK,KAAK,EAAE,YAAY,EAAE,YAAY,EAAG,eAAe,EAAE,eAAe,GAAI,CAC5F,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -10,6 +10,7 @@ import { Delta } from '../delta';
|
|
|
10
10
|
import { JobName } from '../job-name';
|
|
11
11
|
import styles from './metrics-table.module.css';
|
|
12
12
|
const METRIC_TYPE_DATA = getGlobalMetricType(null, METRIC_TYPE_FILE_SIZE);
|
|
13
|
+
const VISIBLE_COUNT = 100;
|
|
13
14
|
const getRowsRunTotal = (rows, runIndex) => sum(rows.map((row) => { var _a, _b; return ((_b = (_a = row === null || row === void 0 ? void 0 : row.runs) === null || _a === void 0 ? void 0 : _a[runIndex]) === null || _b === void 0 ? void 0 : _b.value) || 0; }));
|
|
14
15
|
const getHeaderLabelCells = (rows) => (run, runIndex, runs) => {
|
|
15
16
|
const isBaseline = runIndex === runs.length - 1;
|
|
@@ -99,7 +100,7 @@ MetricsTableRow.propTypes = {
|
|
|
99
100
|
}).isRequired,
|
|
100
101
|
renderRowHeader: PropTypes.func.isRequired,
|
|
101
102
|
};
|
|
102
|
-
export const MetricsTable = ({ className, renderRowHeader, runs, items, emptyMessage, showHeaderSum, headerRows, title, ...restProps }) => {
|
|
103
|
+
export const MetricsTable = ({ className, renderRowHeader, runs, items, emptyMessage, showHeaderSum, headerRows, title, showAllItems, setShowAllItems, ...restProps }) => {
|
|
103
104
|
const { headers, columnClassNames } = useMemo(() => {
|
|
104
105
|
const headerColumns = getHeaderRows(runs, items, showHeaderSum, title);
|
|
105
106
|
return {
|
|
@@ -108,6 +109,10 @@ export const MetricsTable = ({ className, renderRowHeader, runs, items, emptyMes
|
|
|
108
109
|
};
|
|
109
110
|
}, [headerRows, runs, items, showHeaderSum, title]);
|
|
110
111
|
const rootClassName = cx(styles.root, className, runs.length > 1 && styles.multipleRuns, showHeaderSum && styles.showHeaderSum);
|
|
112
|
+
const showEmpty = isEmpty(items);
|
|
113
|
+
const showItems = !showEmpty;
|
|
114
|
+
const hasHiddenItems = (items === null || items === void 0 ? void 0 : items.length) > VISIBLE_COUNT;
|
|
115
|
+
const visibleItems = !hasHiddenItems || showAllItems ? items : items === null || items === void 0 ? void 0 : items.slice(0, VISIBLE_COUNT);
|
|
111
116
|
return (React.createElement(Table, { className: rootClassName, compact: true, ...restProps },
|
|
112
117
|
React.createElement(Table.THead, null, headers.map((headerRow) => {
|
|
113
118
|
const { cells, className: rowClassName } = headerRow.cells
|
|
@@ -115,8 +120,13 @@ export const MetricsTable = ({ className, renderRowHeader, runs, items, emptyMes
|
|
|
115
120
|
: { cells: headerRow };
|
|
116
121
|
return (React.createElement(Table.Tr, { className: rowClassName }, cells.map((header) => (React.createElement(Table.Th, { ...header })))));
|
|
117
122
|
})),
|
|
118
|
-
React.createElement(Table.TBody, null,
|
|
119
|
-
React.createElement(Table.
|
|
123
|
+
React.createElement(Table.TBody, null,
|
|
124
|
+
showEmpty && (React.createElement(Table.Tr, null,
|
|
125
|
+
React.createElement(Table.Td, { className: styles.empty, colSpan: (columnClassNames === null || columnClassNames === void 0 ? void 0 : columnClassNames.length) || 1 }, emptyMessage))),
|
|
126
|
+
showItems && (React.createElement(React.Fragment, null,
|
|
127
|
+
visibleItems.map((item) => (React.createElement(MetricsTableRow, { key: item.key, item: item, renderRowHeader: renderRowHeader }))),
|
|
128
|
+
hasHiddenItems && (React.createElement(Table.Tr, null,
|
|
129
|
+
React.createElement(Table.Td, { className: styles.showAllItems, colSpan: (columnClassNames === null || columnClassNames === void 0 ? void 0 : columnClassNames.length) || 1 }, showAllItems ? (React.createElement("button", { onClick: () => setShowAllItems(false), type: "button", className: styles.showAllItemsButton }, "Show less")) : (React.createElement("button", { onClick: () => setShowAllItems(true), type: "button", className: styles.showAllItemsButton }, "Show all"))))))))));
|
|
120
130
|
};
|
|
121
131
|
MetricsTable.defaultProps = {
|
|
122
132
|
className: '',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"metrics-table.js","sourceRoot":"","sources":["../../../src/components/metrics-table/metrics-table.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEnG,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAEhD,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,IAAI,EAAE,qBAAqB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"metrics-table.js","sourceRoot":"","sources":["../../../src/components/metrics-table/metrics-table.jsx"],"names":[],"mappings":"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"}
|
|
@@ -67,6 +67,23 @@
|
|
|
67
67
|
text-align: center;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
+
.root .showAllItems {
|
|
71
|
+
background: none !important;
|
|
72
|
+
text-align: center;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
/** show all */
|
|
76
|
+
.showAllItemsButton {
|
|
77
|
+
appearance: none;
|
|
78
|
+
background: none;
|
|
79
|
+
margin: 0;
|
|
80
|
+
border: 0;
|
|
81
|
+
padding: var(--space-xxxsmall);
|
|
82
|
+
color: var(--color-primary);
|
|
83
|
+
text-decoration: underline;
|
|
84
|
+
cursor: pointer;
|
|
85
|
+
}
|
|
86
|
+
|
|
70
87
|
/** Breakpoints */
|
|
71
88
|
.root tr {
|
|
72
89
|
display: flex;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useCallback, useLayoutEffect, useReducer } from 'react';
|
|
1
|
+
import { useCallback, useLayoutEffect, useMemo, useReducer } from 'react';
|
|
2
2
|
import isEqual from 'lodash/isEqual';
|
|
3
3
|
import merge from 'lodash/merge';
|
|
4
4
|
const ACTION_SET_FILTERS = 'SET_FILTERS';
|
|
@@ -100,7 +100,7 @@ export const useSearchParams = ({ search: parentSearch = SEARCH_DEFAULT, filters
|
|
|
100
100
|
const handleResetAllFilters = useCallback(() => {
|
|
101
101
|
dispatch({ type: ACTION_RESET_ALL });
|
|
102
102
|
}, [dispatch]);
|
|
103
|
-
return {
|
|
103
|
+
return useMemo(() => ({
|
|
104
104
|
search,
|
|
105
105
|
searchPattern,
|
|
106
106
|
filters,
|
|
@@ -109,6 +109,15 @@ export const useSearchParams = ({ search: parentSearch = SEARCH_DEFAULT, filters
|
|
|
109
109
|
updateFilters: handleUpdateFilters,
|
|
110
110
|
resetFilters: handleResetFilters,
|
|
111
111
|
resetAllFilters: handleResetAllFilters,
|
|
112
|
-
}
|
|
112
|
+
}), [
|
|
113
|
+
search,
|
|
114
|
+
searchPattern,
|
|
115
|
+
filters,
|
|
116
|
+
allEntriesFilters,
|
|
117
|
+
handleUpdateSearch,
|
|
118
|
+
handleUpdateFilters,
|
|
119
|
+
handleResetFilters,
|
|
120
|
+
handleResetAllFilters,
|
|
121
|
+
]);
|
|
113
122
|
};
|
|
114
123
|
//# sourceMappingURL=search-params.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-params.js","sourceRoot":"","sources":["../../src/hooks/search-params.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"search-params.js","sourceRoot":"","sources":["../../src/hooks/search-params.js"],"names":[],"mappings":"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"}
|
|
@@ -29,11 +29,11 @@
|
|
|
29
29
|
/** default: medium */
|
|
30
30
|
.root {
|
|
31
31
|
border-radius: var(--radius-medium);
|
|
32
|
-
padding: var(--space-xxxsmall);
|
|
32
|
+
padding: calc(var(--space-xxxsmall) / 2) var(--space-xxxsmall);
|
|
33
33
|
min-width: var(--space-small);
|
|
34
34
|
height: var(--space-small);
|
|
35
35
|
font-size: 9px;
|
|
36
|
-
line-height:
|
|
36
|
+
line-height: var(--space-xsmall);
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
.small {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bundle-stats/ui",
|
|
3
|
-
"version": "4.1.
|
|
3
|
+
"version": "4.1.8-beta.0",
|
|
4
4
|
"description": "UI components for BundleStats projects.",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib-esm/index.js",
|
|
@@ -82,11 +82,11 @@
|
|
|
82
82
|
"react-router-dom": "^5.0.0"
|
|
83
83
|
},
|
|
84
84
|
"dependencies": {
|
|
85
|
-
"@bundle-stats/utils": "^4.1.
|
|
86
|
-
"ariakit": "
|
|
87
|
-
"modern-css-reset": "
|
|
88
|
-
"query-string": "
|
|
89
|
-
"use-query-params": "
|
|
85
|
+
"@bundle-stats/utils": "^4.1.8-beta.0",
|
|
86
|
+
"ariakit": "2.0.0-next.43",
|
|
87
|
+
"modern-css-reset": "1.4.0",
|
|
88
|
+
"query-string": "7.1.3",
|
|
89
|
+
"use-query-params": "2.1.2"
|
|
90
90
|
},
|
|
91
|
-
"gitHead": "
|
|
91
|
+
"gitHead": "0c82e07e4810738eff0c6d5ae6a1715f9fa67d5c"
|
|
92
92
|
}
|
|
@@ -24,8 +24,21 @@ import { SORT_BY } from './bundle-modules.constants';
|
|
|
24
24
|
export const BundleModules = (props) => {
|
|
25
25
|
const { jobs, filters, search, setState, sortBy, direction, ...restProps } = props;
|
|
26
26
|
|
|
27
|
-
const
|
|
28
|
-
|
|
27
|
+
const { chunks, chunkIds } = useMemo(
|
|
28
|
+
() => {
|
|
29
|
+
const bundleChunks = uniqBy(
|
|
30
|
+
jobs.map((job) => job?.meta?.webpack?.chunks || []).flat(),
|
|
31
|
+
({ id }) => id
|
|
32
|
+
);
|
|
33
|
+
const bundleChunkIds = bundleChunks?.map(({ id }) => id);
|
|
34
|
+
|
|
35
|
+
return {
|
|
36
|
+
chunks: bundleChunks,
|
|
37
|
+
chunkIds: bundleChunkIds,
|
|
38
|
+
};
|
|
39
|
+
},
|
|
40
|
+
[jobs],
|
|
41
|
+
);
|
|
29
42
|
|
|
30
43
|
const { defaultFilters, allEntriesFilters } = useMemo(
|
|
31
44
|
() => ({
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
|
|
3
|
+
import { MetricsTable as BaseComponent } from './metrics-table';
|
|
4
|
+
|
|
5
|
+
export const MetricsTable = (props) => {
|
|
6
|
+
const [showAllItems, setShowAllItems] = useState(false);
|
|
7
|
+
|
|
8
|
+
return (
|
|
9
|
+
<BaseComponent {...props} showAllItems={showAllItems} setShowAllItems={setShowAllItems} />
|
|
10
|
+
);
|
|
11
|
+
};
|
|
@@ -12,6 +12,7 @@ import { JobName } from '../job-name';
|
|
|
12
12
|
import styles from './metrics-table.module.css';
|
|
13
13
|
|
|
14
14
|
const METRIC_TYPE_DATA = getGlobalMetricType(null, METRIC_TYPE_FILE_SIZE);
|
|
15
|
+
const VISIBLE_COUNT = 100;
|
|
15
16
|
|
|
16
17
|
const getRowsRunTotal = (rows, runIndex) => sum(rows.map((row) => row?.runs?.[runIndex]?.value || 0));
|
|
17
18
|
|
|
@@ -164,6 +165,8 @@ export const MetricsTable = ({
|
|
|
164
165
|
showHeaderSum,
|
|
165
166
|
headerRows,
|
|
166
167
|
title,
|
|
168
|
+
showAllItems,
|
|
169
|
+
setShowAllItems,
|
|
167
170
|
...restProps
|
|
168
171
|
}) => {
|
|
169
172
|
const { headers, columnClassNames } = useMemo(() => {
|
|
@@ -183,6 +186,11 @@ export const MetricsTable = ({
|
|
|
183
186
|
showHeaderSum && styles.showHeaderSum,
|
|
184
187
|
);
|
|
185
188
|
|
|
189
|
+
const showEmpty = isEmpty(items);
|
|
190
|
+
const showItems = !showEmpty;
|
|
191
|
+
const hasHiddenItems = items?.length > VISIBLE_COUNT;
|
|
192
|
+
const visibleItems = !hasHiddenItems || showAllItems ? items : items?.slice(0, VISIBLE_COUNT);
|
|
193
|
+
|
|
186
194
|
return (
|
|
187
195
|
<Table className={rootClassName} compact {...restProps}>
|
|
188
196
|
<Table.THead>
|
|
@@ -201,17 +209,46 @@ export const MetricsTable = ({
|
|
|
201
209
|
})}
|
|
202
210
|
</Table.THead>
|
|
203
211
|
<Table.TBody>
|
|
204
|
-
{
|
|
205
|
-
items.map((item) => (
|
|
206
|
-
<MetricsTableRow key={item.key} item={item} renderRowHeader={renderRowHeader} />
|
|
207
|
-
))
|
|
208
|
-
) : (
|
|
212
|
+
{showEmpty && (
|
|
209
213
|
<Table.Tr>
|
|
210
214
|
<Table.Td className={styles.empty} colSpan={columnClassNames?.length || 1}>
|
|
211
215
|
{emptyMessage}
|
|
212
216
|
</Table.Td>
|
|
213
217
|
</Table.Tr>
|
|
214
218
|
)}
|
|
219
|
+
|
|
220
|
+
{showItems && (
|
|
221
|
+
<>
|
|
222
|
+
{visibleItems.map((item) => (
|
|
223
|
+
<MetricsTableRow key={item.key} item={item} renderRowHeader={renderRowHeader} />
|
|
224
|
+
))}
|
|
225
|
+
|
|
226
|
+
{hasHiddenItems && (
|
|
227
|
+
<Table.Tr>
|
|
228
|
+
<Table.Td className={styles.showAllItems} colSpan={columnClassNames?.length || 1}>
|
|
229
|
+
{showAllItems ? (
|
|
230
|
+
<button
|
|
231
|
+
onClick={() => setShowAllItems(false)}
|
|
232
|
+
type="button"
|
|
233
|
+
className={styles.showAllItemsButton}
|
|
234
|
+
>
|
|
235
|
+
Show less
|
|
236
|
+
</button>
|
|
237
|
+
) : (
|
|
238
|
+
<button
|
|
239
|
+
onClick={() => setShowAllItems(true)}
|
|
240
|
+
type="button"
|
|
241
|
+
className={styles.showAllItemsButton}
|
|
242
|
+
>
|
|
243
|
+
Show all
|
|
244
|
+
</button>
|
|
245
|
+
)
|
|
246
|
+
}
|
|
247
|
+
</Table.Td>
|
|
248
|
+
</Table.Tr>
|
|
249
|
+
)}
|
|
250
|
+
</>
|
|
251
|
+
)}
|
|
215
252
|
</Table.TBody>
|
|
216
253
|
</Table>
|
|
217
254
|
);
|
|
@@ -67,6 +67,23 @@
|
|
|
67
67
|
text-align: center;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
+
.root .showAllItems {
|
|
71
|
+
background: none !important;
|
|
72
|
+
text-align: center;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
/** show all */
|
|
76
|
+
.showAllItemsButton {
|
|
77
|
+
appearance: none;
|
|
78
|
+
background: none;
|
|
79
|
+
margin: 0;
|
|
80
|
+
border: 0;
|
|
81
|
+
padding: var(--space-xxxsmall);
|
|
82
|
+
color: var(--color-primary);
|
|
83
|
+
text-decoration: underline;
|
|
84
|
+
cursor: pointer;
|
|
85
|
+
}
|
|
86
|
+
|
|
70
87
|
/** Breakpoints */
|
|
71
88
|
.root tr {
|
|
72
89
|
display: flex;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useCallback, useLayoutEffect, useReducer } from 'react';
|
|
1
|
+
import { useCallback, useLayoutEffect, useMemo, useReducer } from 'react';
|
|
2
2
|
import isEqual from 'lodash/isEqual';
|
|
3
3
|
import merge from 'lodash/merge';
|
|
4
4
|
|
|
@@ -150,14 +150,26 @@ export const useSearchParams = ({
|
|
|
150
150
|
dispatch({ type: ACTION_RESET_ALL });
|
|
151
151
|
}, [dispatch]);
|
|
152
152
|
|
|
153
|
-
return
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
153
|
+
return useMemo(
|
|
154
|
+
() => ({
|
|
155
|
+
search,
|
|
156
|
+
searchPattern,
|
|
157
|
+
filters,
|
|
158
|
+
hasActiveFilters: !isEqual(allEntriesFilters, filters),
|
|
159
|
+
updateSearch: handleUpdateSearch,
|
|
160
|
+
updateFilters: handleUpdateFilters,
|
|
161
|
+
resetFilters: handleResetFilters,
|
|
162
|
+
resetAllFilters: handleResetAllFilters,
|
|
163
|
+
}),
|
|
164
|
+
[
|
|
165
|
+
search,
|
|
166
|
+
searchPattern,
|
|
167
|
+
filters,
|
|
168
|
+
allEntriesFilters,
|
|
169
|
+
handleUpdateSearch,
|
|
170
|
+
handleUpdateFilters,
|
|
171
|
+
handleResetFilters,
|
|
172
|
+
handleResetAllFilters,
|
|
173
|
+
],
|
|
174
|
+
);
|
|
163
175
|
};
|
|
@@ -29,11 +29,11 @@
|
|
|
29
29
|
/** default: medium */
|
|
30
30
|
.root {
|
|
31
31
|
border-radius: var(--radius-medium);
|
|
32
|
-
padding: var(--space-xxxsmall);
|
|
32
|
+
padding: calc(var(--space-xxxsmall) / 2) var(--space-xxxsmall);
|
|
33
33
|
min-width: var(--space-small);
|
|
34
34
|
height: var(--space-small);
|
|
35
35
|
font-size: 9px;
|
|
36
|
-
line-height:
|
|
36
|
+
line-height: var(--space-xsmall);
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
.small {
|
package/tsconfig.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export function MetricsTable(props: any): JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export function MetricsTable({ className, renderRowHeader, runs, items, emptyMessage, showHeaderSum, headerRows, title, ...restProps }: {
|
|
1
|
+
export function MetricsTable({ className, renderRowHeader, runs, items, emptyMessage, showHeaderSum, headerRows, title, showAllItems, setShowAllItems, ...restProps }: {
|
|
2
2
|
[x: string]: any;
|
|
3
3
|
className: any;
|
|
4
4
|
renderRowHeader: any;
|
|
@@ -8,6 +8,8 @@ export function MetricsTable({ className, renderRowHeader, runs, items, emptyMes
|
|
|
8
8
|
showHeaderSum: any;
|
|
9
9
|
headerRows: any;
|
|
10
10
|
title: any;
|
|
11
|
+
showAllItems: any;
|
|
12
|
+
setShowAllItems: any;
|
|
11
13
|
}): JSX.Element;
|
|
12
14
|
export namespace MetricsTable {
|
|
13
15
|
namespace defaultProps {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './metrics-table';
|