@bundle-stats/ui 4.17.0 → 4.18.0-beta.1
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/asset-info/asset-info.i18n.js +11 -0
- package/lib/components/asset-info/asset-info.i18n.js.map +1 -0
- package/lib/components/asset-info/asset-info.js +16 -16
- package/lib/components/asset-info/asset-info.js.map +1 -1
- package/lib/components/bundle-assets/bundle-assets.i18n.js +9 -1
- package/lib/components/bundle-assets/bundle-assets.i18n.js.map +1 -1
- package/lib/components/bundle-assets/bundle-assets.js +9 -112
- package/lib/components/bundle-assets/bundle-assets.js.map +1 -1
- package/lib/components/bundle-assets/bundle-assets.utils.js +136 -23
- package/lib/components/bundle-assets/bundle-assets.utils.js.map +1 -1
- package/lib/components/bundle-assets/index.js +8 -26
- package/lib/components/bundle-assets/index.js.map +1 -1
- package/lib/components/metrics-table/metrics-table.js.map +1 -1
- package/lib/components/metrics-table-header/metrics-table-header.js.map +1 -1
- package/lib/hooks/rows-sort.js +14 -2
- package/lib/hooks/rows-sort.js.map +1 -1
- package/lib/hooks/search-params.js.map +1 -1
- package/lib-esm/components/asset-info/asset-info.i18n.js +8 -0
- package/lib-esm/components/asset-info/asset-info.i18n.js.map +1 -0
- package/lib-esm/components/asset-info/asset-info.js +17 -17
- package/lib-esm/components/asset-info/asset-info.js.map +1 -1
- package/lib-esm/components/bundle-assets/bundle-assets.i18n.js +8 -0
- package/lib-esm/components/bundle-assets/bundle-assets.i18n.js.map +1 -1
- package/lib-esm/components/bundle-assets/bundle-assets.js +10 -113
- package/lib-esm/components/bundle-assets/bundle-assets.js.map +1 -1
- package/lib-esm/components/bundle-assets/bundle-assets.utils.js +111 -22
- package/lib-esm/components/bundle-assets/bundle-assets.utils.js.map +1 -1
- package/lib-esm/components/bundle-assets/index.js +9 -24
- package/lib-esm/components/bundle-assets/index.js.map +1 -1
- package/lib-esm/components/metrics-table/metrics-table.js.map +1 -1
- package/lib-esm/components/metrics-table-header/metrics-table-header.js.map +1 -1
- package/lib-esm/hooks/rows-sort.js +14 -2
- package/lib-esm/hooks/rows-sort.js.map +1 -1
- package/lib-esm/hooks/search-params.js.map +1 -1
- package/package.json +3 -3
- package/src/components/asset-info/asset-info.i18n.ts +7 -0
- package/src/components/asset-info/asset-info.tsx +36 -38
- package/src/components/bundle-assets/__tests__/add-metric-report-asset-row-data.ts +2 -2
- package/src/components/bundle-assets/bundle-assets.i18n.ts +8 -0
- package/src/components/bundle-assets/bundle-assets.stories.tsx +99 -0
- package/src/components/bundle-assets/{bundle-assets.jsx → bundle-assets.tsx} +67 -149
- package/src/components/bundle-assets/bundle-assets.utils.ts +276 -0
- package/src/components/bundle-assets/{index.jsx → index.tsx} +43 -29
- package/src/components/metrics-table/metrics-table.tsx +3 -3
- package/src/components/metrics-table-header/metrics-table-header.tsx +4 -4
- package/src/components/sort-button/sort-button.tsx +1 -1
- package/src/hooks/rows-sort.ts +21 -3
- package/src/hooks/search-params.js +0 -1
- package/src/types.d.ts +5 -1
- package/types/components/asset-info/asset-info.d.ts +4 -13
- package/types/components/asset-info/asset-info.i18n.d.ts +7 -0
- package/types/components/bundle-assets/bundle-assets.d.ts +24 -55
- package/types/components/bundle-assets/bundle-assets.i18n.d.ts +8 -0
- package/types/components/bundle-assets/bundle-assets.utils.d.ts +17 -5
- package/types/components/bundle-assets/index.d.ts +10 -22
- package/types/components/metrics-table/metrics-table.d.ts +3 -2
- package/types/components/metrics-table-header/metrics-table-header.d.ts +1 -2
- package/types/components/sort-button/sort-button.d.ts +1 -2
- package/types/hooks/rows-sort.d.ts +1 -1
- package/src/components/bundle-assets/bundle-assets.utils.js +0 -149
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.FILE_TYPE_TOOLTIP = exports.FILE_TYPE = exports.ENTRYPOINT = exports.CHUNK_TOOLTIP = exports.CHUNK = exports.INITIAL = exports.ENTRY = void 0;
|
|
4
|
+
exports.ENTRY = 'Entry';
|
|
5
|
+
exports.INITIAL = 'Initial';
|
|
6
|
+
exports.CHUNK = 'Chunk';
|
|
7
|
+
exports.CHUNK_TOOLTIP = "The bundler's chunk from which the assets originated";
|
|
8
|
+
exports.ENTRYPOINT = 'Entrypoint';
|
|
9
|
+
exports.FILE_TYPE = 'File type';
|
|
10
|
+
exports.FILE_TYPE_TOOLTIP = 'Asset file type: JS, CSS, image, media, fonts, HTML, or other';
|
|
11
|
+
//# sourceMappingURL=asset-info.i18n.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"asset-info.i18n.js","sourceRoot":"","sources":["../../../src/components/asset-info/asset-info.i18n.ts"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAAG,OAAO,CAAC;AAChB,QAAA,OAAO,GAAG,SAAS,CAAC;AACpB,QAAA,KAAK,GAAG,OAAO,CAAC;AAChB,QAAA,aAAa,GAAG,sDAAsD,CAAC;AACvE,QAAA,UAAU,GAAG,YAAY,CAAC;AAC1B,QAAA,SAAS,GAAG,WAAW,CAAC;AACxB,QAAA,iBAAiB,GAAG,+DAA+D,CAAC"}
|
|
@@ -35,23 +35,19 @@ const flex_stack_1 = require("../../layout/flex-stack");
|
|
|
35
35
|
const asset_meta_tag_1 = require("../asset-meta-tag");
|
|
36
36
|
const component_link_1 = require("../component-link");
|
|
37
37
|
const entry_info_1 = require("../entry-info");
|
|
38
|
+
const I18N = __importStar(require("./asset-info.i18n"));
|
|
38
39
|
const asset_info_module_css_1 = __importDefault(require("./asset-info.module.css"));
|
|
39
|
-
const ChunkModulesLink = ({ as: Component,
|
|
40
|
-
const chunk = chunks?.find(({ id }) => id === chunkId);
|
|
41
|
-
if (!chunk) {
|
|
42
|
-
return null;
|
|
43
|
-
}
|
|
44
|
-
const chunkIds = chunks.map(({ id }) => id);
|
|
40
|
+
const ChunkModulesLink = ({ as: Component, chunk, chunkIds, name, onClick, }) => {
|
|
45
41
|
const fileType = (0, utils_1.getModuleFileType)(name);
|
|
46
|
-
return (react_1.default.createElement(Component, { className: asset_info_module_css_1.default.viewModules, ...(0, utils_1.getBundleModulesByChunk)(chunkIds,
|
|
42
|
+
return (react_1.default.createElement(Component, { className: asset_info_module_css_1.default.viewModules, ...(0, utils_1.getBundleModulesByChunk)(chunkIds, chunk.id, fileType), onClick: onClick }, "View chunk modules"));
|
|
47
43
|
};
|
|
48
44
|
const AssetRunName = (props) => {
|
|
49
45
|
const { run, children } = props;
|
|
50
46
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
51
47
|
react_1.default.createElement("span", { className: asset_info_module_css_1.default.runNameTags },
|
|
52
|
-
run.isEntry && react_1.default.createElement(asset_meta_tag_1.AssetMetaTag, { tag: "entry", title:
|
|
53
|
-
run.isInitial && react_1.default.createElement(asset_meta_tag_1.AssetMetaTag, { tag: "initial", title:
|
|
54
|
-
run.isChunk && react_1.default.createElement(asset_meta_tag_1.AssetMetaTag, { tag: "chunk", title:
|
|
48
|
+
run.isEntry && react_1.default.createElement(asset_meta_tag_1.AssetMetaTag, { tag: "entry", title: I18N.ENTRY, size: "small" }),
|
|
49
|
+
run.isInitial && react_1.default.createElement(asset_meta_tag_1.AssetMetaTag, { tag: "initial", title: I18N.INITIAL, size: "small" }),
|
|
50
|
+
run.isChunk && react_1.default.createElement(asset_meta_tag_1.AssetMetaTag, { tag: "chunk", title: I18N.CHUNK, size: "small" })),
|
|
55
51
|
children));
|
|
56
52
|
};
|
|
57
53
|
const AssetInfo = (props) => {
|
|
@@ -62,16 +58,20 @@ const AssetInfo = (props) => {
|
|
|
62
58
|
return null;
|
|
63
59
|
}
|
|
64
60
|
return (react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center", className: asset_info_module_css_1.default.tags },
|
|
65
|
-
item.isEntry && (react_1.default.createElement(asset_meta_tag_1.AssetMetaTag, { as: CustomComponentLink, ...(0, utils_1.getBundleAssetsByEntryType)('entry'), onClick: onClick, tag: "entry", size: "medium", status: item.isEntry, className: asset_info_module_css_1.default.assetNameTag },
|
|
66
|
-
item.isInitial && (react_1.default.createElement(asset_meta_tag_1.AssetMetaTag, { as: CustomComponentLink, ...(0, utils_1.getBundleAssetsByEntryType)('initial'), onClick: onClick, tag: "initial", size: "medium", status: item.isInitial, className: (0, classnames_1.default)(asset_info_module_css_1.default.assetNameTag, asset_info_module_css_1.default.assetNameTagInitial) },
|
|
67
|
-
item.isChunk && (react_1.default.createElement(asset_meta_tag_1.AssetMetaTag, { as: CustomComponentLink, ...(0, utils_1.getBundleAssetsByEntryType)('chunk'), onClick: onClick, tag: "chunk", size: "medium", status: item.isChunk, className: (0, classnames_1.default)(asset_info_module_css_1.default.assetNameTag, asset_info_module_css_1.default.assetNameTagChunk) },
|
|
61
|
+
item.isEntry && (react_1.default.createElement(asset_meta_tag_1.AssetMetaTag, { as: CustomComponentLink, ...(0, utils_1.getBundleAssetsByEntryType)('entry'), onClick: onClick, tag: "entry", size: "medium", status: item.isEntry, className: asset_info_module_css_1.default.assetNameTag }, I18N.ENTRYPOINT)),
|
|
62
|
+
item.isInitial && (react_1.default.createElement(asset_meta_tag_1.AssetMetaTag, { as: CustomComponentLink, ...(0, utils_1.getBundleAssetsByEntryType)('initial'), onClick: onClick, tag: "initial", size: "medium", status: item.isInitial, className: (0, classnames_1.default)(asset_info_module_css_1.default.assetNameTag, asset_info_module_css_1.default.assetNameTagInitial) }, I18N.INITIAL)),
|
|
63
|
+
item.isChunk && (react_1.default.createElement(asset_meta_tag_1.AssetMetaTag, { as: CustomComponentLink, ...(0, utils_1.getBundleAssetsByEntryType)('chunk'), onClick: onClick, tag: "chunk", size: "medium", status: item.isChunk, className: (0, classnames_1.default)(asset_info_module_css_1.default.assetNameTag, asset_info_module_css_1.default.assetNameTagChunk) }, I18N.CHUNK))));
|
|
68
64
|
}, [item]);
|
|
69
65
|
const fileTypeLabel = utils_1.FILE_TYPE_LABELS[item.fileType];
|
|
66
|
+
const currentChunk = chunks?.find((chunk) => currentRun?.chunkId && currentRun.chunkId === chunk.id);
|
|
67
|
+
const chunkIds = chunks?.filter(Boolean).map((chunk) => chunk.id) || [];
|
|
70
68
|
return (react_1.default.createElement(entry_info_1.EntryInfo, { item: item, labels: labels, tags: tags, onClose: onClose, RunName: AssetRunName, className: (0, classnames_1.default)(asset_info_module_css_1.default.root, className) },
|
|
71
|
-
item.fileType && (react_1.default.createElement(entry_info_1.EntryInfo.Meta, { label:
|
|
69
|
+
item.fileType && (react_1.default.createElement(entry_info_1.EntryInfo.Meta, { label: I18N.FILE_TYPE, tooltip: I18N.FILE_TYPE_TOOLTIP },
|
|
72
70
|
react_1.default.createElement(entry_info_1.EntryInfoMetaLink, { as: CustomComponentLink, ...(0, utils_1.getBundleAssetsFileTypeComponentLink)(item.fileType, fileTypeLabel), onClick: onClick }, fileTypeLabel))),
|
|
73
|
-
|
|
74
|
-
react_1.default.createElement(
|
|
71
|
+
currentChunk && (react_1.default.createElement(entry_info_1.EntryInfo.Meta, { label: I18N.CHUNK, tooltip: I18N.CHUNK_TOOLTIP },
|
|
72
|
+
react_1.default.createElement(entry_info_1.EntryInfoMetaLink, { as: CustomComponentLink, ...(0, utils_1.getBundleAssetsByChunk)(chunkIds, currentRun.chunkId), onClick: onClick }, currentChunk.name))),
|
|
73
|
+
currentChunk && (react_1.default.createElement("div", null,
|
|
74
|
+
react_1.default.createElement(ChunkModulesLink, { as: CustomComponentLink, chunk: currentChunk, chunkIds: chunkIds, name: currentRun?.name, onClick: onClick })))));
|
|
75
75
|
};
|
|
76
76
|
exports.AssetInfo = AssetInfo;
|
|
77
77
|
//# sourceMappingURL=asset-info.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"asset-info.js","sourceRoot":"","sources":["../../../src/components/asset-info/asset-info.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAuC;AACvC,4DAA4B;AAC5B,uDAA+B;
|
|
1
|
+
{"version":3,"file":"asset-info.js","sourceRoot":"","sources":["../../../src/components/asset-info/asset-info.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAuC;AACvC,4DAA4B;AAC5B,uDAA+B;AAE/B,+CAO6B;AAG7B,wDAAoD;AACpD,sDAAiD;AACjD,sDAAkD;AAClD,8CAA6D;AAC7D,wDAA0C;AAC1C,oFAA0C;AAS1C,MAAM,gBAAgB,GAAG,CAAC,EACxB,EAAE,EAAE,SAAS,EACb,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,OAAO,GACqC,EAAE,EAAE;IAChD,MAAM,QAAQ,GAAG,IAAA,yBAAiB,EAAC,IAAI,CAAC,CAAC;IAEzC,OAAO,CACL,8BAAC,SAAS,IACR,SAAS,EAAE,+BAAG,CAAC,WAAW,KACtB,IAAA,+BAAuB,EAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,EAAE,QAAQ,CAAC,EACzD,OAAO,EAAE,OAAO,yBAGN,CACb,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IAChD,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEhC,OAAO,CACL;QACE,wCAAM,SAAS,EAAE,+BAAG,CAAC,WAAW;YAC7B,GAAG,CAAC,OAAO,IAAI,8BAAC,6BAAY,IAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG;YAC3E,GAAG,CAAC,SAAS,IAAI,8BAAC,6BAAY,IAAC,GAAG,EAAC,SAAS,EAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAC,OAAO,GAAG;YACjF,GAAG,CAAC,OAAO,IAAI,8BAAC,6BAAY,IAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CACvE;QACN,QAAQ,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAUK,MAAM,SAAS,GAAG,CAAC,KAA6C,EAAE,EAAE;IACzE,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,IAAI,EACb,mBAAmB,EAAE,mBAAmB,GAAG,8BAAa,EACxD,IAAI,EACJ,MAAM,EACN,OAAO,GAAG,cAAI,EACd,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;IAElC,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACxB,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YACtD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,8BAAC,sBAAS,IAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,+BAAG,CAAC,IAAI;YAChE,IAAI,CAAC,OAAO,IAAI,CACf,8BAAC,6BAAY,IACX,EAAE,EAAE,mBAAmB,KACnB,IAAA,kCAA0B,EAAC,OAAO,CAAC,EACvC,OAAO,EAAE,OAAO,EAChB,GAAG,EAAC,OAAO,EACX,IAAI,EAAC,QAAQ,EACb,MAAM,EAAE,IAAI,CAAC,OAAO,EACpB,SAAS,EAAE,+BAAG,CAAC,YAAY,IAE1B,IAAI,CAAC,UAAU,CACH,CAChB;YACA,IAAI,CAAC,SAAS,IAAI,CACjB,8BAAC,6BAAY,IACX,EAAE,EAAE,mBAAmB,KACnB,IAAA,kCAA0B,EAAC,SAAS,CAAC,EACzC,OAAO,EAAE,OAAO,EAChB,GAAG,EAAC,SAAS,EACb,IAAI,EAAC,QAAQ,EACb,MAAM,EAAE,IAAI,CAAC,SAAS,EACtB,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAAG,CAAC,YAAY,EAAE,+BAAG,CAAC,mBAAmB,CAAC,IAEvD,IAAI,CAAC,OAAO,CACA,CAChB;YACA,IAAI,CAAC,OAAO,IAAI,CACf,8BAAC,6BAAY,IACX,EAAE,EAAE,mBAAmB,KACnB,IAAA,kCAA0B,EAAC,OAAO,CAAC,EACvC,OAAO,EAAE,OAAO,EAChB,GAAG,EAAC,OAAO,EACX,IAAI,EAAC,QAAQ,EACb,MAAM,EAAE,IAAI,CAAC,OAAO,EACpB,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAAG,CAAC,YAAY,EAAE,+BAAG,CAAC,iBAAiB,CAAC,IAErD,IAAI,CAAC,KAAK,CACE,CAChB,CACS,CACb,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,aAAa,GAAG,wBAAgB,CAAC,IAAI,CAAC,QAAyC,CAAC,CAAC;IACvF,MAAM,YAAY,GAAG,MAAM,EAAE,IAAI,CAC/B,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,EAAE,OAAO,IAAI,UAAU,CAAC,OAAO,KAAK,KAAK,CAAC,EAAE,CAClE,CAAC;IACF,MAAM,QAAQ,GAAkB,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;IAEvF,OAAO,CACL,8BAAC,sBAAS,IACR,IAAI,EAAE,IAAW,EACjB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;QAEjC,IAAI,CAAC,QAAQ,IAAI,CAChB,8BAAC,sBAAS,CAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,iBAAiB;YACpE,8BAAC,8BAAiB,IAChB,EAAE,EAAE,mBAAmB,KACnB,IAAA,4CAAoC,EAAC,IAAI,CAAC,QAAQ,EAAE,aAAa,CAAC,EACtE,OAAO,EAAE,OAAO,IAEf,aAAa,CACI,CACL,CAClB;QAEA,YAAY,IAAI,CACf,8BAAC,sBAAS,CAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,aAAa;YAC5D,8BAAC,8BAAiB,IAChB,EAAE,EAAE,mBAAmB,KACnB,IAAA,8BAAsB,EAAC,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,EACxD,OAAO,EAAE,OAAO,IAEf,YAAY,CAAC,IAAI,CACA,CACL,CAClB;QAEA,YAAY,IAAI,CACf;YACE,8BAAC,gBAAgB,IACf,EAAE,EAAE,mBAAmB,EACvB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,UAAU,EAAE,IAAI,EACtB,OAAO,EAAE,OAAO,GAChB,CACE,CACP,CACS,CACb,CAAC;AACJ,CAAC,CAAC;AAnHW,QAAA,SAAS,aAmHpB"}
|
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SEARCH_PLACEHOLDER = void 0;
|
|
3
|
+
exports.OTHER = exports.CHUNK = exports.INITIAL = exports.ENTRY = exports.NO_CHUNK = exports.CHUNKS = exports.FILE_TYPE = exports.CHANGED = exports.SEARCH_PLACEHOLDER = void 0;
|
|
4
4
|
exports.SEARCH_PLACEHOLDER = 'Search by asset path';
|
|
5
|
+
exports.CHANGED = 'Changed';
|
|
6
|
+
exports.FILE_TYPE = 'File type';
|
|
7
|
+
exports.CHUNKS = 'Chunks';
|
|
8
|
+
exports.NO_CHUNK = 'No chunk';
|
|
9
|
+
exports.ENTRY = 'Entry';
|
|
10
|
+
exports.INITIAL = 'Initial';
|
|
11
|
+
exports.CHUNK = 'Chunk';
|
|
12
|
+
exports.OTHER = 'Other';
|
|
5
13
|
//# sourceMappingURL=bundle-assets.i18n.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bundle-assets.i18n.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/bundle-assets.i18n.ts"],"names":[],"mappings":";;;AAAa,QAAA,kBAAkB,GAAG,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"bundle-assets.i18n.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/bundle-assets.i18n.ts"],"names":[],"mappings":";;;AAAa,QAAA,kBAAkB,GAAG,sBAAsB,CAAC;AAC5C,QAAA,OAAO,GAAG,SAAS,CAAC;AACpB,QAAA,SAAS,GAAG,WAAW,CAAC;AACxB,QAAA,MAAM,GAAG,QAAQ,CAAC;AAClB,QAAA,QAAQ,GAAG,UAAU,CAAC;AACtB,QAAA,KAAK,GAAG,OAAO,CAAC;AAChB,QAAA,OAAO,GAAG,SAAS,CAAC;AACpB,QAAA,KAAK,GAAG,OAAO,CAAC;AAChB,QAAA,KAAK,GAAG,OAAO,CAAC"}
|
|
@@ -28,9 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
exports.BundleAssets = void 0;
|
|
30
30
|
const react_1 = __importStar(require("react"));
|
|
31
|
-
const prop_types_1 = __importDefault(require("prop-types"));
|
|
32
31
|
const classnames_1 = __importDefault(require("classnames"));
|
|
33
|
-
const get_1 = __importDefault(require("lodash/get"));
|
|
34
32
|
const escapeRegExp_1 = __importDefault(require("lodash/escapeRegExp"));
|
|
35
33
|
const utils_1 = require("@bundle-stats/utils");
|
|
36
34
|
const config_json_1 = __importDefault(require("../../config.json"));
|
|
@@ -47,6 +45,7 @@ const filters_1 = require("../../ui/filters");
|
|
|
47
45
|
const empty_set_1 = require("../../ui/empty-set");
|
|
48
46
|
const toolbar_1 = require("../../ui/toolbar");
|
|
49
47
|
const asset_info_1 = require("../asset-info");
|
|
48
|
+
const asset_name_1 = require("../asset-name");
|
|
50
49
|
const component_link_1 = require("../component-link");
|
|
51
50
|
const metrics_table_1 = require("../metrics-table");
|
|
52
51
|
const metrics_table_export_1 = require("../metrics-table-export");
|
|
@@ -55,53 +54,12 @@ const metrics_table_title_1 = require("../metrics-table-title");
|
|
|
55
54
|
const metrics_display_selector_1 = require("../metrics-display-selector");
|
|
56
55
|
const metrics_table_header_1 = require("../metrics-table-header");
|
|
57
56
|
const metrics_treemap_1 = require("../metrics-treemap");
|
|
58
|
-
const
|
|
57
|
+
const BUNDLE_ASSETS_I18N = __importStar(require("./bundle-assets.i18n"));
|
|
58
|
+
const bundle_assets_utils_1 = require("./bundle-assets.utils");
|
|
59
59
|
const bundle_assets_module_css_1 = __importDefault(require("./bundle-assets.module.css"));
|
|
60
|
-
const asset_name_1 = require("../asset-name");
|
|
61
60
|
const DISPLAY_TYPE_GROUPS = {
|
|
62
61
|
[constants_1.MetricsDisplayType.TREEMAP]: ['folder'],
|
|
63
62
|
};
|
|
64
|
-
const getFileTypeFilters = (filters) => Object.entries(utils_1.FILE_TYPE_LABELS).map(([key, label]) => ({
|
|
65
|
-
key,
|
|
66
|
-
label,
|
|
67
|
-
defaultValue: (0, get_1.default)(filters, `${utils_1.ASSET_FILE_TYPE}.${key}`, true),
|
|
68
|
-
}));
|
|
69
|
-
const getFilters = ({ compareMode, filters }) => ({
|
|
70
|
-
[utils_1.ASSET_FILTERS.CHANGED]: {
|
|
71
|
-
label: 'Changed',
|
|
72
|
-
defaultValue: filters[utils_1.ASSET_FILTERS.CHANGED],
|
|
73
|
-
disabled: !compareMode,
|
|
74
|
-
},
|
|
75
|
-
[utils_1.ASSET_ENTRY_TYPE]: {
|
|
76
|
-
label: 'Type',
|
|
77
|
-
children: [
|
|
78
|
-
{
|
|
79
|
-
key: utils_1.ASSET_FILTERS.ENTRY,
|
|
80
|
-
label: 'Entry',
|
|
81
|
-
defaultValue: (0, get_1.default)(filters, `${utils_1.ASSET_ENTRY_TYPE}.${utils_1.ASSET_FILTERS.ENTRY}`, true),
|
|
82
|
-
},
|
|
83
|
-
{
|
|
84
|
-
key: utils_1.ASSET_FILTERS.INITIAL,
|
|
85
|
-
label: 'Initial',
|
|
86
|
-
defaultValue: (0, get_1.default)(filters, `${utils_1.ASSET_ENTRY_TYPE}.${utils_1.ASSET_FILTERS.INITIAL}`, true),
|
|
87
|
-
},
|
|
88
|
-
{
|
|
89
|
-
key: utils_1.ASSET_FILTERS.CHUNK,
|
|
90
|
-
label: 'Chunk',
|
|
91
|
-
defaultValue: (0, get_1.default)(filters, `${utils_1.ASSET_ENTRY_TYPE}.${utils_1.ASSET_FILTERS.CHUNK}`, true),
|
|
92
|
-
},
|
|
93
|
-
{
|
|
94
|
-
key: utils_1.ASSET_FILTERS.OTHER,
|
|
95
|
-
label: 'Other',
|
|
96
|
-
defaultValue: (0, get_1.default)(filters, `${utils_1.ASSET_ENTRY_TYPE}.${utils_1.ASSET_FILTERS.OTHER}`, true),
|
|
97
|
-
},
|
|
98
|
-
],
|
|
99
|
-
},
|
|
100
|
-
[utils_1.ASSET_FILE_TYPE]: {
|
|
101
|
-
label: 'File type',
|
|
102
|
-
children: getFileTypeFilters(filters),
|
|
103
|
-
},
|
|
104
|
-
});
|
|
105
63
|
const ViewMetricsTreemap = (props) => {
|
|
106
64
|
const { metricsTableTitle, jobs, items, displayType, emptyMessage, showEntryInfo, updateSearch, search, } = props;
|
|
107
65
|
const treeNodes = (0, react_1.useMemo)(() => {
|
|
@@ -127,23 +85,11 @@ const ViewMetricsTreemap = (props) => {
|
|
|
127
85
|
react_1.default.createElement(metrics_table_header_1.MetricsTableHeader, { metricTitle: metricsTableTitle, showSum: true, jobs: jobs, rows: items })),
|
|
128
86
|
react_1.default.createElement(metrics_treemap_1.MetricsTreemap, { treeNodes: treeNodes, nested: Boolean(displayType.groupBy), emptyMessage: emptyMessage, onItemClick: showEntryInfo, onGroupClick: onGroupClick })));
|
|
129
87
|
};
|
|
130
|
-
ViewMetricsTreemap.propTypes = {
|
|
131
|
-
jobs: prop_types_1.default.arrayOf(prop_types_1.default.object).isRequired,
|
|
132
|
-
items: prop_types_1.default.arrayOf(prop_types_1.default.object).isRequired,
|
|
133
|
-
metricsTableTitle: prop_types_1.default.node.isRequired,
|
|
134
|
-
displayType: prop_types_1.default.shape({
|
|
135
|
-
groupBy: prop_types_1.default.string,
|
|
136
|
-
}).isRequired,
|
|
137
|
-
emptyMessage: prop_types_1.default.node.isRequired,
|
|
138
|
-
showEntryInfo: prop_types_1.default.func.isRequired,
|
|
139
|
-
updateSearch: prop_types_1.default.func.isRequired,
|
|
140
|
-
search: prop_types_1.default.string.isRequired,
|
|
141
|
-
};
|
|
142
88
|
const BundleAssets = (props) => {
|
|
143
|
-
const { className, jobs, chunks, items, allItems, updateFilters, resetFilters, resetAllFilters, totalRowCount, filters, entryId
|
|
89
|
+
const { className = '', jobs, chunks, items, allItems, updateFilters, resetFilters, resetAllFilters, totalRowCount = 0, filters, entryId = '', sort, updateSort, search, updateSearch, customComponentLink: CustomComponentLink = component_link_1.ComponentLink, hideEntryInfo, showEntryInfo, } = props;
|
|
144
90
|
const jobLabels = jobs?.map((job) => job?.label);
|
|
145
91
|
const [displayType, setDisplayType] = (0, metrics_display_type_1.useMetricsDisplayType)(DISPLAY_TYPE_GROUPS);
|
|
146
|
-
const
|
|
92
|
+
const filterFieldsData = (0, react_1.useMemo)(() => (0, bundle_assets_utils_1.getFilters)({ compareMode: jobs?.length > 1, filters, chunks }), [jobs, filters, chunks]);
|
|
147
93
|
const metricsTableTitle = (0, react_1.useMemo)(() => (react_1.default.createElement(metrics_table_title_1.MetricsTableTitle, { title: i18n_1.default.ASSETS, info: `${items.length}/${totalRowCount}`, popoverInfo: i18n_1.default.ASSETS_INFO, popoverHref: config_json_1.default.documentation.assets })), [items, totalRowCount]);
|
|
148
94
|
const EntryComponentLink = (0, react_1.useCallback)(({ entryId: assetEntryId, ...assetNameRestProps }) => (react_1.default.createElement(CustomComponentLink, { section: utils_1.SECTIONS.ASSETS, params: {
|
|
149
95
|
[utils_1.COMPONENT.BUNDLE_ASSETS]: {
|
|
@@ -163,19 +109,19 @@ const BundleAssets = (props) => {
|
|
|
163
109
|
return allItems.find(({ key }) => key === entryId);
|
|
164
110
|
}, [allItems, entryId]);
|
|
165
111
|
const exportDialog = (0, dialog_1.useDialogState)();
|
|
166
|
-
const [exportSourceType, setExportSourceType] = (0, react_1.useState)(
|
|
112
|
+
const [exportSourceType, setExportSourceType] = (0, react_1.useState)();
|
|
167
113
|
const handleExportClick = (0, react_1.useCallback)((sourceType) => {
|
|
168
114
|
setExportSourceType(sourceType);
|
|
169
115
|
exportDialog.toggle();
|
|
170
|
-
}, []);
|
|
116
|
+
}, [exportDialog, setExportSourceType]);
|
|
171
117
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
172
118
|
react_1.default.createElement(stack_1.Stack, { space: "xsmall", as: "section", className: (0, classnames_1.default)(bundle_assets_module_css_1.default.root, className) },
|
|
173
119
|
react_1.default.createElement(toolbar_1.Toolbar, { renderActions: ({ actionClassName }) => (react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxsmall", className: (0, classnames_1.default)(bundle_assets_module_css_1.default.dropdown, actionClassName) },
|
|
174
120
|
react_1.default.createElement(metrics_display_selector_1.MetricsDisplaySelector, { value: displayType.value, groupBy: displayType.groupBy, groups: DISPLAY_TYPE_GROUPS, onSelect: setDisplayType }),
|
|
175
121
|
react_1.default.createElement(metrics_table_options_1.MetricsTableOptions, { onViewAllClick: resetAllFilters, onResetClick: resetFilters, onExportClick: handleExportClick }))) },
|
|
176
122
|
react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxsmall" },
|
|
177
|
-
react_1.default.createElement(input_search_1.InputSearch, { className: bundle_assets_module_css_1.default.toolbarSearch, placeholder:
|
|
178
|
-
react_1.default.createElement(filters_1.Filters, { className: bundle_assets_module_css_1.default.toolbarFilters, filters:
|
|
123
|
+
react_1.default.createElement(input_search_1.InputSearch, { className: bundle_assets_module_css_1.default.toolbarSearch, placeholder: BUNDLE_ASSETS_I18N.SEARCH_PLACEHOLDER, defaultValue: search, onChange: updateSearch }),
|
|
124
|
+
react_1.default.createElement(filters_1.Filters, { className: bundle_assets_module_css_1.default.toolbarFilters, filters: filterFieldsData, onChange: updateFilters }))),
|
|
179
125
|
react_1.default.createElement(box_1.Box, { outline: true, as: "main" },
|
|
180
126
|
displayType.value === constants_1.MetricsDisplayType.TABLE && (react_1.default.createElement(metrics_table_1.MetricsTable, { runs: jobs, items: items, renderRowHeader: renderRowHeader, emptyMessage: emptyMessage, showHeaderSum: true, title: metricsTableTitle, sort: sort, updateSort: updateSort })),
|
|
181
127
|
displayType.value === constants_1.MetricsDisplayType.TREEMAP && (react_1.default.createElement(ViewMetricsTreemap, { jobs: jobs, items: items, metricsTableTitle: metricsTableTitle, displayType: displayType, emptyMessage: emptyMessage, showEntryInfo: showEntryInfo, updateSearch: updateSearch, search: search })))),
|
|
@@ -183,53 +129,4 @@ const BundleAssets = (props) => {
|
|
|
183
129
|
react_1.default.createElement(dialog_1.Dialog, { title: i18n_1.default.EXPORT, width: "wide", state: exportDialog }, exportDialog.open && (react_1.default.createElement(metrics_table_export_1.MetricsTableExport, { items: items, initialSourceType: exportSourceType, download: "bundle-stats--assets" })))));
|
|
184
130
|
};
|
|
185
131
|
exports.BundleAssets = BundleAssets;
|
|
186
|
-
exports.BundleAssets.defaultProps = {
|
|
187
|
-
className: '',
|
|
188
|
-
totalRowCount: 0,
|
|
189
|
-
hasActiveFilters: false,
|
|
190
|
-
customComponentLink: component_link_1.ComponentLink,
|
|
191
|
-
entryId: '',
|
|
192
|
-
};
|
|
193
|
-
exports.BundleAssets.propTypes = {
|
|
194
|
-
className: prop_types_1.default.string,
|
|
195
|
-
jobs: prop_types_1.default.arrayOf(prop_types_1.default.shape({
|
|
196
|
-
internalBuildNumber: prop_types_1.default.number,
|
|
197
|
-
label: prop_types_1.default.string,
|
|
198
|
-
})).isRequired,
|
|
199
|
-
chunks: prop_types_1.default.arrayOf({
|
|
200
|
-
id: prop_types_1.default.string,
|
|
201
|
-
name: prop_types_1.default.string,
|
|
202
|
-
}).isRequired,
|
|
203
|
-
items: prop_types_1.default.arrayOf(prop_types_1.default.shape({
|
|
204
|
-
key: prop_types_1.default.string,
|
|
205
|
-
label: prop_types_1.default.string,
|
|
206
|
-
runs: prop_types_1.default.arrayOf(prop_types_1.default.shape({
|
|
207
|
-
displayValue: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.string]),
|
|
208
|
-
displayDelta: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.string]),
|
|
209
|
-
})),
|
|
210
|
-
})).isRequired,
|
|
211
|
-
updateFilters: prop_types_1.default.func.isRequired,
|
|
212
|
-
resetFilters: prop_types_1.default.func.isRequired,
|
|
213
|
-
resetAllFilters: prop_types_1.default.func.isRequired,
|
|
214
|
-
totalRowCount: prop_types_1.default.number,
|
|
215
|
-
filters: prop_types_1.default.shape({
|
|
216
|
-
changed: prop_types_1.default.bool,
|
|
217
|
-
id: prop_types_1.default.string,
|
|
218
|
-
}).isRequired,
|
|
219
|
-
entryId: prop_types_1.default.string,
|
|
220
|
-
hasActiveFilters: prop_types_1.default.bool,
|
|
221
|
-
search: prop_types_1.default.string.isRequired,
|
|
222
|
-
updateSearch: prop_types_1.default.func.isRequired,
|
|
223
|
-
sort: prop_types_1.default.shape({
|
|
224
|
-
field: prop_types_1.default.string,
|
|
225
|
-
direction: prop_types_1.default.string,
|
|
226
|
-
}).isRequired,
|
|
227
|
-
updateSort: prop_types_1.default.func.isRequired,
|
|
228
|
-
allItems: prop_types_1.default.arrayOf(prop_types_1.default.shape({
|
|
229
|
-
key: prop_types_1.default.string,
|
|
230
|
-
})).isRequired,
|
|
231
|
-
customComponentLink: prop_types_1.default.elementType,
|
|
232
|
-
hideEntryInfo: prop_types_1.default.func.isRequired,
|
|
233
|
-
showEntryInfo: prop_types_1.default.func.isRequired,
|
|
234
|
-
};
|
|
235
132
|
//# sourceMappingURL=bundle-assets.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bundle-assets.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/bundle-assets.
|
|
1
|
+
{"version":3,"file":"bundle-assets.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/bundle-assets.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAA8E;AAC9E,4DAA4B;AAC5B,uEAA+C;AAE/C,+CAA0D;AAG1D,oEAAuC;AACvC,sDAA8B;AAC9B,+CAAqD;AACrD,2EAAyE;AACzE,0CAAuC;AACvC,wDAAoD;AACpD,8CAA2C;AAC3C,4CAAyD;AACzD,wDAAoD;AACpD,0CAAuC;AACvC,8CAA2C;AAC3C,kDAA8C;AAC9C,8CAA2C;AAC3C,8CAA0C;AAC1C,8CAA0C;AAC1C,sDAAkD;AAClD,oDAAgD;AAChD,kEAA6D;AAC7D,oEAA+D;AAC/D,gEAA2D;AAC3D,0EAAqE;AACrE,kEAA6D;AAC7D,wDAAmG;AACnG,yEAA2D;AAC3D,+DAAmD;AACnD,0FAA6C;AAE7C,MAAM,mBAAmB,GAAG;IAC1B,CAAC,8BAAkB,CAAC,OAAO,CAAC,EAAE,CAAC,QAAQ,CAAC;CACzC,CAAC;AAaF,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IAC5D,MAAM,EACJ,iBAAiB,EACjB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,MAAM,GACP,GAAG,KAAK,CAAC;IAGV,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7B,IAAI,WAAW,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;YACrC,OAAO,IAAA,8CAA4B,EAAC,KAAK,CAAC,CAAC;QAC7C,CAAC;QAED,OAAO,IAAA,iCAAe,EAAC,KAAK,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;IAGjC,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,SAAiB,EAAE,EAAE;QAEpB,IAAI,SAAS,KAAK,EAAE,EAAE,CAAC;YACrB,YAAY,CAAC,EAAE,CAAC,CAAC;YACjB,OAAO;QACT,CAAC;QAID,MAAM,SAAS,GAAG,IAAI,IAAA,sBAAY,EAAC,SAAS,CAAC,GAAG,CAAC;QAGjD,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;YACzB,YAAY,CAAC,EAAE,CAAC,CAAC;YACjB,OAAO;QACT,CAAC;QAED,YAAY,CAAC,IAAI,SAAS,GAAG,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,YAAY,EAAE,MAAM,CAAC,CACvB,CAAC;IAEF,OAAO,CACL;QACE,8BAAC,aAAK,IAAC,OAAO;YACZ,8BAAC,yCAAkB,IAAC,WAAW,EAAE,iBAAiB,EAAE,OAAO,QAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,GAAI,CACjF;QACR,8BAAC,gCAAc,IACb,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,EACpC,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,aAAa,EAC1B,YAAY,EAAE,YAAY,GAC1B,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAsBK,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACvD,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,MAAM,EACN,KAAK,EACL,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,eAAe,EACf,aAAa,GAAG,CAAC,EACjB,OAAO,EACP,OAAO,GAAG,EAAE,EACZ,IAAI,EACJ,UAAU,EACV,MAAM,EACN,YAAY,EACZ,mBAAmB,EAAE,mBAAmB,GAAG,8BAAa,EACxD,aAAa,EACb,aAAa,GACd,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAEjD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,4CAAqB,EAAC,mBAAmB,CAAC,CAAC;IAEjF,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAC9B,GAAG,EAAE,CAAC,IAAA,gCAAU,EAAC,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EACpE,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,CAAC,CACxB,CAAC;IAEF,MAAM,iBAAiB,GAAG,IAAA,eAAO,EAC/B,GAAG,EAAE,CAAC,CACJ,8BAAC,uCAAiB,IAChB,KAAK,EAAE,cAAI,CAAC,MAAM,EAClB,IAAI,EAAE,GAAG,KAAK,CAAC,MAAM,IAAI,aAAa,EAAE,EACxC,WAAW,EAAE,cAAI,CAAC,WAAW,EAC7B,WAAW,EAAE,qBAAM,CAAC,aAAa,CAAC,MAAM,GACxC,CACH,EACD,CAAC,KAAK,EAAE,aAAa,CAAC,CACvB,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CAAC,EACC,OAAO,EAAE,YAAY,EACrB,GAAG,kBAAkB,EAC4C,EAAE,EAAE,CAAC,CACtE,8BAAC,mBAAmB,IAClB,OAAO,EAAE,gBAAQ,CAAC,MAAM,EACxB,MAAM,EAAE;YACN,CAAC,iBAAS,CAAC,aAAa,CAAC,EAAE;gBACzB,OAAO;gBACP,MAAM;gBACN,OAAO,EAAE,YAAY;gBACrB,MAAM,EAAE,IAAI,CAAC,KAAK;gBAClB,SAAS,EAAE,IAAI,CAAC,SAAS;aAC1B;SACF,KACG,kBAAkB,GACtB,CACH,EACD,CAAC,mBAAmB,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,CAC7C,CAAC;IAEF,MAAM,eAAe,GAAG,IAAA,mBAAW,EACjC,CAAC,GAAoB,EAAE,EAAE,CAAC,CACxB,8BAAC,sBAAS,IACR,GAAG,EAAE,GAA2B,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,kCAAG,CAAC,SAAS,GACxB,CACH,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,MAAM,YAAY,GAAG,IAAA,eAAO,EAC1B,GAAG,EAAE,CAAC,CACJ,8BAAC,oBAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,QAAQ,EAAE,aAAa,KAAK,CAAC,EAC7B,kBAAkB,EAAE,YAAY,EAChC,aAAa,EAAE,eAAe,GAC9B,CACH,EACD,CAAC,aAAa,EAAE,YAAY,EAAE,eAAe,CAAC,CAC/C,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7B,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,GAAG,KAAK,OAAO,CAAC,CAAC;IACrD,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,MAAM,YAAY,GAAG,IAAA,uBAAc,GAAE,CAAC;IACtC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAC;IAEnE,MAAM,iBAAiB,GAAG,IAAA,mBAAW,EACnC,CAAC,UAAkB,EAAE,EAAE;QACrB,mBAAmB,CAAC,UAAU,CAAC,CAAC;QAChC,YAAY,CAAC,MAAM,EAAE,CAAC;IACxB,CAAC,EACD,CAAC,YAAY,EAAE,mBAAmB,CAAC,CACpC,CAAC;IAEF,OAAO,CACL;QACE,8BAAC,aAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,EAAE,EAAC,SAAS,EAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,kCAAG,CAAC,IAAI,EAAE,SAAS,CAAC;YACnE,8BAAC,iBAAO,IACN,aAAa,EAAE,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CACtC,8BAAC,sBAAS,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,kCAAG,CAAC,QAAQ,EAAE,eAAe,CAAC;oBACrE,8BAAC,iDAAsB,IACrB,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,MAAM,EAAE,mBAAmB,EAC3B,QAAQ,EAAE,cAAc,GACxB;oBACF,8BAAC,2CAAmB,IAClB,cAAc,EAAE,eAAe,EAC/B,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,iBAAiB,GAChC,CACQ,CACb;gBAED,8BAAC,sBAAS,IAAC,KAAK,EAAC,SAAS;oBACxB,8BAAC,0BAAW,IACV,SAAS,EAAE,kCAAG,CAAC,aAAa,EAC5B,WAAW,EAAE,kBAAkB,CAAC,kBAAkB,EAClD,YAAY,EAAE,MAAM,EACpB,QAAQ,EAAE,YAAY,GACtB;oBACF,8BAAC,iBAAO,IACN,SAAS,EAAE,kCAAG,CAAC,cAAc,EAC7B,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,aAAa,GACvB,CACQ,CACJ;YACV,8BAAC,SAAG,IAAC,OAAO,QAAC,EAAE,EAAC,MAAM;gBACnB,WAAW,CAAC,KAAK,KAAK,8BAAkB,CAAC,KAAK,IAAI,CACjD,8BAAC,4BAAY,IACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,aAAa,QACb,KAAK,EAAE,iBAAiB,EACxB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,GACtB,CACH;gBACA,WAAW,CAAC,KAAK,KAAK,8BAAkB,CAAC,OAAO,IAAI,CACnD,8BAAC,kBAAkB,IACjB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,GACd,CACH,CACG,CACA;QAEP,SAAS,IAAI,CACZ,8BAAC,sBAAS,IACR,SAAS,EAAE,kCAAG,CAAC,SAAS,EACxB,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,SAAS,EACjB,MAAM,EAAE,MAAM,EACd,mBAAmB,EAAE,mBAAmB,EACxC,OAAO,EAAE,aAAa,GACtB,CACH;QAED,8BAAC,eAAM,IAAC,KAAK,EAAE,cAAI,CAAC,MAAM,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,YAAY,IACzD,YAAY,CAAC,IAAI,IAAI,CACpB,8BAAC,yCAAkB,IACjB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,gBAAgB,EACnC,QAAQ,EAAC,sBAAsB,GAC/B,CACH,CACM,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AA/LW,QAAA,YAAY,gBA+LvB"}
|
|
@@ -1,21 +1,54 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
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;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
2
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
29
|
+
exports.generateGetRowFilter = exports.getFilters = exports.getCustomSort = exports.addMetricReportAssetRowData = exports.getAssetMetaStatus = exports.getIsNotPredictive = void 0;
|
|
30
|
+
const get_1 = __importDefault(require("lodash/get"));
|
|
31
|
+
const intersection_1 = __importDefault(require("lodash/intersection"));
|
|
32
|
+
const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
|
|
33
|
+
const orderBy_1 = __importDefault(require("lodash/orderBy"));
|
|
4
34
|
const utils_1 = require("@bundle-stats/utils");
|
|
35
|
+
const I18N = __importStar(require("./bundle-assets.i18n"));
|
|
36
|
+
const NO_CHUNK_FILTER = 'NO_CHUNK';
|
|
5
37
|
const getIsNotPredictive = (row) => {
|
|
6
38
|
const { key, runs } = row;
|
|
7
|
-
return runs.reduce((agg,
|
|
39
|
+
return runs.reduce((agg, run, index) => {
|
|
8
40
|
if (agg) {
|
|
9
41
|
return agg;
|
|
10
42
|
}
|
|
11
43
|
if (index + 1 === runs.length) {
|
|
12
44
|
return agg;
|
|
13
45
|
}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
46
|
+
const preRun = runs[index + 1];
|
|
47
|
+
if (run &&
|
|
48
|
+
preRun &&
|
|
49
|
+
key !== run.name &&
|
|
50
|
+
run.name === preRun.name &&
|
|
51
|
+
run.value !== preRun.value) {
|
|
19
52
|
return true;
|
|
20
53
|
}
|
|
21
54
|
return agg;
|
|
@@ -74,22 +107,6 @@ const addMetricReportAssetRowData = (row) => {
|
|
|
74
107
|
};
|
|
75
108
|
};
|
|
76
109
|
exports.addMetricReportAssetRowData = addMetricReportAssetRowData;
|
|
77
|
-
const getRowFilter = (filters) => (item) => {
|
|
78
|
-
if (filters[utils_1.ASSET_FILTERS.CHANGED] && !item.changed) {
|
|
79
|
-
return false;
|
|
80
|
-
}
|
|
81
|
-
if (!((filters[`${utils_1.ASSET_ENTRY_TYPE}.${utils_1.ASSET_FILTERS.ENTRY}`] && item.isEntry) ||
|
|
82
|
-
(filters[`${utils_1.ASSET_ENTRY_TYPE}.${utils_1.ASSET_FILTERS.INITIAL}`] && item.isInitial) ||
|
|
83
|
-
(filters[`${utils_1.ASSET_ENTRY_TYPE}.${utils_1.ASSET_FILTERS.CHUNK}`] && item.isChunk) ||
|
|
84
|
-
(filters[`${utils_1.ASSET_ENTRY_TYPE}.${utils_1.ASSET_FILTERS.OTHER}`] && item.isAsset))) {
|
|
85
|
-
return false;
|
|
86
|
-
}
|
|
87
|
-
if (!filters[`${utils_1.ASSET_FILE_TYPE}.${item.fileType}`]) {
|
|
88
|
-
return false;
|
|
89
|
-
}
|
|
90
|
-
return true;
|
|
91
|
-
};
|
|
92
|
-
exports.getRowFilter = getRowFilter;
|
|
93
110
|
const getCustomSort = (item) => [
|
|
94
111
|
!item.isNotPredictive,
|
|
95
112
|
!item.changed,
|
|
@@ -99,4 +116,100 @@ const getCustomSort = (item) => [
|
|
|
99
116
|
item.key,
|
|
100
117
|
];
|
|
101
118
|
exports.getCustomSort = getCustomSort;
|
|
119
|
+
const getFileTypeFilters = (filters) => Object.entries(utils_1.FILE_TYPE_LABELS).map(([key, label]) => ({
|
|
120
|
+
key,
|
|
121
|
+
label,
|
|
122
|
+
defaultValue: (0, get_1.default)(filters, `${utils_1.ASSET_FILE_TYPE}.${key}`, true),
|
|
123
|
+
}));
|
|
124
|
+
const getFilters = ({ compareMode, filters, chunks, }) => {
|
|
125
|
+
const result = {
|
|
126
|
+
[utils_1.ASSET_FILTERS.CHANGED]: {
|
|
127
|
+
label: I18N.CHANGED,
|
|
128
|
+
defaultValue: filters[utils_1.ASSET_FILTERS.CHANGED],
|
|
129
|
+
disabled: !compareMode,
|
|
130
|
+
},
|
|
131
|
+
};
|
|
132
|
+
if (!(0, isEmpty_1.default)(chunks)) {
|
|
133
|
+
const chunksFilter = {
|
|
134
|
+
label: I18N.CHUNKS,
|
|
135
|
+
children: [
|
|
136
|
+
{
|
|
137
|
+
key: NO_CHUNK_FILTER,
|
|
138
|
+
label: I18N.NO_CHUNK,
|
|
139
|
+
defaultValue: filters[`${utils_1.ASSET_CHUNK}.${NO_CHUNK_FILTER}`] ?? true,
|
|
140
|
+
},
|
|
141
|
+
],
|
|
142
|
+
};
|
|
143
|
+
const chunksOrderedByName = (0, orderBy_1.default)(chunks, 'name');
|
|
144
|
+
chunksOrderedByName.forEach((chunk) => {
|
|
145
|
+
chunksFilter.children.push({
|
|
146
|
+
key: chunk.id,
|
|
147
|
+
label: chunk.name,
|
|
148
|
+
defaultValue: filters[`${utils_1.ASSET_CHUNK}.${chunk.id}`] ?? true,
|
|
149
|
+
});
|
|
150
|
+
});
|
|
151
|
+
result[utils_1.ASSET_CHUNK] = chunksFilter;
|
|
152
|
+
}
|
|
153
|
+
result[utils_1.ASSET_ENTRY_TYPE] = {
|
|
154
|
+
label: I18N.FILE_TYPE,
|
|
155
|
+
children: [
|
|
156
|
+
{
|
|
157
|
+
key: utils_1.ASSET_FILTERS.ENTRY,
|
|
158
|
+
label: I18N.ENTRY,
|
|
159
|
+
defaultValue: (0, get_1.default)(filters, `${utils_1.ASSET_ENTRY_TYPE}.${utils_1.ASSET_FILTERS.ENTRY}`, true),
|
|
160
|
+
},
|
|
161
|
+
{
|
|
162
|
+
key: utils_1.ASSET_FILTERS.INITIAL,
|
|
163
|
+
label: I18N.INITIAL,
|
|
164
|
+
defaultValue: (0, get_1.default)(filters, `${utils_1.ASSET_ENTRY_TYPE}.${utils_1.ASSET_FILTERS.INITIAL}`, true),
|
|
165
|
+
},
|
|
166
|
+
{
|
|
167
|
+
key: utils_1.ASSET_FILTERS.CHUNK,
|
|
168
|
+
label: I18N.CHUNK,
|
|
169
|
+
defaultValue: (0, get_1.default)(filters, `${utils_1.ASSET_ENTRY_TYPE}.${utils_1.ASSET_FILTERS.CHUNK}`, true),
|
|
170
|
+
},
|
|
171
|
+
{
|
|
172
|
+
key: utils_1.ASSET_FILTERS.OTHER,
|
|
173
|
+
label: I18N.OTHER,
|
|
174
|
+
defaultValue: (0, get_1.default)(filters, `${utils_1.ASSET_ENTRY_TYPE}.${utils_1.ASSET_FILTERS.OTHER}`, true),
|
|
175
|
+
},
|
|
176
|
+
],
|
|
177
|
+
};
|
|
178
|
+
result[utils_1.ASSET_FILE_TYPE] = {
|
|
179
|
+
label: I18N.FILE_TYPE,
|
|
180
|
+
children: getFileTypeFilters(filters),
|
|
181
|
+
};
|
|
182
|
+
return result;
|
|
183
|
+
};
|
|
184
|
+
exports.getFilters = getFilters;
|
|
185
|
+
const generateGetRowFilter = ({ chunkIds }) => (filters) => {
|
|
186
|
+
const checkedChunkIds = [];
|
|
187
|
+
const filtersChunkIds = [NO_CHUNK_FILTER, ...chunkIds];
|
|
188
|
+
filtersChunkIds.forEach((chunkId) => {
|
|
189
|
+
if (filters[`${utils_1.ASSET_CHUNK}.${chunkId}`]) {
|
|
190
|
+
checkedChunkIds.push(chunkId);
|
|
191
|
+
}
|
|
192
|
+
});
|
|
193
|
+
const hasChunkFilters = checkedChunkIds.length > 0 && checkedChunkIds.length !== filtersChunkIds.length;
|
|
194
|
+
return (item) => {
|
|
195
|
+
if (filters[utils_1.ASSET_FILTERS.CHANGED] && !item.changed) {
|
|
196
|
+
return false;
|
|
197
|
+
}
|
|
198
|
+
if (!((filters[`${utils_1.ASSET_ENTRY_TYPE}.${utils_1.ASSET_FILTERS.ENTRY}`] && item.isEntry) ||
|
|
199
|
+
(filters[`${utils_1.ASSET_ENTRY_TYPE}.${utils_1.ASSET_FILTERS.INITIAL}`] && item.isInitial) ||
|
|
200
|
+
(filters[`${utils_1.ASSET_ENTRY_TYPE}.${utils_1.ASSET_FILTERS.CHUNK}`] && item.isChunk) ||
|
|
201
|
+
(filters[`${utils_1.ASSET_ENTRY_TYPE}.${utils_1.ASSET_FILTERS.OTHER}`] && item.isAsset))) {
|
|
202
|
+
return false;
|
|
203
|
+
}
|
|
204
|
+
if (!filters[`${utils_1.ASSET_FILE_TYPE}.${item.fileType}`]) {
|
|
205
|
+
return false;
|
|
206
|
+
}
|
|
207
|
+
if (hasChunkFilters) {
|
|
208
|
+
const rowRunsChunkIds = item?.runs?.map((run) => run?.chunkId || NO_CHUNK_FILTER) || [];
|
|
209
|
+
return (0, intersection_1.default)(rowRunsChunkIds, checkedChunkIds).length > 0;
|
|
210
|
+
}
|
|
211
|
+
return true;
|
|
212
|
+
};
|
|
213
|
+
};
|
|
214
|
+
exports.generateGetRowFilter = generateGetRowFilter;
|
|
102
215
|
//# sourceMappingURL=bundle-assets.utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bundle-assets.utils.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/bundle-assets.utils.
|
|
1
|
+
{"version":3,"file":"bundle-assets.utils.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/bundle-assets.utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -22,13 +22,9 @@ 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.BundleAssets = void 0;
|
|
30
27
|
const react_1 = __importStar(require("react"));
|
|
31
|
-
const prop_types_1 = __importDefault(require("prop-types"));
|
|
32
28
|
const webpack = __importStar(require("@bundle-stats/utils/lib-esm/webpack"));
|
|
33
29
|
const utils_1 = require("@bundle-stats/utils");
|
|
34
30
|
const component_links_1 = require("@bundle-stats/utils/lib-esm/utils/component-links");
|
|
@@ -40,8 +36,8 @@ const jobs_1 = require("../../utils/jobs");
|
|
|
40
36
|
const bundle_assets_1 = require("./bundle-assets");
|
|
41
37
|
const bundle_assets_utils_1 = require("./bundle-assets.utils");
|
|
42
38
|
const BundleAssets = (props) => {
|
|
43
|
-
const { jobs, filters, search
|
|
44
|
-
const { chunks } = (0, react_1.useMemo)(() => (0, jobs_1.getJobsChunksData)(jobs), [jobs]);
|
|
39
|
+
const { jobs, filters = undefined, search = undefined, sortBy = undefined, direction = undefined, setState, ...restProps } = props;
|
|
40
|
+
const { chunks, chunkIds } = (0, react_1.useMemo)(() => (0, jobs_1.getJobsChunksData)(jobs), [jobs]);
|
|
45
41
|
const { defaultFilters, allEntriesFilters } = (0, react_1.useMemo)(() => ({
|
|
46
42
|
defaultFilters: {
|
|
47
43
|
[utils_1.ASSET_FILTERS.CHANGED]: jobs?.length > 1,
|
|
@@ -54,7 +50,7 @@ const BundleAssets = (props) => {
|
|
|
54
50
|
...(0, component_links_1.getAssetFileTypeFilters)(true),
|
|
55
51
|
},
|
|
56
52
|
}), [jobs]);
|
|
57
|
-
const
|
|
53
|
+
const searchProps = (0, search_params_1.useSearchParams)({
|
|
58
54
|
search,
|
|
59
55
|
filters,
|
|
60
56
|
defaultFilters,
|
|
@@ -67,11 +63,11 @@ const BundleAssets = (props) => {
|
|
|
67
63
|
}, [jobs]);
|
|
68
64
|
const filteredRows = (0, rows_filter_1.useRowsFilter)({
|
|
69
65
|
rows,
|
|
70
|
-
searchPattern:
|
|
71
|
-
filters:
|
|
72
|
-
getRowFilter: bundle_assets_utils_1.
|
|
66
|
+
searchPattern: searchProps.searchPattern,
|
|
67
|
+
filters: searchProps.filters,
|
|
68
|
+
getRowFilter: (0, bundle_assets_utils_1.generateGetRowFilter)({ chunkIds }),
|
|
73
69
|
});
|
|
74
|
-
const
|
|
70
|
+
const sortProps = (0, rows_sort_1.useRowsSort)({
|
|
75
71
|
rows: filteredRows,
|
|
76
72
|
initialField: sortBy,
|
|
77
73
|
initialDirection: direction,
|
|
@@ -79,21 +75,7 @@ const BundleAssets = (props) => {
|
|
|
79
75
|
setQueryState: setState,
|
|
80
76
|
});
|
|
81
77
|
const [hideEntryInfo, showEntryInfo] = (0, entry_info_1.useEntryInfo)({ setState });
|
|
82
|
-
return (react_1.default.createElement(bundle_assets_1.BundleAssets, { jobs: jobs, chunks: chunks,
|
|
78
|
+
return (react_1.default.createElement(bundle_assets_1.BundleAssets, { ...restProps, ...searchProps, jobs: jobs, chunks: chunks, sort: sortProps.sort, items: sortProps.items, allItems: rows, totalRowCount: totalRowCount, updateSort: sortProps.updateSort, hideEntryInfo: hideEntryInfo, showEntryInfo: showEntryInfo }));
|
|
83
79
|
};
|
|
84
80
|
exports.BundleAssets = BundleAssets;
|
|
85
|
-
exports.BundleAssets.propTypes = {
|
|
86
|
-
jobs: prop_types_1.default.arrayOf(prop_types_1.default.object).isRequired,
|
|
87
|
-
filters: prop_types_1.default.object,
|
|
88
|
-
search: prop_types_1.default.string,
|
|
89
|
-
sortBy: prop_types_1.default.string,
|
|
90
|
-
direction: prop_types_1.default.string,
|
|
91
|
-
setState: prop_types_1.default.func.isRequired,
|
|
92
|
-
};
|
|
93
|
-
exports.BundleAssets.defaultProps = {
|
|
94
|
-
filters: undefined,
|
|
95
|
-
search: undefined,
|
|
96
|
-
sortBy: undefined,
|
|
97
|
-
direction: undefined,
|
|
98
|
-
};
|
|
99
81
|
//# sourceMappingURL=index.js.map
|