@bundle-stats/ui 4.16.0 → 4.17.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.js +14 -5
- package/lib/components/asset-info/asset-info.js.map +1 -1
- package/lib/components/asset-info/asset-info.module.css +9 -0
- package/lib/components/asset-meta-tag/asset-meta-tag.js +17 -0
- package/lib/components/asset-meta-tag/asset-meta-tag.js.map +1 -0
- package/lib/components/asset-meta-tag/asset-meta-tag.module.css +56 -0
- package/lib/components/asset-meta-tag/index.js +18 -0
- package/lib/components/asset-meta-tag/index.js.map +1 -0
- package/lib/components/asset-name/asset-name.js +31 -0
- package/lib/components/asset-name/asset-name.js.map +1 -0
- package/lib/components/asset-name/asset-name.module.css +32 -0
- package/lib/components/asset-name/index.js +18 -0
- package/lib/components/asset-name/index.js.map +1 -0
- package/lib/components/asset-not-predictive/asset-not-predictive.js +6 -4
- package/lib/components/asset-not-predictive/asset-not-predictive.js.map +1 -1
- package/lib/components/asset-not-predictive/asset-not-predictive.module.css +6 -1
- package/lib/components/bundle-assets/bundle-assets.js +3 -38
- package/lib/components/bundle-assets/bundle-assets.js.map +1 -1
- package/lib/components/bundle-assets/bundle-assets.module.css +0 -64
- package/lib/components/bundle-assets/bundle-assets.utils.js +62 -29
- package/lib/components/bundle-assets/bundle-assets.utils.js.map +1 -1
- package/lib/components/bundle-assets/index.js +1 -1
- package/lib/components/bundle-assets/index.js.map +1 -1
- package/lib/components/entry-info/entry-info.js +4 -3
- package/lib/components/entry-info/entry-info.js.map +1 -1
- package/lib/components/metrics-treemap/metrics-treemap.utils.js +0 -1
- package/lib/components/metrics-treemap/metrics-treemap.utils.js.map +1 -1
- package/lib/components/preview-source/preview-source.js +1 -1
- package/lib/components/preview-source/preview-source.js.map +1 -1
- package/lib/stories/wrapper.js +5 -2
- package/lib/stories/wrapper.js.map +1 -1
- package/lib/ui/tag/tag.js.map +1 -1
- package/lib-esm/components/asset-info/asset-info.js +14 -5
- package/lib-esm/components/asset-info/asset-info.js.map +1 -1
- package/lib-esm/components/asset-info/asset-info.module.css +9 -0
- package/lib-esm/components/asset-meta-tag/asset-meta-tag.js +10 -0
- package/lib-esm/components/asset-meta-tag/asset-meta-tag.js.map +1 -0
- package/lib-esm/components/asset-meta-tag/asset-meta-tag.module.css +56 -0
- package/lib-esm/components/asset-meta-tag/index.js +2 -0
- package/lib-esm/components/asset-meta-tag/index.js.map +1 -0
- package/lib-esm/components/asset-name/asset-name.js +24 -0
- package/lib-esm/components/asset-name/asset-name.js.map +1 -0
- package/lib-esm/components/asset-name/asset-name.module.css +32 -0
- package/lib-esm/components/asset-name/index.js +2 -0
- package/lib-esm/components/asset-name/index.js.map +1 -0
- package/lib-esm/components/asset-not-predictive/asset-not-predictive.js +6 -4
- package/lib-esm/components/asset-not-predictive/asset-not-predictive.js.map +1 -1
- package/lib-esm/components/asset-not-predictive/asset-not-predictive.module.css +6 -1
- package/lib-esm/components/bundle-assets/bundle-assets.js +3 -38
- package/lib-esm/components/bundle-assets/bundle-assets.js.map +1 -1
- package/lib-esm/components/bundle-assets/bundle-assets.module.css +0 -64
- package/lib-esm/components/bundle-assets/bundle-assets.utils.js +58 -25
- package/lib-esm/components/bundle-assets/bundle-assets.utils.js.map +1 -1
- package/lib-esm/components/bundle-assets/index.js +2 -2
- package/lib-esm/components/bundle-assets/index.js.map +1 -1
- package/lib-esm/components/entry-info/entry-info.js +4 -3
- package/lib-esm/components/entry-info/entry-info.js.map +1 -1
- package/lib-esm/components/metrics-treemap/metrics-treemap.utils.js +0 -1
- package/lib-esm/components/metrics-treemap/metrics-treemap.utils.js.map +1 -1
- package/lib-esm/components/preview-source/preview-source.js +1 -1
- package/lib-esm/components/preview-source/preview-source.js.map +1 -1
- package/lib-esm/stories/wrapper.js +5 -2
- package/lib-esm/stories/wrapper.js.map +1 -1
- package/lib-esm/ui/tag/tag.js.map +1 -1
- package/package.json +11 -11
- package/src/app/app-gladys.stories.tsx +41 -0
- package/src/app/app-home-assistant.stories.tsx +41 -0
- package/src/app/app-outline.stories.tsx +41 -0
- package/src/app/app.stories.tsx +127 -0
- package/src/components/asset-info/asset-info.module.css +9 -0
- package/src/components/asset-info/asset-info.tsx +46 -14
- package/src/components/asset-meta-tag/asset-meta-tag.module.css +56 -0
- package/src/components/asset-meta-tag/asset-meta-tag.tsx +34 -0
- package/src/components/asset-meta-tag/index.ts +1 -0
- package/src/components/asset-name/asset-name.module.css +32 -0
- package/src/components/asset-name/asset-name.stories.tsx +85 -0
- package/src/components/asset-name/asset-name.tsx +59 -0
- package/src/components/asset-name/index.ts +1 -0
- package/src/components/asset-not-predictive/asset-not-predictive.module.css +6 -1
- package/src/components/asset-not-predictive/asset-not-predictive.tsx +16 -12
- package/src/components/bundle-assets/__tests__/add-metric-report-asset-row-data.ts +235 -0
- package/src/components/bundle-assets/__tests__/get-asset-meta-status.ts +21 -0
- package/src/components/bundle-assets/__tests__/get-is-not-predictive.ts +119 -0
- package/src/components/bundle-assets/bundle-assets.jsx +15 -84
- package/src/components/bundle-assets/bundle-assets.module.css +0 -64
- package/src/components/bundle-assets/bundle-assets.utils.js +95 -26
- package/src/components/bundle-assets/index.jsx +2 -7
- package/src/components/entry-info/entry-info.tsx +18 -13
- package/src/components/metrics-treemap/metrics-treemap.utils.ts +0 -1
- package/src/components/preview-source/preview-source.tsx +11 -1
- package/src/stories/wrapper.jsx +21 -15
- package/src/types.d.ts +30 -1
- package/src/ui/tag/tag.tsx +4 -3
- package/types/components/asset-info/asset-info.d.ts +5 -4
- package/types/components/asset-meta-tag/asset-meta-tag.d.ts +8 -0
- package/types/components/asset-meta-tag/index.d.ts +1 -0
- package/types/components/asset-name/asset-name.d.ts +8 -0
- package/types/components/asset-name/index.d.ts +1 -0
- package/types/components/asset-not-predictive/asset-not-predictive.d.ts +6 -6
- package/types/components/bundle-assets/bundle-assets.utils.d.ts +3 -3
- package/types/components/entry-info/entry-info.d.ts +7 -1
- package/types/stories/wrapper.d.ts +1 -1
- package/types/ui/tag/tag.d.ts +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bundle-assets.utils.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/bundle-assets.utils.js"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"bundle-assets.utils.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/bundle-assets.utils.js"],"names":[],"mappings":"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"}
|
|
@@ -62,7 +62,7 @@ const BundleAssets = (props) => {
|
|
|
62
62
|
setState,
|
|
63
63
|
});
|
|
64
64
|
const { rows, totalRowCount } = (0, react_1.useMemo)(() => {
|
|
65
|
-
const result = webpack.compareBySection.assets(jobs, [bundle_assets_utils_1.
|
|
65
|
+
const result = webpack.compareBySection.assets(jobs, [bundle_assets_utils_1.addMetricReportAssetRowData]);
|
|
66
66
|
return { rows: result, totalRowCount: result.length };
|
|
67
67
|
}, [jobs]);
|
|
68
68
|
const filteredRows = (0, rows_filter_1.useRowsFilter)({
|
|
@@ -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,2CAAqD;AACrD,mDAAwE;AACxE,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/index.jsx"],"names":[],"mappings":"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"}
|
|
@@ -59,7 +59,7 @@ function defaultRenderRunInfo(item) {
|
|
|
59
59
|
return (react_1.default.createElement(run_info_1.RunInfo, { current: metricRunInfo.displayValue, delta: metricRunInfo.displayDeltaPercentage, deltaPercentage: metricRunInfo.displayDelta, deltaType: metricRunInfo.deltaType, baseline: baselineRun?.displayValue || '0B', size: "large" }));
|
|
60
60
|
}
|
|
61
61
|
const EntryInfo = (props) => {
|
|
62
|
-
const { className = '', itemTitle = null, item, labels, runNameSelector = 'name', runNameLabel = I18N.PATH, runSizeLabel = I18N.SIZE,
|
|
62
|
+
const { className = '', itemTitle = null, item, labels, runNameSelector = 'name', runNameLabel = I18N.PATH, runSizeLabel = I18N.SIZE, tags = null, onClose, renderRunInfo = defaultRenderRunInfo, RunName = react_1.default.Fragment, children, } = props;
|
|
63
63
|
return (react_1.default.createElement(portal_1.Portal, { className: (0, classnames_1.default)(entry_info_module_css_1.default.root, className) },
|
|
64
64
|
react_1.default.createElement(box_1.Box, { padding: "medium", as: "header", className: entry_info_module_css_1.default.header },
|
|
65
65
|
react_1.default.createElement(stack_1.Stack, { space: "small" },
|
|
@@ -84,8 +84,9 @@ const EntryInfo = (props) => {
|
|
|
84
84
|
const rowRun = run;
|
|
85
85
|
return (react_1.default.createElement(table_1.Table.Tr, { key: key },
|
|
86
86
|
react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(entry_info_module_css_1.default.runsCell, entry_info_module_css_1.default.runsColJob) }, labels[index]),
|
|
87
|
-
react_1.default.createElement(table_1.Table.Td, { className: (0, classnames_1.default)(entry_info_module_css_1.default.runsCell, entry_info_module_css_1.default.runsColName) }, rowRun?.[runNameSelector] ? (react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center",
|
|
88
|
-
react_1.default.createElement(
|
|
87
|
+
react_1.default.createElement(table_1.Table.Td, { className: (0, classnames_1.default)(entry_info_module_css_1.default.runsCell, entry_info_module_css_1.default.runsColName) }, rowRun?.[runNameSelector] ? (react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center", className: entry_info_module_css_1.default.label },
|
|
88
|
+
react_1.default.createElement(RunName, { run: rowRun, nameSelector: runNameSelector },
|
|
89
|
+
react_1.default.createElement(file_name_1.FileName, { as: "code", name: rowRun[runNameSelector], className: className })),
|
|
89
90
|
react_1.default.createElement(ui_1.CopyToClipboard, { text: item.label, size: "small" }))) : ('-')),
|
|
90
91
|
react_1.default.createElement(table_1.Table.Td, { className: (0, classnames_1.default)(entry_info_module_css_1.default.runsCell, entry_info_module_css_1.default.runsColSize) },
|
|
91
92
|
react_1.default.createElement("span", { className: entry_info_module_css_1.default.size }, typeof run?.value !== 'undefined' ? run.value : '-'))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"entry-info.js","sourceRoot":"","sources":["../../../src/components/entry-info/entry-info.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAA0B;AAC1B,4DAA4B;AAC5B,2CAAwC;AAExC,+CAA4E;AAE5E,0CAAuC;AACvC,wDAAoD;AACpD,8CAA2C;AAC3C,kDAA8C;AAC9C,4CAAyC;AACzC,wCAAqC;AACrC,0CAAuC;AACvC,0CAAsC;AACtC,wDAA0C;AAC1C,oFAA0C;AAC1C,iCAAoD;AAM7C,MAAM,iBAAiB,GAAG,CAAC,KAAyD,EAAE,EAAE;IAC7F,MAAM,EAAE,EAAE,EAAE,aAAa,GAAG,GAAG,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACxE,OAAO,8BAAC,aAAa,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAM,SAAS,GAAI,CAAC;AAClF,CAAC,CAAC;AAHW,QAAA,iBAAiB,qBAG5B;AAOF,MAAM,aAAa,GAAG,CAAC,EACrB,SAAS,GAAG,EAAE,EACd,KAAK,EACL,OAAO,EACP,QAAQ,GACuC,EAAE,EAAE,CAAC,CACpD,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACrC,wCAAM,SAAS,EAAE,+BAAG,CAAC,SAAS;QAC3B,KAAK;QACL,OAAO,IAAI,CACV,8BAAC,YAAO,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,+BAAG,CAAC,gBAAgB;YACtD,8BAAC,WAAI,IAAC,KAAK,EAAC,MAAM,GAAG,CACb,CACX,CACI;IACP,uCAAK,SAAS,EAAE,+BAAG,CAAC,WAAW,IAAG,QAAQ,CAAO,CAC7C,CACP,CAAC;AAEF,SAAS,oBAAoB,CAAC,IAAqB;IACjD,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAGpF,MAAM,aAAa,GAAG,IAAA,wBAAgB,EACpC,2BAAmB,CAAC,qBAAqB,EACzC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAC1B,WAAW,EAAE,KAAK,IAAI,CAAC,CACP,CAAC;IAEnB,OAAO,CACL,8BAAC,kBAAO,IACN,OAAO,EAAE,aAAa,CAAC,YAAY,EACnC,KAAK,EAAE,aAAa,CAAC,sBAAsB,EAC3C,eAAe,EAAE,aAAa,CAAC,YAAY,EAC3C,SAAS,EAAE,aAAa,CAAC,SAAS,EAClC,QAAQ,EAAE,WAAW,EAAE,YAAY,IAAI,IAAI,EAC3C,IAAI,EAAC,OAAO,GACZ,CACH,CAAC;AACJ,CAAC;
|
|
1
|
+
{"version":3,"file":"entry-info.js","sourceRoot":"","sources":["../../../src/components/entry-info/entry-info.tsx"],"names":[],"mappings":"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"}
|
|
@@ -91,7 +91,6 @@ function getTreemapNodesGroupedByPath(items) {
|
|
|
91
91
|
item,
|
|
92
92
|
};
|
|
93
93
|
const childrenTotal = setTreeNode(treeNodes, baseSlugs, 0, treeNode);
|
|
94
|
-
console.log(childrenTotal);
|
|
95
94
|
total.current += childrenTotal.current;
|
|
96
95
|
total.baseline =
|
|
97
96
|
typeof childrenTotal.baseline !== 'undefined'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"metrics-treemap.utils.js","sourceRoot":"","sources":["../../../src/components/metrics-treemap/metrics-treemap.utils.ts"],"names":[],"mappings":";;AAkCA,0CAcC;AA8ED,
|
|
1
|
+
{"version":3,"file":"metrics-treemap.utils.js","sourceRoot":"","sources":["../../../src/components/metrics-treemap/metrics-treemap.utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -22,7 +22,7 @@ const PreviewSource = (props) => {
|
|
|
22
22
|
react_1.default.createElement(copy_to_clipboard_1.CopyToClipboard, { outline: true, size: "small", text: source }),
|
|
23
23
|
download && (react_1.default.createElement(tooltip_1.Tooltip, { title: `Download ${download}`, className: preview_source_module_css_1.default.downloadTooltip },
|
|
24
24
|
react_1.default.createElement(button_1.Button, { outline: true, rightGlyph: button_1.BUTTON_GLYPHS.DOWNLOAD, size: "small", as: "a", href: `data:application/json,${encodeURIComponent(source)}`, download: download }))))),
|
|
25
|
-
react_1.default.createElement(textarea_1.Textarea, { readOnly: true,
|
|
25
|
+
react_1.default.createElement(textarea_1.Textarea, { rows: rows, value: source, readOnly: true, autoComplete: "off", autoCorrect: "off", autoCapitalize: "off", spellCheck: "false", translate: "no", className: preview_source_module_css_1.default.content })));
|
|
26
26
|
};
|
|
27
27
|
exports.PreviewSource = PreviewSource;
|
|
28
28
|
//# sourceMappingURL=preview-source.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preview-source.js","sourceRoot":"","sources":["../../../src/components/preview-source/preview-source.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,4DAA4B;AAE5B,4CAAwD;AACxD,kEAA6D;AAC7D,0DAAsD;AACtD,8CAA2C;AAC3C,gDAA6C;AAC7C,4FAA8C;AAE9C,MAAM,YAAY,GAAG,EAAE,CAAC;AAgBjB,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACzD,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,GAAG,YAAY,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE9F,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC;IACxB,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,mCAAG,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,IAAI,mCAAG,CAAC,OAAO,CAAC,CAAC;IAEtE,OAAO,CACL,uCAAK,SAAS,EAAE,aAAa,KAAM,SAAS;QACzC,MAAM,IAAI,CACT,8BAAC,4BAAY,IAAC,SAAS,EAAE,mCAAG,CAAC,OAAO;YAClC,8BAAC,mCAAe,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,MAAM,GAAI;YACrD,QAAQ,IAAI,CACX,8BAAC,iBAAO,IAAC,KAAK,EAAE,YAAY,QAAQ,EAAE,EAAE,SAAS,EAAE,mCAAG,CAAC,eAAe;gBACpE,8BAAC,eAAM,IACL,OAAO,QACP,UAAU,EAAE,sBAAa,CAAC,QAAQ,EAClC,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,yBAAyB,kBAAkB,CAAC,MAAM,CAAC,EAAE,EAC3D,QAAQ,EAAE,QAAQ,GAClB,CACM,CACX,CACY,CAChB;QACD,8BAAC,mBAAQ,
|
|
1
|
+
{"version":3,"file":"preview-source.js","sourceRoot":"","sources":["../../../src/components/preview-source/preview-source.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,4DAA4B;AAE5B,4CAAwD;AACxD,kEAA6D;AAC7D,0DAAsD;AACtD,8CAA2C;AAC3C,gDAA6C;AAC7C,4FAA8C;AAE9C,MAAM,YAAY,GAAG,EAAE,CAAC;AAgBjB,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACzD,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,GAAG,YAAY,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE9F,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC;IACxB,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,mCAAG,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,IAAI,mCAAG,CAAC,OAAO,CAAC,CAAC;IAEtE,OAAO,CACL,uCAAK,SAAS,EAAE,aAAa,KAAM,SAAS;QACzC,MAAM,IAAI,CACT,8BAAC,4BAAY,IAAC,SAAS,EAAE,mCAAG,CAAC,OAAO;YAClC,8BAAC,mCAAe,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,MAAM,GAAI;YACrD,QAAQ,IAAI,CACX,8BAAC,iBAAO,IAAC,KAAK,EAAE,YAAY,QAAQ,EAAE,EAAE,SAAS,EAAE,mCAAG,CAAC,eAAe;gBACpE,8BAAC,eAAM,IACL,OAAO,QACP,UAAU,EAAE,sBAAa,CAAC,QAAQ,EAClC,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,yBAAyB,kBAAkB,CAAC,MAAM,CAAC,EAAE,EAC3D,QAAQ,EAAE,QAAQ,GAClB,CACM,CACX,CACY,CAChB;QACD,8BAAC,mBAAQ,IACP,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,EACb,QAAQ,QACR,YAAY,EAAC,KAAK,EAClB,WAAW,EAAC,KAAK,EACjB,cAAc,EAAC,KAAK,EACpB,UAAU,EAAC,OAAO,EAClB,SAAS,EAAC,IAAI,EACd,SAAS,EAAE,mCAAG,CAAC,OAAO,GACtB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,aAAa,iBAsCxB"}
|
package/lib/stories/wrapper.js
CHANGED
|
@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.getWrapperDecorator = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const react_router_dom_1 = require("react-router-dom");
|
|
9
|
-
const
|
|
9
|
+
const query_state_1 = require("../query-state");
|
|
10
|
+
const getWrapperDecorator = (customWrapperStyles = {}) => (Story) => {
|
|
10
11
|
const wrapperStyles = {
|
|
11
12
|
width: '100%',
|
|
12
13
|
height: '100%',
|
|
@@ -14,7 +15,9 @@ const getWrapperDecorator = (customWrapperStyles = {}) => (storyFn) => {
|
|
|
14
15
|
...customWrapperStyles,
|
|
15
16
|
};
|
|
16
17
|
return (react_1.default.createElement(react_router_dom_1.MemoryRouter, { initialEntries: [{ pathname: '/', key: 'home' }] },
|
|
17
|
-
react_1.default.createElement(
|
|
18
|
+
react_1.default.createElement(query_state_1.QueryStateProvider, null,
|
|
19
|
+
react_1.default.createElement("div", { style: wrapperStyles },
|
|
20
|
+
react_1.default.createElement(Story, null)))));
|
|
18
21
|
};
|
|
19
22
|
exports.getWrapperDecorator = getWrapperDecorator;
|
|
20
23
|
//# sourceMappingURL=wrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"wrapper.js","sourceRoot":"","sources":["../../src/stories/wrapper.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,uDAAgD;
|
|
1
|
+
{"version":3,"file":"wrapper.js","sourceRoot":"","sources":["../../src/stories/wrapper.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,uDAAgD;AAEhD,gDAAoD;AAE7C,MAAM,mBAAmB,GAC9B,CAAC,mBAAmB,GAAG,EAAE,EAAE,EAAE,CAC7B,CAAC,KAAK,EAAE,EAAE;IACR,MAAM,aAAa,GAAG;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,GAAG,mBAAmB;KACvB,CAAC;IAEF,OAAO,CACL,8BAAC,+BAAY,IAAC,cAAc,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;QAC5D,8BAAC,gCAAkB;YACjB,uCAAK,KAAK,EAAE,aAAa;gBACvB,8BAAC,KAAK,OAAG,CACL,CACa,CACR,CAChB,CAAC;AACJ,CAAC,CAAC;AAnBS,QAAA,mBAAmB,uBAmB5B"}
|
package/lib/ui/tag/tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../src/ui/tag/tag.tsx"],"names":[],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../src/ui/tag/tag.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,4DAA4B;AAE5B,yCAA0C;AAC1C,sEAAmC;AAQ5B,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE;IACrC,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,IAAI,GAAG,aAAI,CAAC,OAAO,EACnB,IAAI,GAAG,aAAI,CAAC,MAAM,EAClB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,wBAAG,CAAC,IAAI,EAAE,SAAS,EAAE,wBAAG,CAAC,IAAI,CAAC,EAAE,wBAAG,CAAC,IAAI,CAAC,CAAC,CAAC;IAEpE,OAAO,8BAAC,SAAS,IAAC,SAAS,EAAE,aAAa,KAAM,SAAS,GAAI,CAAC;AAChE,CAAC,CAAC;AAZW,QAAA,GAAG,OAYd;AAEF,WAAG,CAAC,KAAK,GAAG,aAAI,CAAC;AACjB,WAAG,CAAC,KAAK,GAAG,aAAI,CAAC"}
|
|
@@ -3,7 +3,7 @@ import cx from 'classnames';
|
|
|
3
3
|
import noop from 'lodash/noop';
|
|
4
4
|
import { FILE_TYPE_LABELS, getBundleModulesByChunk, getBundleAssetsByEntryType, getBundleAssetsFileTypeComponentLink, getModuleFileType, } from '@bundle-stats/utils';
|
|
5
5
|
import { FlexStack } from '../../layout/flex-stack';
|
|
6
|
-
import {
|
|
6
|
+
import { AssetMetaTag } from '../asset-meta-tag';
|
|
7
7
|
import { ComponentLink } from '../component-link';
|
|
8
8
|
import { EntryInfo, EntryInfoMetaLink } from '../entry-info';
|
|
9
9
|
import css from './asset-info.module.css';
|
|
@@ -16,6 +16,15 @@ const ChunkModulesLink = ({ as: Component, chunks, chunkId, name, onClick, }) =>
|
|
|
16
16
|
const fileType = getModuleFileType(name);
|
|
17
17
|
return (React.createElement(Component, { className: css.viewModules, ...getBundleModulesByChunk(chunkIds, chunkId, fileType), onClick: onClick }, "View chunk modules"));
|
|
18
18
|
};
|
|
19
|
+
const AssetRunName = (props) => {
|
|
20
|
+
const { run, children } = props;
|
|
21
|
+
return (React.createElement(React.Fragment, null,
|
|
22
|
+
React.createElement("span", { className: css.runNameTags },
|
|
23
|
+
run.isEntry && React.createElement(AssetMetaTag, { tag: "entry", title: "Entry", size: "small" }),
|
|
24
|
+
run.isInitial && React.createElement(AssetMetaTag, { tag: "initial", title: "Initial", size: "small" }),
|
|
25
|
+
run.isChunk && React.createElement(AssetMetaTag, { tag: "chunk", title: "Chunk", size: "small" })),
|
|
26
|
+
children));
|
|
27
|
+
};
|
|
19
28
|
export const AssetInfo = (props) => {
|
|
20
29
|
var _a;
|
|
21
30
|
const { className = '', chunks = null, customComponentLink: CustomComponentLink = ComponentLink, item, labels, onClick = noop, onClose, } = props;
|
|
@@ -25,12 +34,12 @@ export const AssetInfo = (props) => {
|
|
|
25
34
|
return null;
|
|
26
35
|
}
|
|
27
36
|
return (React.createElement(FlexStack, { space: "xxxsmall", alignItems: "center", className: css.tags },
|
|
28
|
-
item.isEntry && (React.createElement(
|
|
29
|
-
item.isInitial && (React.createElement(
|
|
30
|
-
item.isChunk && (React.createElement(
|
|
37
|
+
item.isEntry && (React.createElement(AssetMetaTag, { as: CustomComponentLink, ...getBundleAssetsByEntryType('entry'), onClick: onClick, tag: "entry", size: "medium", status: item.isEntry, className: css.assetNameTag }, "Entrypoint")),
|
|
38
|
+
item.isInitial && (React.createElement(AssetMetaTag, { as: CustomComponentLink, ...getBundleAssetsByEntryType('initial'), onClick: onClick, tag: "initial", size: "medium", status: item.isInitial, className: cx(css.assetNameTag, css.assetNameTagInitial) }, "Initial")),
|
|
39
|
+
item.isChunk && (React.createElement(AssetMetaTag, { as: CustomComponentLink, ...getBundleAssetsByEntryType('chunk'), onClick: onClick, tag: "chunk", size: "medium", status: item.isChunk, className: cx(css.assetNameTag, css.assetNameTagChunk) }, "Chunk"))));
|
|
31
40
|
}, [item]);
|
|
32
41
|
const fileTypeLabel = FILE_TYPE_LABELS[item.fileType];
|
|
33
|
-
return (React.createElement(EntryInfo, { item: item, labels: labels, tags: tags, onClose: onClose, className: cx(css.root, className) },
|
|
42
|
+
return (React.createElement(EntryInfo, { item: item, labels: labels, tags: tags, onClose: onClose, RunName: AssetRunName, className: cx(css.root, className) },
|
|
34
43
|
item.fileType && (React.createElement(EntryInfo.Meta, { label: "File type", tooltip: "Asset file type: JS, CSS, image, media, fonts, HTML, or other" },
|
|
35
44
|
React.createElement(EntryInfoMetaLink, { as: CustomComponentLink, ...getBundleAssetsFileTypeComponentLink(item.fileType, fileTypeLabel), onClick: onClick }, fileTypeLabel))),
|
|
36
45
|
(currentRun === null || currentRun === void 0 ? void 0 : currentRun.chunkId) && chunks && (React.createElement("div", null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"asset-info.js","sourceRoot":"","sources":["../../../src/components/asset-info/asset-info.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"asset-info.js","sourceRoot":"","sources":["../../../src/components/asset-info/asset-info.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import cx from 'classnames';
|
|
3
|
+
import { Tag } from '../../ui/tag';
|
|
4
|
+
import css from './asset-meta-tag.module.css';
|
|
5
|
+
export const AssetMetaTag = (props) => {
|
|
6
|
+
const { className = '', title, tag, status, ...restProps } = props;
|
|
7
|
+
const rootClassName = cx(css.root, status === 'added' && css.added, status === 'removed' && css.removed, css[tag], className);
|
|
8
|
+
return (React.createElement(Tag, { className: rootClassName, title: title, size: Tag.SIZES.SMALL, kind: Tag.KINDS.INFO, ...restProps }));
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=asset-meta-tag.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"asset-meta-tag.js","sourceRoot":"","sources":["../../../src/components/asset-meta-tag/asset-meta-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAG5B,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,GAAG,MAAM,6BAA6B,CAAC;AAQ9C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACvD,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEnE,MAAM,aAAa,GAAG,EAAE,CACtB,GAAG,CAAC,IAAI,EACR,MAAM,KAAK,OAAO,IAAI,GAAG,CAAC,KAAK,EAC/B,MAAM,KAAK,SAAS,IAAI,GAAG,CAAC,OAAO,EACnC,GAAG,CAAC,GAAG,CAAC,EACR,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IACF,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,EACrB,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC,IAAI,KAChB,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
.root {
|
|
2
|
+
--background-color: var(--color-info);
|
|
3
|
+
background: var(--background-color);
|
|
4
|
+
overflow: hidden;
|
|
5
|
+
position: relative;
|
|
6
|
+
vertical-align: middle;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.root::before {
|
|
10
|
+
display: block;
|
|
11
|
+
content: ' ';
|
|
12
|
+
padding: 2px;
|
|
13
|
+
position: absolute;
|
|
14
|
+
left: 0;
|
|
15
|
+
top: 0;
|
|
16
|
+
width: 100%;
|
|
17
|
+
height: 100%;
|
|
18
|
+
font-size: 8px;
|
|
19
|
+
line-height: 1;
|
|
20
|
+
vertical-align: middle;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
/* tag */
|
|
24
|
+
.entry {
|
|
25
|
+
--background-color: var(--color-info-dark);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.entry:empty::before {
|
|
29
|
+
content: 'e';
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.initial {
|
|
33
|
+
--background-color: var(--color-info);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.initial:empty::before {
|
|
37
|
+
content: 'i';
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.chunk {
|
|
41
|
+
--background-color: var(--color-info-light);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.chunk:empty::before {
|
|
45
|
+
content: 'c';
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
/* status */
|
|
49
|
+
.added {
|
|
50
|
+
background: linear-gradient(-45deg, var(--color-danger-light) 50%, var(--background-color) 50%) !important;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.removed {
|
|
54
|
+
background: linear-gradient(135deg, var(--color-danger-light) 50%, var(--background-color) 50%) !important;
|
|
55
|
+
}
|
|
56
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/asset-meta-tag/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Icon } from '../../ui/icon';
|
|
3
|
+
import { FileName } from '../../ui/file-name';
|
|
4
|
+
import { HoverCard } from '../../ui/hover-card';
|
|
5
|
+
import { AssetNotPredictive } from '../asset-not-predictive';
|
|
6
|
+
import { AssetMetaTag } from '../asset-meta-tag';
|
|
7
|
+
import css from './asset-name.module.css';
|
|
8
|
+
const RUN_TITLE_CURRENT = 'Current';
|
|
9
|
+
const RUN_TITLE_BASELINE = 'Baseline';
|
|
10
|
+
const RUNS_LABELS = [RUN_TITLE_CURRENT, RUN_TITLE_BASELINE];
|
|
11
|
+
export const AssetName = (props) => {
|
|
12
|
+
const { className = '', customComponentLink: CustomComponentLink, row } = props;
|
|
13
|
+
const { label, isNotPredictive, runs, isChunk, isEntry, isInitial } = row;
|
|
14
|
+
return (React.createElement("span", { className: className },
|
|
15
|
+
isNotPredictive && (React.createElement(HoverCard, { label: React.createElement(Icon, { className: css.notPredictiveIcon, glyph: Icon.ICONS.WARNING }), className: css.notPredictive, hoverCardClassName: css.notPredictiveHoverCard },
|
|
16
|
+
React.createElement(AssetNotPredictive, { runs: runs, labels: RUNS_LABELS }))),
|
|
17
|
+
React.createElement(CustomComponentLink, { entryId: row.key, className: css.name },
|
|
18
|
+
React.createElement("span", { className: css.metaTags },
|
|
19
|
+
isEntry && (React.createElement(AssetMetaTag, { className: css.metaTag, title: "Entrypoint", tag: "entry", status: isEntry })),
|
|
20
|
+
isInitial && (React.createElement(AssetMetaTag, { className: css.metaTag, title: "Initial", tag: "initial", status: isInitial })),
|
|
21
|
+
isChunk && (React.createElement(AssetMetaTag, { className: css.metaTag, title: "Chunk", tag: "chunk", status: isChunk }))),
|
|
22
|
+
React.createElement(FileName, { className: css.nameText, name: label }))));
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=asset-name.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"asset-name.js","sourceRoot":"","sources":["../../../src/components/asset-name/asset-name.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,GAAG,MAAM,yBAAyB,CAAC;AAE1C,MAAM,iBAAiB,GAAG,SAAS,CAAC;AACpC,MAAM,kBAAkB,GAAG,UAAU,CAAC;AACtC,MAAM,WAAW,GAAG,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;AAQ5D,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;IAChF,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,GAAG,CAAC;IAE1E,OAAO,CACL,8BAAM,SAAS,EAAE,SAAS;QACvB,eAAe,IAAI,CAClB,oBAAC,SAAS,IACR,KAAK,EAAE,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,CAAC,iBAAiB,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAI,EAC5E,SAAS,EAAE,GAAG,CAAC,aAAa,EAC5B,kBAAkB,EAAE,GAAG,CAAC,sBAAsB;YAE9C,oBAAC,kBAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,GAAI,CAC7C,CACb;QAED,oBAAC,mBAAmB,IAAC,OAAO,EAAE,GAAG,CAAC,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,IAAI;YACxD,8BAAM,SAAS,EAAE,GAAG,CAAC,QAAQ;gBAC1B,OAAO,IAAI,CACV,oBAAC,YAAY,IAAC,SAAS,EAAE,GAAG,CAAC,OAAO,EAAE,KAAK,EAAC,YAAY,EAAC,GAAG,EAAC,OAAO,EAAC,MAAM,EAAE,OAAO,GAAI,CACzF;gBACA,SAAS,IAAI,CACZ,oBAAC,YAAY,IACX,SAAS,EAAE,GAAG,CAAC,OAAO,EACtB,KAAK,EAAC,SAAS,EACf,GAAG,EAAC,SAAS,EACb,MAAM,EAAE,SAAS,GACjB,CACH;gBACA,OAAO,IAAI,CACV,oBAAC,YAAY,IAAC,SAAS,EAAE,GAAG,CAAC,OAAO,EAAE,KAAK,EAAC,OAAO,EAAC,GAAG,EAAC,OAAO,EAAC,MAAM,EAAE,OAAO,GAAI,CACpF,CACI;YACP,oBAAC,QAAQ,IAAC,SAAS,EAAE,GAAG,CAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,GAAI,CAC9B,CACjB,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
.notPredictive {
|
|
2
|
+
margin-right: var(--space-xxsmall);
|
|
3
|
+
display: inline-block;
|
|
4
|
+
width: var(--space-small);
|
|
5
|
+
height: var(--space-small);
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.notPredictiveIcon {
|
|
9
|
+
color: var(--color-warning-dark);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.notPredictiveHoverCard {
|
|
13
|
+
max-width: 480px;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.metaTags {
|
|
17
|
+
display: inline;
|
|
18
|
+
margin-right: var(--space-xxxsmall);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.metaTag + .metaTag {
|
|
22
|
+
margin-left: calc(var(--space-xxxsmall) / 2);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.metaTags:empty {
|
|
26
|
+
display: none;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.nameText {
|
|
30
|
+
display: inline-block;
|
|
31
|
+
vertical-align: middle;
|
|
32
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/asset-name/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -3,10 +3,12 @@ import cx from 'classnames';
|
|
|
3
3
|
import { Stack } from '../../layout/stack';
|
|
4
4
|
import { Table } from '../../ui/table';
|
|
5
5
|
import css from './asset-not-predictive.module.css';
|
|
6
|
+
import { Alert } from '../../ui';
|
|
6
7
|
export const AssetNotPredictive = (props) => {
|
|
7
8
|
const { className = '', runs = null, labels = null, ...restProps } = props;
|
|
8
|
-
return (React.createElement(Stack, { space: "
|
|
9
|
-
React.createElement("
|
|
9
|
+
return (React.createElement(Stack, { space: "small", ...restProps, className: cx(css.root, className) },
|
|
10
|
+
React.createElement("h3", null, "Asset hash is not predictive"),
|
|
11
|
+
React.createElement(Alert, { kind: "warning" }, "File names are identical, but the size is different. Content changes without a hash change can cause runtime errors."),
|
|
10
12
|
runs && (React.createElement(Table, { outline: true, compact: true },
|
|
11
13
|
React.createElement(Table.THead, null,
|
|
12
14
|
React.createElement(Table.Tr, null,
|
|
@@ -15,7 +17,7 @@ export const AssetNotPredictive = (props) => {
|
|
|
15
17
|
React.createElement(Table.Th, { className: css.tableValue }, "Size"))),
|
|
16
18
|
React.createElement(Table.TBody, null, runs.map(({ name, value }, index) => (React.createElement(Table.Tr, { key: name },
|
|
17
19
|
React.createElement(Table.Th, null, labels === null || labels === void 0 ? void 0 : labels[index]),
|
|
18
|
-
React.createElement(Table.Td,
|
|
19
|
-
React.createElement(Table.Td, { className: css.
|
|
20
|
+
React.createElement(Table.Td, { className: css.colName }, name),
|
|
21
|
+
React.createElement(Table.Td, { className: css.colvalue }, value)))))))));
|
|
20
22
|
};
|
|
21
23
|
//# sourceMappingURL=asset-not-predictive.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"asset-not-predictive.js","sourceRoot":"","sources":["../../../src/components/asset-not-predictive/asset-not-predictive.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"asset-not-predictive.js","sourceRoot":"","sources":["../../../src/components/asset-not-predictive/asset-not-predictive.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAG5B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,GAAG,MAAM,mCAAmC,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAOjC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACnE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE3E,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAC,OAAO,KAAK,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;QACpE,+DAAqC;QACrC,oBAAC,KAAK,IAAC,IAAI,EAAC,SAAS,2HAGb;QACP,IAAI,IAAI,CACP,oBAAC,KAAK,IAAC,OAAO,QAAC,OAAO;YACpB,oBAAC,KAAK,CAAC,KAAK;gBACV,oBAAC,KAAK,CAAC,EAAE;oBACP,oBAAC,KAAK,CAAC,EAAE,iBAAkB;oBAC3B,oBAAC,KAAK,CAAC,EAAE,oBAAqB;oBAC9B,oBAAC,KAAK,CAAC,EAAE,IAAC,SAAS,EAAE,GAAG,CAAC,UAAU,WAAiB,CAC3C,CACC;YACd,oBAAC,KAAK,CAAC,KAAK,QACT,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,oBAAC,KAAK,CAAC,EAAE,IAAC,GAAG,EAAE,IAAI;gBACjB,oBAAC,KAAK,CAAC,EAAE,QAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,CAAC,CAAY;gBACtC,oBAAC,KAAK,CAAC,EAAE,IAAC,SAAS,EAAE,GAAG,CAAC,OAAO,IAAG,IAAI,CAAY;gBACnD,oBAAC,KAAK,CAAC,EAAE,IAAC,SAAS,EAAE,GAAG,CAAC,QAAQ,IAAG,KAAK,CAAY,CAC5C,CACZ,CAAC,CACU,CACR,CACT,CACK,CACT,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -12,17 +12,12 @@ import { Box } from '../../layout/box';
|
|
|
12
12
|
import { FlexStack } from '../../layout/flex-stack';
|
|
13
13
|
import { Stack } from '../../layout/stack';
|
|
14
14
|
import { Dialog, useDialogState } from '../../ui/dialog';
|
|
15
|
-
import { Icon } from '../../ui/icon';
|
|
16
15
|
import { InputSearch } from '../../ui/input-search';
|
|
17
|
-
import { FileName } from '../../ui/file-name';
|
|
18
|
-
import { HoverCard } from '../../ui/hover-card';
|
|
19
|
-
import { Tag } from '../../ui/tag';
|
|
20
16
|
import { Table } from '../../ui/table';
|
|
21
17
|
import { Filters } from '../../ui/filters';
|
|
22
18
|
import { EmptySet } from '../../ui/empty-set';
|
|
23
19
|
import { Toolbar } from '../../ui/toolbar';
|
|
24
20
|
import { AssetInfo } from '../asset-info';
|
|
25
|
-
import { AssetNotPredictive } from '../asset-not-predictive';
|
|
26
21
|
import { ComponentLink } from '../component-link';
|
|
27
22
|
import { MetricsTable } from '../metrics-table';
|
|
28
23
|
import { MetricsTableExport } from '../metrics-table-export';
|
|
@@ -33,9 +28,7 @@ import { MetricsTableHeader } from '../metrics-table-header';
|
|
|
33
28
|
import { MetricsTreemap, getTreemapNodes, getTreemapNodesGroupedByPath } from '../metrics-treemap';
|
|
34
29
|
import { SEARCH_PLACEHOLDER } from './bundle-assets.i18n';
|
|
35
30
|
import css from './bundle-assets.module.css';
|
|
36
|
-
|
|
37
|
-
const RUN_TITLE_BASELINE = 'Baseline';
|
|
38
|
-
const RUNS_LABELS = [RUN_TITLE_CURRENT, RUN_TITLE_BASELINE];
|
|
31
|
+
import { AssetName } from '../asset-name';
|
|
39
32
|
const DISPLAY_TYPE_GROUPS = {
|
|
40
33
|
[MetricsDisplayType.TREEMAP]: ['folder'],
|
|
41
34
|
};
|
|
@@ -80,35 +73,6 @@ const getFilters = ({ compareMode, filters }) => ({
|
|
|
80
73
|
children: getFileTypeFilters(filters),
|
|
81
74
|
},
|
|
82
75
|
});
|
|
83
|
-
const RowHeader = ({ row, customComponentLink: CustomComponentLink, filters, search }) => {
|
|
84
|
-
const { label, isNotPredictive, runs, isChunk, isEntry, isInitial } = row;
|
|
85
|
-
return (React.createElement("span", { className: css.assetNameWrapper },
|
|
86
|
-
isNotPredictive && (React.createElement(HoverCard, { label: React.createElement(Icon, { className: css.notPredictiveIcon, glyph: Icon.ICONS.WARNING }), className: css.notPredictive, anchorClassName: css.notPredictiveAnchor },
|
|
87
|
-
React.createElement(AssetNotPredictive, { runs: runs, labels: RUNS_LABELS }))),
|
|
88
|
-
React.createElement(CustomComponentLink, { section: SECTIONS.ASSETS, params: { [COMPONENT.BUNDLE_ASSETS]: { filters, search, entryId: row.key } }, className: css.assetName },
|
|
89
|
-
React.createElement("span", { className: css.assetNameTags },
|
|
90
|
-
isEntry && (React.createElement(Tag, { className: cx(css.assetNameTag, css.assetNameTagEntry), title: "Entrypoint", size: Tag.SIZES.SMALL, kind: Tag.KINDS.INFO })),
|
|
91
|
-
isInitial && (React.createElement(Tag, { className: cx(css.assetNameTag, css.assetNameTagInitial), title: "Initial", size: Tag.SIZES.SMALL, kind: Tag.KINDS.INFO })),
|
|
92
|
-
isChunk && (React.createElement(Tag, { className: cx(css.assetNameTag, css.assetNameTagChunk), title: "Chunk", size: Tag.SIZES.SMALL, kind: Tag.KINDS.INFO }))),
|
|
93
|
-
React.createElement(FileName, { className: css.assetNameText, name: label }))));
|
|
94
|
-
};
|
|
95
|
-
RowHeader.propTypes = {
|
|
96
|
-
row: PropTypes.shape({
|
|
97
|
-
key: PropTypes.string,
|
|
98
|
-
label: PropTypes.string,
|
|
99
|
-
isNotPredictive: PropTypes.bool,
|
|
100
|
-
isChunk: PropTypes.bool,
|
|
101
|
-
isInitial: PropTypes.bool,
|
|
102
|
-
isEntry: PropTypes.bool,
|
|
103
|
-
runs: PropTypes.arrayOf(PropTypes.object),
|
|
104
|
-
}).isRequired,
|
|
105
|
-
customComponentLink: PropTypes.elementType.isRequired,
|
|
106
|
-
filters: PropTypes.object.isRequired,
|
|
107
|
-
search: PropTypes.string,
|
|
108
|
-
};
|
|
109
|
-
RowHeader.defaultProps = {
|
|
110
|
-
search: '',
|
|
111
|
-
};
|
|
112
76
|
const ViewMetricsTreemap = (props) => {
|
|
113
77
|
const { metricsTableTitle, jobs, items, displayType, emptyMessage, showEntryInfo, updateSearch, search, } = props;
|
|
114
78
|
const treeNodes = useMemo(() => {
|
|
@@ -152,7 +116,8 @@ export const BundleAssets = (props) => {
|
|
|
152
116
|
const [displayType, setDisplayType] = useMetricsDisplayType(DISPLAY_TYPE_GROUPS);
|
|
153
117
|
const dropdownFilters = useMemo(() => getFilters({ compareMode: (jobs === null || jobs === void 0 ? void 0 : jobs.length) > 1, filters }), [jobs, filters]);
|
|
154
118
|
const metricsTableTitle = useMemo(() => (React.createElement(MetricsTableTitle, { title: I18N.ASSETS, info: `${items.length}/${totalRowCount}`, popoverInfo: I18N.ASSETS_INFO, popoverHref: config.documentation.assets })), [items, totalRowCount]);
|
|
155
|
-
const
|
|
119
|
+
const assetNameCustomComponentLink = useCallback(({ entryId: assetEntryId, ...assetNameRestProps }) => (React.createElement(CustomComponentLink, { section: SECTIONS.ASSETS, params: { [COMPONENT.BUNDLE_ASSETS]: { filters, search, entryId: assetEntryId } }, ...assetNameRestProps })), [CustomComponentLink, filters, search]);
|
|
120
|
+
const renderRowHeader = useCallback((row) => (React.createElement(AssetName, { row: row, customComponentLink: assetNameCustomComponentLink, className: css.assetName })), [CustomComponentLink, filters, search]);
|
|
156
121
|
const emptyMessage = useMemo(() => (React.createElement(EmptySet, { resources: "assets", filtered: totalRowCount !== 0, handleResetFilters: resetFilters, handleViewAll: resetAllFilters })), [totalRowCount, resetFilters, resetAllFilters]);
|
|
157
122
|
const entryItem = useMemo(() => {
|
|
158
123
|
if (!entryId) {
|