@bundle-stats/ui 4.19.1 → 4.20.1-alpha.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/README.md +2 -2
- package/lib/components/metrics-display-selector/metrics-display-selector.js +3 -1
- package/lib/components/metrics-display-selector/metrics-display-selector.js.map +1 -1
- package/lib/components/metrics-display-selector/metrics-display-selector.module.css +17 -1
- package/lib/components/metrics-table-export/metrics-table-export.js +5 -1
- package/lib/components/metrics-table-export/metrics-table-export.js.map +1 -1
- package/lib/components/metrics-table-export/metrics-table-export.module.css +4 -0
- package/lib/components/metrics-treemap/metrics-treemap.module.css +1 -0
- package/lib/constants.js +1 -1
- package/lib/constants.js.map +1 -1
- package/lib/hooks/metrics-display-type.js +1 -1
- package/lib/hooks/metrics-display-type.js.map +1 -1
- package/lib/hooks/rows-sort.js +1 -1
- package/lib/hooks/rows-sort.js.map +1 -1
- package/lib/ui/dialog/dialog.js +1 -1
- package/lib/ui/dialog/dialog.js.map +1 -1
- package/lib/ui/dialog/dialog.module.css +4 -0
- package/lib-esm/components/metrics-display-selector/metrics-display-selector.js +3 -1
- package/lib-esm/components/metrics-display-selector/metrics-display-selector.js.map +1 -1
- package/lib-esm/components/metrics-display-selector/metrics-display-selector.module.css +17 -1
- package/lib-esm/components/metrics-table-export/metrics-table-export.js +2 -1
- package/lib-esm/components/metrics-table-export/metrics-table-export.js.map +1 -1
- package/lib-esm/components/metrics-table-export/metrics-table-export.module.css +4 -0
- package/lib-esm/components/metrics-treemap/metrics-treemap.module.css +1 -0
- package/lib-esm/constants.js +1 -1
- package/lib-esm/constants.js.map +1 -1
- package/lib-esm/hooks/metrics-display-type.js +1 -1
- package/lib-esm/hooks/metrics-display-type.js.map +1 -1
- package/lib-esm/hooks/rows-sort.js +1 -1
- package/lib-esm/hooks/rows-sort.js.map +1 -1
- package/lib-esm/ui/dialog/dialog.js +1 -1
- package/lib-esm/ui/dialog/dialog.js.map +1 -1
- package/lib-esm/ui/dialog/dialog.module.css +4 -0
- package/package.json +12 -12
- package/src/components/metrics-display-selector/metrics-display-selector.module.css +17 -1
- package/src/components/metrics-display-selector/metrics-display-selector.tsx +9 -4
- package/src/components/metrics-table-export/metrics-table-export.module.css +4 -0
- package/src/components/metrics-table-export/metrics-table-export.tsx +3 -1
- package/src/components/metrics-treemap/metrics-treemap.module.css +1 -0
- package/src/constants.ts +1 -1
- package/src/hooks/metrics-display-type.ts +1 -1
- package/src/hooks/rows-sort.ts +1 -1
- package/src/ui/dialog/dialog.module.css +4 -0
- package/src/ui/dialog/dialog.tsx +1 -1
- package/types/constants.d.ts +2 -2
package/README.md
CHANGED
|
@@ -40,7 +40,7 @@ CLI to generate bundle stats report.
|
|
|
40
40
|
|
|
41
41
|
[](https://www.npmjs.com/package/bundle-stats-webpack-plugin) [](https://www.npmjs.com/package/bundle-stats-webpack-plugin)
|
|
42
42
|
|
|
43
|
-
Webpack plugin to generate bundle stats report.
|
|
43
|
+
Webpack plugin to generate bundle stats report for webpack/rspack.
|
|
44
44
|
|
|
45
45
|
### [`gatsby-plugin-bundle-stats`](https://github.com/relative-ci/bundle-stats/tree/master/packages/gatsby-plugin)
|
|
46
46
|
|
|
@@ -58,4 +58,4 @@ Webpack plugin to generate bundle stats report.
|
|
|
58
58
|
|
|
59
59
|
[](https://www.npmjs.com/package/rollup-plugin-bundle-stats) [](https://www.npmjs.com/package/rollup-plugin-bundle-stats)
|
|
60
60
|
|
|
61
|
-
Rollup plugin to generate bundle stats report.
|
|
61
|
+
Rollup plugin to generate bundle stats report for vite/rolldown/rollup.
|
|
@@ -29,6 +29,7 @@ const MetricsDisplaySelector = (props) => {
|
|
|
29
29
|
return (react_1.default.createElement(control_group_1.ControlGroup, { ...restProps }, displayTypes.map((displayType, index) => {
|
|
30
30
|
const displayGroups = groups?.[displayType];
|
|
31
31
|
const displayProps = METRICS_DISPLAY_MAP[displayType];
|
|
32
|
+
const isFirst = index === 0;
|
|
32
33
|
const isLast = displayTypes.length - 1 === index;
|
|
33
34
|
const isActive = displayType === value;
|
|
34
35
|
if (!displayGroups || displayGroups.length === 0) {
|
|
@@ -44,7 +45,8 @@ const MetricsDisplaySelector = (props) => {
|
|
|
44
45
|
label: 'No group',
|
|
45
46
|
},
|
|
46
47
|
];
|
|
47
|
-
|
|
48
|
+
const itemClassName = (0, classnames_1.default)(metrics_display_selector_module_css_1.default.dropdownGroup, isFirst && metrics_display_selector_module_css_1.default.itemFirst, isLast && metrics_display_selector_module_css_1.default.itemLast, isActive && metrics_display_selector_module_css_1.default.itemActive);
|
|
49
|
+
return (react_1.default.createElement(flex_stack_1.FlexStack, { className: itemClassName, key: displayType },
|
|
48
50
|
react_1.default.createElement(button_1.Button, { size: "small", glyph: displayProps.glyph, onClick: () => onSelect(displayType), className: metrics_display_selector_module_css_1.default.dropdownGroupButton }, displayProps.label),
|
|
49
51
|
react_1.default.createElement(dropdown_1.Dropdown, { glyph: icon_1.Icon.ICONS.CHEVRON_DOWN, placement: "bottom-end", shift: -1, className: metrics_display_selector_module_css_1.default.dropdownGroupAnchor }, displayGroupsData.map((displayGroupData) => {
|
|
50
52
|
const isGroupActive = isActive && displayGroupData.value === groupBy;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"metrics-display-selector.js","sourceRoot":"","sources":["../../../src/components/metrics-display-selector/metrics-display-selector.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,+CAIyB;AACzB,4CAAyC;AACzC,0DAAsD;AACtD,gDAA2D;AAC3D,wCAAqC;AACrC,wDAAoD;AACpD,gHAAwD;AAExD,MAAM,mBAAmB,GAAG;IAC1B,CAAC,8BAAkB,CAAC,KAAK,CAAC,EAAE;QAC1B,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,KAAK;QACvB,KAAK,EAAE,OAAO;KACf;IACD,CAAC,8BAAkB,CAAC,OAAO,CAAC,EAAE;QAC5B,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,OAAO;QACzB,KAAK,EAAE,SAAS;KACjB;CACF,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,8BAAkB,CAAC,CAAC;AAShD,MAAM,sBAAsB,GAAG,CACpC,KACuE,EACvE,EAAE;IACF,MAAM,EACJ,KAAK,EACL,OAAO,GAAG,wCAA4B,EACtC,MAAM,GAAG,EAAE,EACX,QAAQ,EACR,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,8BAAC,4BAAY,OAAK,SAAS,IACxB,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE;QACvC,MAAM,aAAa,GAAG,MAAM,EAAE,CAAC,WAAW,CAAC,CAAC;QAC5C,MAAM,YAAY,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;QACtD,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,KAAK,KAAK,CAAC;QACjD,MAAM,QAAQ,GAAG,WAAW,KAAK,KAAK,CAAC;QAEvC,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACjD,OAAO,CACL,8BAAC,eAAM,IACL,OAAO,QACP,MAAM,EAAE,QAAQ,EAChB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,EACpC,SAAS,EAAE,IAAA,oBAAE,EAAC,MAAM,IAAI,6CAAG,CAAC,QAAQ,CAAC,EACrC,GAAG,EAAE,WAAW,IAEf,YAAY,CAAC,KAAK,CACZ,CACV,CAAC;QACJ,CAAC;QAED,MAAM,iBAAiB,GAAG;YACxB,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;gBACtC,KAAK,EAAE,YAAY;gBACnB,KAAK,EAAE,YAAY,YAAY,EAAE;aAClC,CAAC,CAAC;YACH;gBACE,KAAK,EAAE,iCAAqB,CAAC,IAAI;gBACjC,KAAK,EAAE,UAAU;aAClB;SACF,CAAC;QAEF,
|
|
1
|
+
{"version":3,"file":"metrics-display-selector.js","sourceRoot":"","sources":["../../../src/components/metrics-display-selector/metrics-display-selector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,8 +9,19 @@
|
|
|
9
9
|
|
|
10
10
|
.dropdownGroupAnchor {
|
|
11
11
|
border: none;
|
|
12
|
-
border-left: 1px solid var(--color-outline);
|
|
13
12
|
border-radius: 0;
|
|
13
|
+
position: relative;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.dropdownGroupAnchor::before {
|
|
17
|
+
content: '';
|
|
18
|
+
display: block;
|
|
19
|
+
width: 1px;
|
|
20
|
+
background: var(--color-outline-dark);
|
|
21
|
+
position: absolute;
|
|
22
|
+
left: 0;
|
|
23
|
+
top: var(--space-xxxsmall);
|
|
24
|
+
bottom: var(--space-xxxsmall);
|
|
14
25
|
}
|
|
15
26
|
|
|
16
27
|
.dropdownGroupAnchor:hover,
|
|
@@ -31,6 +42,11 @@
|
|
|
31
42
|
}
|
|
32
43
|
|
|
33
44
|
/* explicit ControlGroup last item styles to override ariakit injected sibling nodes */
|
|
45
|
+
.itemFirst {
|
|
46
|
+
border-top-left-radius: var(--radius-small) !important;
|
|
47
|
+
border-bottom-left-radius: var(--radius-small) !important;
|
|
48
|
+
}
|
|
49
|
+
|
|
34
50
|
.itemLast {
|
|
35
51
|
border-top-right-radius: var(--radius-small) !important;
|
|
36
52
|
border-bottom-right-radius: var(--radius-small) !important;
|
|
@@ -32,12 +32,16 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
32
32
|
return result;
|
|
33
33
|
};
|
|
34
34
|
})();
|
|
35
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
36
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
37
|
+
};
|
|
35
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
39
|
exports.MetricsTableExport = void 0;
|
|
37
40
|
const react_1 = __importStar(require("react"));
|
|
38
41
|
const stack_1 = require("../../layout/stack");
|
|
39
42
|
const tabs_1 = require("../../ui/tabs");
|
|
40
43
|
const preview_source_1 = require("../preview-source");
|
|
44
|
+
const metrics_table_export_module_css_1 = __importDefault(require("./metrics-table-export.module.css"));
|
|
41
45
|
const generateSourceJSON = (items) => {
|
|
42
46
|
const output = items.map((item) => ({
|
|
43
47
|
name: item.label,
|
|
@@ -87,7 +91,7 @@ const MetricsTableExport = (props) => {
|
|
|
87
91
|
const { initialSourceType = SOURCE_KEYS[0], items, download, ...restProps } = props;
|
|
88
92
|
const [selectedSourceType, setSelectedSourceType] = (0, react_1.useState)(initialSourceType);
|
|
89
93
|
return (react_1.default.createElement(stack_1.Stack, { space: "small", ...restProps },
|
|
90
|
-
react_1.default.createElement(tabs_1.Tabs,
|
|
94
|
+
react_1.default.createElement(tabs_1.Tabs, { className: metrics_table_export_module_css_1.default.tabs }, SOURCE_ENTRIES.map(([sourceId, source]) => (react_1.default.createElement(tabs_1.TabItem, { onClick: () => setSelectedSourceType(sourceId), isTabActive: selectedSourceType === sourceId, id: `metrics-table-export-tab-${sourceId}`, "aria-controls": `metrics-table-export-panel-${sourceId}`, key: sourceId }, source.label)))),
|
|
91
95
|
react_1.default.createElement("div", null, SOURCE_ENTRIES.map(([sourceId, source]) => selectedSourceType === sourceId && (react_1.default.createElement(preview_source_1.PreviewSource, { source: source.transformFn(items), rows: 20, download: `${download}${source.extension}`, role: "tabpanel", id: `metrics-table-export-panel-${sourceId}`, "aria-labelledby": `metrics-table-export-tab-${sourceId}`, key: source.label }))))));
|
|
92
96
|
};
|
|
93
97
|
exports.MetricsTableExport = MetricsTableExport;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"metrics-table-export.js","sourceRoot":"","sources":["../../../src/components/metrics-table-export/metrics-table-export.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"metrics-table-export.js","sourceRoot":"","sources":["../../../src/components/metrics-table-export/metrics-table-export.tsx"],"names":[],"mappings":"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"}
|
package/lib/constants.js
CHANGED
|
@@ -37,8 +37,8 @@ exports.SORT = {
|
|
|
37
37
|
};
|
|
38
38
|
var MetricsDisplayType;
|
|
39
39
|
(function (MetricsDisplayType) {
|
|
40
|
-
MetricsDisplayType["TABLE"] = "table";
|
|
41
40
|
MetricsDisplayType["TREEMAP"] = "treemap";
|
|
41
|
+
MetricsDisplayType["TABLE"] = "table";
|
|
42
42
|
})(MetricsDisplayType || (exports.MetricsDisplayType = MetricsDisplayType = {}));
|
|
43
43
|
exports.MetricsDisplayTypeDefault = MetricsDisplayType.TABLE;
|
|
44
44
|
var MetricsDisplayGroupBy;
|
package/lib/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":";;;AAAA,+CAA2D;AAE9C,QAAA,IAAI,GAAG;IAClB,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEW,QAAA,YAAY,GAAG;IAC1B,CAAC,gBAAQ,CAAC,MAAM,CAAC,EAAE,YAAI,CAAC,QAAQ;IAChC,CAAC,gBAAQ,CAAC,MAAM,CAAC,EAAE,YAAI,CAAC,MAAM;IAC9B,CAAC,gBAAQ,CAAC,OAAO,CAAC,EAAE,YAAI,CAAC,OAAO;IAChC,CAAC,gBAAQ,CAAC,QAAQ,CAAC,EAAE,YAAI,CAAC,QAAQ;CACnC,CAAC;AAEW,QAAA,0BAA0B,GAAG,kBAAU,CAAC,MAAM,CACzD,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;IAClB,GAAG,GAAG;IACN,CAAC,gCAAgC,QAAQ,EAAE,CAAC,EAAE,QAAQ;CACvD,CAAC,EACF,EAAE,CACH,CAAC;AAEW,QAAA,uBAAuB,GAAG;IACrC,4BAA4B;IAC5B,4BAA4B;IAC5B,6BAA6B;IAC7B,2BAA2B;CAC5B,CAAC;AACW,QAAA,sBAAsB,GAAG,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AACtE,QAAA,uBAAuB,GAAG;IACrC,qBAAqB;IACrB,+BAA+B;IAC/B,uBAAuB;CACxB,CAAC;AACW,QAAA,wBAAwB,GAAG,CAAC,sBAAsB,EAAE,gCAAgC,CAAC,CAAC;AAEtF,QAAA,IAAI,GAAG;IAClB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;CACJ,CAAC;AAEX,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":";;;AAAA,+CAA2D;AAE9C,QAAA,IAAI,GAAG;IAClB,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEW,QAAA,YAAY,GAAG;IAC1B,CAAC,gBAAQ,CAAC,MAAM,CAAC,EAAE,YAAI,CAAC,QAAQ;IAChC,CAAC,gBAAQ,CAAC,MAAM,CAAC,EAAE,YAAI,CAAC,MAAM;IAC9B,CAAC,gBAAQ,CAAC,OAAO,CAAC,EAAE,YAAI,CAAC,OAAO;IAChC,CAAC,gBAAQ,CAAC,QAAQ,CAAC,EAAE,YAAI,CAAC,QAAQ;CACnC,CAAC;AAEW,QAAA,0BAA0B,GAAG,kBAAU,CAAC,MAAM,CACzD,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;IAClB,GAAG,GAAG;IACN,CAAC,gCAAgC,QAAQ,EAAE,CAAC,EAAE,QAAQ;CACvD,CAAC,EACF,EAAE,CACH,CAAC;AAEW,QAAA,uBAAuB,GAAG;IACrC,4BAA4B;IAC5B,4BAA4B;IAC5B,6BAA6B;IAC7B,2BAA2B;CAC5B,CAAC;AACW,QAAA,sBAAsB,GAAG,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AACtE,QAAA,uBAAuB,GAAG;IACrC,qBAAqB;IACrB,+BAA+B;IAC/B,uBAAuB;CACxB,CAAC;AACW,QAAA,wBAAwB,GAAG,CAAC,sBAAsB,EAAE,gCAAgC,CAAC,CAAC;AAEtF,QAAA,IAAI,GAAG;IAClB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;CACJ,CAAC;AAEX,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,yCAAmB,CAAA;IACnB,qCAAe,CAAA;AACjB,CAAC,EAHW,kBAAkB,kCAAlB,kBAAkB,QAG7B;AAEY,QAAA,yBAAyB,GAAG,kBAAkB,CAAC,KAAK,CAAC;AAElE,IAAY,qBAGX;AAHD,WAAY,qBAAqB;IAC/B,0CAAiB,CAAA;IACjB,0CAAiB,CAAA;AACnB,CAAC,EAHW,qBAAqB,qCAArB,qBAAqB,QAGhC;AAEY,QAAA,4BAA4B,GAAG,qBAAqB,CAAC,MAAM,CAAC;AAEzE,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,kCAAc,CAAA;IACd,oDAAgC,CAAA;IAChC,4CAAwB,CAAA;AAC1B,CAAC,EAJW,gBAAgB,gCAAhB,gBAAgB,QAI3B;AAEY,QAAA,iBAAiB,GAAG;IAC/B,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE;QACvB,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,2CAA2C;KACrD;IACD,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAAE;QAC7B,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE,iDAAiD;KAC3D;IACD,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE;QACjC,KAAK,EAAE,gBAAgB;QACvB,OAAO,EAAE,uBAAuB;KACjC;CACF,CAAC"}
|
|
@@ -5,7 +5,7 @@ const react_1 = require("react");
|
|
|
5
5
|
const react_use_1 = require("react-use");
|
|
6
6
|
const use_query_params_1 = require("use-query-params");
|
|
7
7
|
const constants_1 = require("../constants");
|
|
8
|
-
const DEFAULT_VALUE = constants_1.MetricsDisplayType.
|
|
8
|
+
const DEFAULT_VALUE = constants_1.MetricsDisplayType.TREEMAP;
|
|
9
9
|
const GROUP_BY_DEFAULT = constants_1.MetricsDisplayGroupBy.FOLDER;
|
|
10
10
|
const QUERY_PARAM_VALUE = 'dt';
|
|
11
11
|
const QUERY_PARAM_GROUP_BY = 'dtg';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"metrics-display-type.js","sourceRoot":"","sources":["../../src/hooks/metrics-display-type.ts"],"names":[],"mappings":";;;AAAA,iCAAwD;AACxD,yCAA4C;AAC5C,uDAA+D;AAE/D,4CAAyE;AAEzE,MAAM,aAAa,GAAG,8BAAkB,CAAC,
|
|
1
|
+
{"version":3,"file":"metrics-display-type.js","sourceRoot":"","sources":["../../src/hooks/metrics-display-type.ts"],"names":[],"mappings":"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"}
|
package/lib/hooks/rows-sort.js
CHANGED
|
@@ -24,7 +24,7 @@ const getSortFn = (fieldPath, getCustomSort) => (item) => {
|
|
|
24
24
|
return (0, get_1.default)(item, fieldPath) || 0;
|
|
25
25
|
};
|
|
26
26
|
exports.getSortFn = getSortFn;
|
|
27
|
-
const useRowsSort = ({ rows, initialField = 'runs[0].delta', initialDirection, getCustomSort, setQueryState, }) => {
|
|
27
|
+
const useRowsSort = ({ rows, initialField = 'runs[0].delta', initialDirection = 'desc', getCustomSort, setQueryState, }) => {
|
|
28
28
|
const [sort, setSort] = (0, react_1.useState)({
|
|
29
29
|
field: initialField,
|
|
30
30
|
direction: getSortDirection(initialDirection),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rows-sort.js","sourceRoot":"","sources":["../../src/hooks/rows-sort.ts"],"names":[],"mappings":";;;;;;AAAA,iCAAuD;AACvD,qDAA6B;AAC7B,6DAAqC;AAGrC,4CAAoC;AAKpC,MAAM,gBAAgB,GAAG,CAAC,cAAkC,EAA2B,EAAE;IACvF,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE,CAAC;QAC1C,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC;QAC7C,OAAO,cAAyC,CAAC;IACnD,CAAC;IAED,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEK,MAAM,SAAS,GACpB,CAAO,SAAiB,EAAE,aAAuD,EAAE,EAAE,CACrF,CAAC,IAAU,EAAE,EAAE;IACb,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED,OAAO,IAAA,aAAG,EAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;AACnC,CAAC,CAAC;AARS,QAAA,SAAS,aAQlB;AAmBG,MAAM,WAAW,GAAG,CAAO,EAChC,IAAI,EACJ,YAAY,GAAG,eAAe,EAC9B,gBAAgB,
|
|
1
|
+
{"version":3,"file":"rows-sort.js","sourceRoot":"","sources":["../../src/hooks/rows-sort.ts"],"names":[],"mappings":";;;;;;AAAA,iCAAuD;AACvD,qDAA6B;AAC7B,6DAAqC;AAGrC,4CAAoC;AAKpC,MAAM,gBAAgB,GAAG,CAAC,cAAkC,EAA2B,EAAE;IACvF,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE,CAAC;QAC1C,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC;QAC7C,OAAO,cAAyC,CAAC;IACnD,CAAC;IAED,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEK,MAAM,SAAS,GACpB,CAAO,SAAiB,EAAE,aAAuD,EAAE,EAAE,CACrF,CAAC,IAAU,EAAE,EAAE;IACb,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED,OAAO,IAAA,aAAG,EAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;AACnC,CAAC,CAAC;AARS,QAAA,SAAS,aAQlB;AAmBG,MAAM,WAAW,GAAG,CAAO,EAChC,IAAI,EACJ,YAAY,GAAG,eAAe,EAC9B,gBAAgB,GAAG,MAAM,EACzB,aAAa,EACb,aAAa,GACW,EAAqB,EAAE;IAC/C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC;QAC/B,KAAK,EAAE,YAAY;QACnB,SAAS,EAAE,gBAAgB,CAAC,gBAAgB,CAAC;KAC9C,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,IAAA,mBAAW,EAC5B,CAAC,QAAoB,EAAE,EAAE;QAEvB,OAAO,CAAC,QAAQ,CAAC,CAAC;QAElB,aAAa,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC;IAC3E,CAAC,EACD,CAAC,aAAa,EAAE,OAAO,CAAC,CACzB,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,eAAO,EACzB,GAAG,EAAE,CACH,IAAA,iBAAO,EACP,IAAI,EACJ,IAAA,iBAAS,EAAC,IAAI,CAAC,KAAK,EAAE,aAAa,CAAC,EAEpC,IAAI,CAAC,SAAS,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAE,gBAAI,CAAC,GAAW,CAC3D,EACD,CAAC,IAAI,EAAE,IAAI,CAAC,CACb,CAAC;IAEF,OAAO;QACL,IAAI;QACJ,UAAU;QACV,KAAK,EAAE,WAAW;KACnB,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,WAAW,eAsCtB"}
|
package/lib/ui/dialog/dialog.js
CHANGED
|
@@ -20,7 +20,7 @@ const Dialog = (props) => {
|
|
|
20
20
|
}, portal: true, className: rootClassName },
|
|
21
21
|
!modal && (react_1.default.createElement(dialog_1.DialogDismiss, { as: button_1.Button, glyph: button_1.BUTTON_GLYPHS.CLOSE, className: dialog_module_css_1.default.headerClose }, null)),
|
|
22
22
|
react_1.default.createElement(stack_1.Stack, { space: "medium" },
|
|
23
|
-
title && (react_1.default.createElement("header", { className: dialog_module_css_1.default.header }, typeof title === 'string' ? react_1.default.createElement("h2",
|
|
23
|
+
title && (react_1.default.createElement("header", { className: dialog_module_css_1.default.header }, typeof title === 'string' ? react_1.default.createElement("h2", { className: dialog_module_css_1.default.headerTitle }, title) : title)),
|
|
24
24
|
react_1.default.createElement("div", { className: (0, classnames_1.default)(dialog_module_css_1.default.content, className) }, children))));
|
|
25
25
|
};
|
|
26
26
|
exports.Dialog = Dialog;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/ui/dialog/dialog.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,4DAA4B;AAC5B,2CAAgG;AAEhG,8CAA2C;AAC3C,sCAAkD;AAClD,4EAAsC;AAEtC,yCAAgD;AAAvC,wGAAA,cAAc,OAAA;AAYhB,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC3C,MAAM,EACJ,KAAK,EACL,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,QAAQ,EAChB,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,KAAK,EACb,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,2BAAG,CAAC,MAAM,EAAE,KAAK,IAAI,2BAAG,CAAC,UAAU,KAAK,EAAE,CAAC,EAAE,MAAM,IAAI,2BAAG,CAAC,MAAM,CAAC,CAAC;IAE5F,OAAO,CACL,8BAAC,eAAa,IACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,aAAa,EAAE;YACb,SAAS,EAAE,2BAAG,CAAC,QAAQ;SACxB,EACD,MAAM,QACN,SAAS,EAAE,aAAa;QAEvB,CAAC,KAAK,IAAI,CACT,8BAAC,sBAAoB,IAAC,EAAE,EAAE,eAAM,EAAE,KAAK,EAAE,sBAAa,CAAC,KAAK,EAAE,SAAS,EAAE,2BAAG,CAAC,WAAW,IAErF,IAAI,CACgB,CACxB;QACD,8BAAC,aAAK,IAAC,KAAK,EAAC,QAAQ;YAClB,KAAK,IAAI,CACR,0CAAQ,SAAS,EAAE,2BAAG,CAAC,MAAM,IAC1B,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/ui/dialog/dialog.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,4DAA4B;AAC5B,2CAAgG;AAEhG,8CAA2C;AAC3C,sCAAkD;AAClD,4EAAsC;AAEtC,yCAAgD;AAAvC,wGAAA,cAAc,OAAA;AAYhB,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC3C,MAAM,EACJ,KAAK,EACL,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,QAAQ,EAChB,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,KAAK,EACb,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,2BAAG,CAAC,MAAM,EAAE,KAAK,IAAI,2BAAG,CAAC,UAAU,KAAK,EAAE,CAAC,EAAE,MAAM,IAAI,2BAAG,CAAC,MAAM,CAAC,CAAC;IAE5F,OAAO,CACL,8BAAC,eAAa,IACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,aAAa,EAAE;YACb,SAAS,EAAE,2BAAG,CAAC,QAAQ;SACxB,EACD,MAAM,QACN,SAAS,EAAE,aAAa;QAEvB,CAAC,KAAK,IAAI,CACT,8BAAC,sBAAoB,IAAC,EAAE,EAAE,eAAM,EAAE,KAAK,EAAE,sBAAa,CAAC,KAAK,EAAE,SAAS,EAAE,2BAAG,CAAC,WAAW,IAErF,IAAI,CACgB,CACxB;QACD,8BAAC,aAAK,IAAC,KAAK,EAAC,QAAQ;YAClB,KAAK,IAAI,CACR,0CAAQ,SAAS,EAAE,2BAAG,CAAC,MAAM,IAC1B,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,sCAAI,SAAS,EAAE,2BAAG,CAAC,WAAW,IAAG,KAAK,CAAM,CAAC,CAAC,CAAC,KAAK,CAC1E,CACV;YACD,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,OAAO,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CACtD,CACM,CACjB,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,MAAM,UAwCjB"}
|
|
@@ -23,6 +23,7 @@ export const MetricsDisplaySelector = (props) => {
|
|
|
23
23
|
return (React.createElement(ControlGroup, { ...restProps }, displayTypes.map((displayType, index) => {
|
|
24
24
|
const displayGroups = groups === null || groups === void 0 ? void 0 : groups[displayType];
|
|
25
25
|
const displayProps = METRICS_DISPLAY_MAP[displayType];
|
|
26
|
+
const isFirst = index === 0;
|
|
26
27
|
const isLast = displayTypes.length - 1 === index;
|
|
27
28
|
const isActive = displayType === value;
|
|
28
29
|
if (!displayGroups || displayGroups.length === 0) {
|
|
@@ -38,7 +39,8 @@ export const MetricsDisplaySelector = (props) => {
|
|
|
38
39
|
label: 'No group',
|
|
39
40
|
},
|
|
40
41
|
];
|
|
41
|
-
|
|
42
|
+
const itemClassName = cx(css.dropdownGroup, isFirst && css.itemFirst, isLast && css.itemLast, isActive && css.itemActive);
|
|
43
|
+
return (React.createElement(FlexStack, { className: itemClassName, key: displayType },
|
|
42
44
|
React.createElement(Button, { size: "small", glyph: displayProps.glyph, onClick: () => onSelect(displayType), className: css.dropdownGroupButton }, displayProps.label),
|
|
43
45
|
React.createElement(Dropdown, { glyph: Icon.ICONS.CHEVRON_DOWN, placement: "bottom-end", shift: -1, className: css.dropdownGroupAnchor }, displayGroupsData.map((displayGroupData) => {
|
|
44
46
|
const isGroupActive = isActive && displayGroupData.value === groupBy;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"metrics-display-selector.js","sourceRoot":"","sources":["../../../src/components/metrics-display-selector/metrics-display-selector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EACL,kBAAkB,EAClB,4BAA4B,EAC5B,qBAAqB,GACtB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,GAAG,MAAM,uCAAuC,CAAC;AAExD,MAAM,mBAAmB,GAAG;IAC1B,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE;QAC1B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;QACvB,KAAK,EAAE,OAAO;KACf;IACD,CAAC,kBAAkB,CAAC,OAAO,CAAC,EAAE;QAC5B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO;QACzB,KAAK,EAAE,SAAS;KACjB;CACF,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;AASvD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,KACuE,EACvE,EAAE;IACF,MAAM,EACJ,KAAK,EACL,OAAO,GAAG,4BAA4B,EACtC,MAAM,GAAG,EAAE,EACX,QAAQ,EACR,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,YAAY,OAAK,SAAS,IACxB,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE;QACvC,MAAM,aAAa,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,WAAW,CAAC,CAAC;QAC5C,MAAM,YAAY,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;QACtD,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,KAAK,KAAK,CAAC;QACjD,MAAM,QAAQ,GAAG,WAAW,KAAK,KAAK,CAAC;QAEvC,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACjD,OAAO,CACL,oBAAC,MAAM,IACL,OAAO,QACP,MAAM,EAAE,QAAQ,EAChB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,EACpC,SAAS,EAAE,EAAE,CAAC,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,EACrC,GAAG,EAAE,WAAW,IAEf,YAAY,CAAC,KAAK,CACZ,CACV,CAAC;QACJ,CAAC;QAED,MAAM,iBAAiB,GAAG;YACxB,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;gBACtC,KAAK,EAAE,YAAY;gBACnB,KAAK,EAAE,YAAY,YAAY,EAAE;aAClC,CAAC,CAAC;YACH;gBACE,KAAK,EAAE,qBAAqB,CAAC,IAAI;gBACjC,KAAK,EAAE,UAAU;aAClB;SACF,CAAC;QAEF,
|
|
1
|
+
{"version":3,"file":"metrics-display-selector.js","sourceRoot":"","sources":["../../../src/components/metrics-display-selector/metrics-display-selector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,8 +9,19 @@
|
|
|
9
9
|
|
|
10
10
|
.dropdownGroupAnchor {
|
|
11
11
|
border: none;
|
|
12
|
-
border-left: 1px solid var(--color-outline);
|
|
13
12
|
border-radius: 0;
|
|
13
|
+
position: relative;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.dropdownGroupAnchor::before {
|
|
17
|
+
content: '';
|
|
18
|
+
display: block;
|
|
19
|
+
width: 1px;
|
|
20
|
+
background: var(--color-outline-dark);
|
|
21
|
+
position: absolute;
|
|
22
|
+
left: 0;
|
|
23
|
+
top: var(--space-xxxsmall);
|
|
24
|
+
bottom: var(--space-xxxsmall);
|
|
14
25
|
}
|
|
15
26
|
|
|
16
27
|
.dropdownGroupAnchor:hover,
|
|
@@ -31,6 +42,11 @@
|
|
|
31
42
|
}
|
|
32
43
|
|
|
33
44
|
/* explicit ControlGroup last item styles to override ariakit injected sibling nodes */
|
|
45
|
+
.itemFirst {
|
|
46
|
+
border-top-left-radius: var(--radius-small) !important;
|
|
47
|
+
border-bottom-left-radius: var(--radius-small) !important;
|
|
48
|
+
}
|
|
49
|
+
|
|
34
50
|
.itemLast {
|
|
35
51
|
border-top-right-radius: var(--radius-small) !important;
|
|
36
52
|
border-bottom-right-radius: var(--radius-small) !important;
|
|
@@ -2,6 +2,7 @@ import React, { useState } from 'react';
|
|
|
2
2
|
import { Stack } from '../../layout/stack';
|
|
3
3
|
import { Tabs, TabItem } from '../../ui/tabs';
|
|
4
4
|
import { PreviewSource } from '../preview-source';
|
|
5
|
+
import css from './metrics-table-export.module.css';
|
|
5
6
|
const generateSourceJSON = (items) => {
|
|
6
7
|
const output = items.map((item) => {
|
|
7
8
|
var _a;
|
|
@@ -56,7 +57,7 @@ export const MetricsTableExport = (props) => {
|
|
|
56
57
|
const { initialSourceType = SOURCE_KEYS[0], items, download, ...restProps } = props;
|
|
57
58
|
const [selectedSourceType, setSelectedSourceType] = useState(initialSourceType);
|
|
58
59
|
return (React.createElement(Stack, { space: "small", ...restProps },
|
|
59
|
-
React.createElement(Tabs,
|
|
60
|
+
React.createElement(Tabs, { className: css.tabs }, SOURCE_ENTRIES.map(([sourceId, source]) => (React.createElement(TabItem, { onClick: () => setSelectedSourceType(sourceId), isTabActive: selectedSourceType === sourceId, id: `metrics-table-export-tab-${sourceId}`, "aria-controls": `metrics-table-export-panel-${sourceId}`, key: sourceId }, source.label)))),
|
|
60
61
|
React.createElement("div", null, SOURCE_ENTRIES.map(([sourceId, source]) => selectedSourceType === sourceId && (React.createElement(PreviewSource, { source: source.transformFn(items), rows: 20, download: `${download}${source.extension}`, role: "tabpanel", id: `metrics-table-export-panel-${sourceId}`, "aria-labelledby": `metrics-table-export-tab-${sourceId}`, key: source.label }))))));
|
|
61
62
|
};
|
|
62
63
|
//# sourceMappingURL=metrics-table-export.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"metrics-table-export.js","sourceRoot":"","sources":["../../../src/components/metrics-table-export/metrics-table-export.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"metrics-table-export.js","sourceRoot":"","sources":["../../../src/components/metrics-table-export/metrics-table-export.tsx"],"names":[],"mappings":"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"}
|
package/lib-esm/constants.js
CHANGED
|
@@ -34,8 +34,8 @@ export const SORT = {
|
|
|
34
34
|
};
|
|
35
35
|
export var MetricsDisplayType;
|
|
36
36
|
(function (MetricsDisplayType) {
|
|
37
|
-
MetricsDisplayType["TABLE"] = "table";
|
|
38
37
|
MetricsDisplayType["TREEMAP"] = "treemap";
|
|
38
|
+
MetricsDisplayType["TABLE"] = "table";
|
|
39
39
|
})(MetricsDisplayType || (MetricsDisplayType = {}));
|
|
40
40
|
export const MetricsDisplayTypeDefault = MetricsDisplayType.TABLE;
|
|
41
41
|
export var MetricsDisplayGroupBy;
|
package/lib-esm/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,QAAQ;IAChC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,MAAM;IAC9B,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,OAAO;IAChC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,UAAU,CAAC,MAAM,CACzD,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;IAClB,GAAG,GAAG;IACN,CAAC,gCAAgC,QAAQ,EAAE,CAAC,EAAE,QAAQ;CACvD,CAAC,EACF,EAAE,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,4BAA4B;IAC5B,4BAA4B;IAC5B,6BAA6B;IAC7B,2BAA2B;CAC5B,CAAC;AACF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AACnF,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,qBAAqB;IACrB,+BAA+B;IAC/B,uBAAuB;CACxB,CAAC;AACF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,sBAAsB,EAAE,gCAAgC,CAAC,CAAC;AAEnG,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;CACJ,CAAC;AAEX,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,QAAQ;IAChC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,MAAM;IAC9B,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,OAAO;IAChC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,UAAU,CAAC,MAAM,CACzD,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;IAClB,GAAG,GAAG;IACN,CAAC,gCAAgC,QAAQ,EAAE,CAAC,EAAE,QAAQ;CACvD,CAAC,EACF,EAAE,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,4BAA4B;IAC5B,4BAA4B;IAC5B,6BAA6B;IAC7B,2BAA2B;CAC5B,CAAC;AACF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AACnF,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,qBAAqB;IACrB,+BAA+B;IAC/B,uBAAuB;CACxB,CAAC;AACF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,sBAAsB,EAAE,gCAAgC,CAAC,CAAC;AAEnG,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;CACJ,CAAC;AAEX,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,yCAAmB,CAAA;IACnB,qCAAe,CAAA;AACjB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,kBAAkB,CAAC,KAAK,CAAC;AAElE,MAAM,CAAN,IAAY,qBAGX;AAHD,WAAY,qBAAqB;IAC/B,0CAAiB,CAAA;IACjB,0CAAiB,CAAA;AACnB,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,QAGhC;AAED,MAAM,CAAC,MAAM,4BAA4B,GAAG,qBAAqB,CAAC,MAAM,CAAC;AAEzE,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,kCAAc,CAAA;IACd,oDAAgC,CAAA;IAChC,4CAAwB,CAAA;AAC1B,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE;QACvB,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,2CAA2C;KACrD;IACD,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAAE;QAC7B,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE,iDAAiD;KAC3D;IACD,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE;QACjC,KAAK,EAAE,gBAAgB;QACvB,OAAO,EAAE,uBAAuB;KACjC;CACF,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { useCallback, useEffect, useMemo } from 'react';
|
|
|
2
2
|
import { useLocalStorage } from 'react-use';
|
|
3
3
|
import { StringParam, useQueryParams } from 'use-query-params';
|
|
4
4
|
import { MetricsDisplayType, MetricsDisplayGroupBy } from '../constants';
|
|
5
|
-
const DEFAULT_VALUE = MetricsDisplayType.
|
|
5
|
+
const DEFAULT_VALUE = MetricsDisplayType.TREEMAP;
|
|
6
6
|
const GROUP_BY_DEFAULT = MetricsDisplayGroupBy.FOLDER;
|
|
7
7
|
const QUERY_PARAM_VALUE = 'dt';
|
|
8
8
|
const QUERY_PARAM_GROUP_BY = 'dtg';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"metrics-display-type.js","sourceRoot":"","sources":["../../src/hooks/metrics-display-type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAEzE,MAAM,aAAa,GAAG,kBAAkB,CAAC,
|
|
1
|
+
{"version":3,"file":"metrics-display-type.js","sourceRoot":"","sources":["../../src/hooks/metrics-display-type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAEzE,MAAM,aAAa,GAAG,kBAAkB,CAAC,OAAO,CAAC;AACjD,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,MAAM,CAAC;AAGtD,MAAM,iBAAiB,GAAG,IAAI,CAAC;AAE/B,MAAM,oBAAoB,GAAG,KAAK,CAAC;AAYnC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,MAA2D,EACpC,EAAE;IACzB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,cAAc,CAAC;QACnD,CAAC,iBAAiB,CAAC,EAAE,WAAW;QAChC,CAAC,oBAAoB,CAAC,EAAE,WAAW;KACpC,CAAC,CAAC;IAEH,MAAM,EAAE,CAAC,iBAAiB,CAAC,EAAE,eAAe,EAAE,CAAC,oBAAoB,CAAC,EAAE,iBAAiB,EAAE,GACvF,WAAW,CAAC;IACd,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,eAAe,CACrD,SAAS,EACT;QACE,KAAK,EAAE,aAAa;QACpB,OAAO,EAAE,gBAAgB;KAC1B,CACF,CAAC;IAKF,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,aAAa,GAAG,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAC;QAE7D,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO,aAAa,CAAC;QACvB,CAAC;QAED,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,QAAQ,CAAC,aAAmC,CAAC,EAAE,CAAC;YACrF,OAAO,aAAa,CAAC;QACvB,CAAC;QAED,OAAO,aAAmC,CAAC;IAC7C,CAAC,EAAE,CAAC,eAAe,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAC,CAAC,CAAC;IAK3C,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;;QAC3B,MAAM,aAAa,GAAG,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAC;QAEjE,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO,gBAAgB,CAAC;QAC1B,CAAC;QAED,IACE,aAAa,KAAK,qBAAqB,CAAC,IAAI;YAC5C,CAAC,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,CAAC,0CAAE,QAAQ,CAAC,aAAmC,CAAC,CAAA,EAC/D,CAAC;YACD,OAAO,gBAAgB,CAAC;QAC1B,CAAC;QAED,OAAO,aAAa,CAAC;IACvB,CAAC,EAAE,CAAC,iBAAiB,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAC,CAAC,CAAC;IAK/C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,eAAe,IAAI,OAAO,KAAK,iBAAiB,EAAE,CAAC;YAC/D,cAAc,CAAC,EAAE,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,CAAC,oBAAoB,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;QAClF,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,OAAO,EAAE,iBAAiB,EAAE,cAAc,CAAC,CAAC,CAAC;IAKzE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,MAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAA,IAAI,OAAO,KAAK,YAAY,CAAC,OAAO,EAAE,CAAC;YACtE,eAAe,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;QACtC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,YAAY,CAAC,CAAC,CAAC;IAEpD,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,QAA4B,EAAE,aAAqB,gBAAgB,EAAE,EAAE;QACtE,cAAc,CAAC;YACb,CAAC,iBAAiB,CAAC,EAAE,QAAQ;YAC7B,CAAC,oBAAoB,CAAC,EAAE,UAAU;SACnC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC;AAC/F,CAAC,CAAC"}
|
|
@@ -17,7 +17,7 @@ export const getSortFn = (fieldPath, getCustomSort) => (item) => {
|
|
|
17
17
|
}
|
|
18
18
|
return get(item, fieldPath) || 0;
|
|
19
19
|
};
|
|
20
|
-
export const useRowsSort = ({ rows, initialField = 'runs[0].delta', initialDirection, getCustomSort, setQueryState, }) => {
|
|
20
|
+
export const useRowsSort = ({ rows, initialField = 'runs[0].delta', initialDirection = 'desc', getCustomSort, setQueryState, }) => {
|
|
21
21
|
const [sort, setSort] = useState({
|
|
22
22
|
field: initialField,
|
|
23
23
|
direction: getSortDirection(initialDirection),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rows-sort.js","sourceRoot":"","sources":["../../src/hooks/rows-sort.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,OAAO,MAAM,gBAAgB,CAAC;AAGrC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAKpC,MAAM,gBAAgB,GAAG,CAAC,cAAkC,EAA2B,EAAE;IACvF,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE,CAAC;QAC1C,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC;QAC7C,OAAO,cAAyC,CAAC;IACnD,CAAC;IAED,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GACpB,CAAO,SAAiB,EAAE,aAAuD,EAAE,EAAE,CACrF,CAAC,IAAU,EAAE,EAAE;IACb,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED,OAAO,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;AACnC,CAAC,CAAC;AAmBJ,MAAM,CAAC,MAAM,WAAW,GAAG,CAAO,EAChC,IAAI,EACJ,YAAY,GAAG,eAAe,EAC9B,gBAAgB,
|
|
1
|
+
{"version":3,"file":"rows-sort.js","sourceRoot":"","sources":["../../src/hooks/rows-sort.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,OAAO,MAAM,gBAAgB,CAAC;AAGrC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAKpC,MAAM,gBAAgB,GAAG,CAAC,cAAkC,EAA2B,EAAE;IACvF,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE,CAAC;QAC1C,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC;QAC7C,OAAO,cAAyC,CAAC;IACnD,CAAC;IAED,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GACpB,CAAO,SAAiB,EAAE,aAAuD,EAAE,EAAE,CACrF,CAAC,IAAU,EAAE,EAAE;IACb,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED,OAAO,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;AACnC,CAAC,CAAC;AAmBJ,MAAM,CAAC,MAAM,WAAW,GAAG,CAAO,EAChC,IAAI,EACJ,YAAY,GAAG,eAAe,EAC9B,gBAAgB,GAAG,MAAM,EACzB,aAAa,EACb,aAAa,GACW,EAAqB,EAAE;IAC/C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC;QAC/B,KAAK,EAAE,YAAY;QACnB,SAAS,EAAE,gBAAgB,CAAC,gBAAgB,CAAC;KAC9C,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,QAAoB,EAAE,EAAE;QAEvB,OAAO,CAAC,QAAQ,CAAC,CAAC;QAElB,aAAa,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC;IAC3E,CAAC,EACD,CAAC,aAAa,EAAE,OAAO,CAAC,CACzB,CAAC;IAEF,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CACH,OAAO,CACP,IAAI,EACJ,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,aAAa,CAAC,EAEpC,IAAI,CAAC,SAAS,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAE,IAAI,CAAC,GAAW,CAC3D,EACD,CAAC,IAAI,EAAE,IAAI,CAAC,CACb,CAAC;IAEF,OAAO;QACL,IAAI;QACJ,UAAU;QACV,KAAK,EAAE,WAAW;KACnB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -13,7 +13,7 @@ export const Dialog = (props) => {
|
|
|
13
13
|
}, portal: true, className: rootClassName },
|
|
14
14
|
!modal && (React.createElement(AriakitDialogDismiss, { as: Button, glyph: BUTTON_GLYPHS.CLOSE, className: css.headerClose }, null)),
|
|
15
15
|
React.createElement(Stack, { space: "medium" },
|
|
16
|
-
title && (React.createElement("header", { className: css.header }, typeof title === 'string' ? React.createElement("h2",
|
|
16
|
+
title && (React.createElement("header", { className: css.header }, typeof title === 'string' ? React.createElement("h2", { className: css.headerTitle }, title) : title)),
|
|
17
17
|
React.createElement("div", { className: cx(css.content, className) }, children))));
|
|
18
18
|
};
|
|
19
19
|
//# sourceMappingURL=dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/ui/dialog/dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEhG,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,GAAG,MAAM,qBAAqB,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAYhD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC3C,MAAM,EACJ,KAAK,EACL,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,QAAQ,EAChB,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,KAAK,EACb,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,IAAI,GAAG,CAAC,UAAU,KAAK,EAAE,CAAC,EAAE,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC;IAE5F,OAAO,CACL,oBAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,aAAa,EAAE;YACb,SAAS,EAAE,GAAG,CAAC,QAAQ;SACxB,EACD,MAAM,QACN,SAAS,EAAE,aAAa;QAEvB,CAAC,KAAK,IAAI,CACT,oBAAC,oBAAoB,IAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,WAAW,IAErF,IAAI,CACgB,CACxB;QACD,oBAAC,KAAK,IAAC,KAAK,EAAC,QAAQ;YAClB,KAAK,IAAI,CACR,gCAAQ,SAAS,EAAE,GAAG,CAAC,MAAM,IAC1B,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/ui/dialog/dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEhG,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,GAAG,MAAM,qBAAqB,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAYhD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC3C,MAAM,EACJ,KAAK,EACL,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,QAAQ,EAChB,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,KAAK,EACb,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,IAAI,GAAG,CAAC,UAAU,KAAK,EAAE,CAAC,EAAE,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC;IAE5F,OAAO,CACL,oBAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,aAAa,EAAE;YACb,SAAS,EAAE,GAAG,CAAC,QAAQ;SACxB,EACD,MAAM,QACN,SAAS,EAAE,aAAa;QAEvB,CAAC,KAAK,IAAI,CACT,oBAAC,oBAAoB,IAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,WAAW,IAErF,IAAI,CACgB,CACxB;QACD,oBAAC,KAAK,IAAC,KAAK,EAAC,QAAQ;YAClB,KAAK,IAAI,CACR,gCAAQ,SAAS,EAAE,GAAG,CAAC,MAAM,IAC1B,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,4BAAI,SAAS,EAAE,GAAG,CAAC,WAAW,IAAG,KAAK,CAAM,CAAC,CAAC,CAAC,KAAK,CAC1E,CACV;YACD,6BAAK,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CACtD,CACM,CACjB,CAAC;AACJ,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bundle-stats/ui",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.20.1-alpha.0",
|
|
4
4
|
"description": "UI components for BundleStats projects.",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib-esm/index.js",
|
|
@@ -36,13 +36,13 @@
|
|
|
36
36
|
},
|
|
37
37
|
"homepage": "https://github.com/relative-ci/bundle-stats/blob/master/packages/ui#readme",
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@babel/preset-env": "7.
|
|
40
|
-
"@babel/preset-react": "7.
|
|
41
|
-
"@babel/preset-typescript": "7.
|
|
42
|
-
"@storybook/addon-essentials": "8.6.
|
|
43
|
-
"@storybook/addon-webpack5-compiler-babel": "3.0.
|
|
44
|
-
"@storybook/react": "8.6.
|
|
45
|
-
"@storybook/react-webpack5": "8.6.
|
|
39
|
+
"@babel/preset-env": "7.27.1",
|
|
40
|
+
"@babel/preset-react": "7.27.1",
|
|
41
|
+
"@babel/preset-typescript": "7.27.1",
|
|
42
|
+
"@storybook/addon-essentials": "8.6.12",
|
|
43
|
+
"@storybook/addon-webpack5-compiler-babel": "3.0.6",
|
|
44
|
+
"@storybook/react": "8.6.12",
|
|
45
|
+
"@storybook/react-webpack5": "8.6.12",
|
|
46
46
|
"@types/d3": "7.4.3",
|
|
47
47
|
"@types/react": "18.3.13",
|
|
48
48
|
"@types/react-router-dom": "5.3.3",
|
|
@@ -61,8 +61,8 @@
|
|
|
61
61
|
"react-dom": "18.3.1",
|
|
62
62
|
"react-router-dom": "5.3.4",
|
|
63
63
|
"rimraf": "6.0.1",
|
|
64
|
-
"storybook": "8.6.
|
|
65
|
-
"typescript": "5.8.
|
|
64
|
+
"storybook": "8.6.12",
|
|
65
|
+
"typescript": "5.8.3",
|
|
66
66
|
"typescript-plugin-css-modules": "5.1.0"
|
|
67
67
|
},
|
|
68
68
|
"peerDependencies": {
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
"react-router-dom": "^5.0.0"
|
|
75
75
|
},
|
|
76
76
|
"dependencies": {
|
|
77
|
-
"@bundle-stats/utils": "
|
|
77
|
+
"@bundle-stats/utils": "4.20.1-alpha.0",
|
|
78
78
|
"ariakit": "2.0.0-next.44",
|
|
79
79
|
"d3": "7.9.0",
|
|
80
80
|
"modern-css-reset": "1.4.0",
|
|
@@ -82,5 +82,5 @@
|
|
|
82
82
|
"snarkdown": "2.0.0",
|
|
83
83
|
"use-query-params": "2.2.1"
|
|
84
84
|
},
|
|
85
|
-
"gitHead": "
|
|
85
|
+
"gitHead": "636ef21360699cd8a3cf892e92425a0e2ae0f28c"
|
|
86
86
|
}
|
|
@@ -9,8 +9,19 @@
|
|
|
9
9
|
|
|
10
10
|
.dropdownGroupAnchor {
|
|
11
11
|
border: none;
|
|
12
|
-
border-left: 1px solid var(--color-outline);
|
|
13
12
|
border-radius: 0;
|
|
13
|
+
position: relative;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.dropdownGroupAnchor::before {
|
|
17
|
+
content: '';
|
|
18
|
+
display: block;
|
|
19
|
+
width: 1px;
|
|
20
|
+
background: var(--color-outline-dark);
|
|
21
|
+
position: absolute;
|
|
22
|
+
left: 0;
|
|
23
|
+
top: var(--space-xxxsmall);
|
|
24
|
+
bottom: var(--space-xxxsmall);
|
|
14
25
|
}
|
|
15
26
|
|
|
16
27
|
.dropdownGroupAnchor:hover,
|
|
@@ -31,6 +42,11 @@
|
|
|
31
42
|
}
|
|
32
43
|
|
|
33
44
|
/* explicit ControlGroup last item styles to override ariakit injected sibling nodes */
|
|
45
|
+
.itemFirst {
|
|
46
|
+
border-top-left-radius: var(--radius-small) !important;
|
|
47
|
+
border-bottom-left-radius: var(--radius-small) !important;
|
|
48
|
+
}
|
|
49
|
+
|
|
34
50
|
.itemLast {
|
|
35
51
|
border-top-right-radius: var(--radius-small) !important;
|
|
36
52
|
border-bottom-right-radius: var(--radius-small) !important;
|
|
@@ -50,6 +50,7 @@ export const MetricsDisplaySelector = (
|
|
|
50
50
|
{displayTypes.map((displayType, index) => {
|
|
51
51
|
const displayGroups = groups?.[displayType];
|
|
52
52
|
const displayProps = METRICS_DISPLAY_MAP[displayType];
|
|
53
|
+
const isFirst = index === 0;
|
|
53
54
|
const isLast = displayTypes.length - 1 === index;
|
|
54
55
|
const isActive = displayType === value;
|
|
55
56
|
|
|
@@ -81,11 +82,15 @@ export const MetricsDisplaySelector = (
|
|
|
81
82
|
},
|
|
82
83
|
];
|
|
83
84
|
|
|
85
|
+
const itemClassName = cx(
|
|
86
|
+
css.dropdownGroup,
|
|
87
|
+
isFirst && css.itemFirst,
|
|
88
|
+
isLast && css.itemLast,
|
|
89
|
+
isActive && css.itemActive,
|
|
90
|
+
);
|
|
91
|
+
|
|
84
92
|
return (
|
|
85
|
-
<FlexStack
|
|
86
|
-
className={cx(css.dropdownGroup, isLast && css.itemLast, isActive && css.itemActive)}
|
|
87
|
-
key={displayType}
|
|
88
|
-
>
|
|
93
|
+
<FlexStack className={itemClassName} key={displayType}>
|
|
89
94
|
<Button
|
|
90
95
|
size="small"
|
|
91
96
|
glyph={displayProps.glyph}
|
|
@@ -5,6 +5,7 @@ import type { ReportMetricRow } from '@bundle-stats/utils';
|
|
|
5
5
|
import { Stack } from '../../layout/stack';
|
|
6
6
|
import { Tabs, TabItem } from '../../ui/tabs';
|
|
7
7
|
import { PreviewSource } from '../preview-source';
|
|
8
|
+
import css from './metrics-table-export.module.css';
|
|
8
9
|
|
|
9
10
|
const generateSourceJSON = (items: Array<ReportMetricRow>): string => {
|
|
10
11
|
const output = items.map((item) => ({
|
|
@@ -73,11 +74,12 @@ type MetricsTableExportProps = {
|
|
|
73
74
|
|
|
74
75
|
export const MetricsTableExport = (props: MetricsTableExportProps) => {
|
|
75
76
|
const { initialSourceType = SOURCE_KEYS[0], items, download, ...restProps } = props;
|
|
77
|
+
|
|
76
78
|
const [selectedSourceType, setSelectedSourceType] = useState(initialSourceType);
|
|
77
79
|
|
|
78
80
|
return (
|
|
79
81
|
<Stack space="small" {...restProps}>
|
|
80
|
-
<Tabs>
|
|
82
|
+
<Tabs className={css.tabs}>
|
|
81
83
|
{SOURCE_ENTRIES.map(([sourceId, source]) => (
|
|
82
84
|
<TabItem
|
|
83
85
|
onClick={() => setSelectedSourceType(sourceId)}
|
package/src/constants.ts
CHANGED
|
@@ -4,7 +4,7 @@ import { StringParam, useQueryParams } from 'use-query-params';
|
|
|
4
4
|
|
|
5
5
|
import { MetricsDisplayType, MetricsDisplayGroupBy } from '../constants';
|
|
6
6
|
|
|
7
|
-
const DEFAULT_VALUE = MetricsDisplayType.
|
|
7
|
+
const DEFAULT_VALUE = MetricsDisplayType.TREEMAP;
|
|
8
8
|
const GROUP_BY_DEFAULT = MetricsDisplayGroupBy.FOLDER;
|
|
9
9
|
|
|
10
10
|
// Display type query param name
|
package/src/hooks/rows-sort.ts
CHANGED
package/src/ui/dialog/dialog.tsx
CHANGED
|
@@ -52,7 +52,7 @@ export const Dialog = (props: DialogProps) => {
|
|
|
52
52
|
<Stack space="medium">
|
|
53
53
|
{title && (
|
|
54
54
|
<header className={css.header}>
|
|
55
|
-
{typeof title === 'string' ? <h2>{title}</h2> : title}
|
|
55
|
+
{typeof title === 'string' ? <h2 className={css.headerTitle}>{title}</h2> : title}
|
|
56
56
|
</header>
|
|
57
57
|
)}
|
|
58
58
|
<div className={cx(css.content, className)}>{children}</div>
|
package/types/constants.d.ts
CHANGED
|
@@ -21,8 +21,8 @@ export declare const SORT: {
|
|
|
21
21
|
readonly DESC: "desc";
|
|
22
22
|
};
|
|
23
23
|
export declare enum MetricsDisplayType {
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
TREEMAP = "treemap",
|
|
25
|
+
TABLE = "table"
|
|
26
26
|
}
|
|
27
27
|
export declare const MetricsDisplayTypeDefault = MetricsDisplayType.TABLE;
|
|
28
28
|
export declare enum MetricsDisplayGroupBy {
|