@bundle-stats/ui 4.8.2 → 4.8.4-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/bundle-assets/bundle-assets.js +28 -27
- package/lib/components/bundle-assets/bundle-assets.js.map +1 -1
- package/lib/components/bundle-modules/bundle-modules.i18n.js +12 -0
- package/lib/components/bundle-modules/bundle-modules.i18n.js.map +1 -0
- package/lib/components/bundle-modules/bundle-modules.js +12 -99
- package/lib/components/bundle-modules/bundle-modules.js.map +1 -1
- package/lib/components/bundle-modules/bundle-modules.utils.js +108 -1
- package/lib/components/bundle-modules/bundle-modules.utils.js.map +1 -1
- package/lib/components/bundle-modules/index.js +6 -45
- package/lib/components/bundle-modules/index.js.map +1 -1
- package/lib/components/entry-info/entry-info.i18n.js +7 -0
- package/lib/components/entry-info/entry-info.i18n.js.map +1 -0
- package/lib/components/entry-info/entry-info.js +27 -3
- package/lib/components/entry-info/entry-info.js.map +1 -1
- package/lib/components/job-name/job-name.js +1 -1
- package/lib/components/job-name/job-name.js.map +1 -1
- package/lib/components/metric-run-info/metric-run-info.js +10 -5
- package/lib/components/metric-run-info/metric-run-info.js.map +1 -1
- package/lib/components/metrics-table/index.js +1 -1
- package/lib/components/metrics-table/index.js.map +1 -1
- package/lib/components/metrics-table/metrics-table.i18n.js +12 -0
- package/lib/components/metrics-table/metrics-table.i18n.js.map +1 -0
- package/lib/components/metrics-table/metrics-table.js +50 -69
- package/lib/components/metrics-table/metrics-table.js.map +1 -1
- package/lib/components/metrics-table/metrics-table.module.css +2 -2
- package/lib/components/sort-button/sort-button.js +10 -4
- package/lib/components/sort-button/sort-button.js.map +1 -1
- package/lib/components/sort-button/sort-button.module.css +9 -9
- package/lib/hooks/rows-sort.js.map +1 -1
- package/lib/ui/filters/filters.i18n.js +6 -0
- package/lib/ui/filters/filters.i18n.js.map +1 -0
- package/lib/ui/filters/filters.js +16 -54
- package/lib/ui/filters/filters.js.map +1 -1
- package/lib/ui/filters/filters.utils.js +27 -11
- package/lib/ui/filters/filters.utils.js.map +1 -1
- package/lib/ui/filters/index.js +0 -8
- package/lib/ui/filters/index.js.map +1 -1
- package/lib-esm/components/bundle-assets/bundle-assets.js +28 -27
- package/lib-esm/components/bundle-assets/bundle-assets.js.map +1 -1
- package/lib-esm/components/bundle-modules/bundle-modules.i18n.js +9 -0
- package/lib-esm/components/bundle-modules/bundle-modules.i18n.js.map +1 -0
- package/lib-esm/components/bundle-modules/bundle-modules.js +13 -101
- package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -1
- package/lib-esm/components/bundle-modules/bundle-modules.utils.js +83 -1
- package/lib-esm/components/bundle-modules/bundle-modules.utils.js.map +1 -1
- package/lib-esm/components/bundle-modules/index.js +9 -45
- package/lib-esm/components/bundle-modules/index.js.map +1 -1
- package/lib-esm/components/entry-info/entry-info.i18n.js +4 -0
- package/lib-esm/components/entry-info/entry-info.i18n.js.map +1 -0
- 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/job-name/job-name.js +1 -1
- package/lib-esm/components/job-name/job-name.js.map +1 -1
- package/lib-esm/components/metric-run-info/metric-run-info.js +10 -5
- package/lib-esm/components/metric-run-info/metric-run-info.js.map +1 -1
- package/lib-esm/components/metrics-table/index.js +1 -1
- package/lib-esm/components/metrics-table/index.js.map +1 -1
- package/lib-esm/components/metrics-table/metrics-table.i18n.js +9 -0
- package/lib-esm/components/metrics-table/metrics-table.i18n.js.map +1 -0
- package/lib-esm/components/metrics-table/metrics-table.js +37 -79
- package/lib-esm/components/metrics-table/metrics-table.js.map +1 -1
- package/lib-esm/components/metrics-table/metrics-table.module.css +2 -2
- package/lib-esm/components/sort-button/sort-button.js +10 -4
- package/lib-esm/components/sort-button/sort-button.js.map +1 -1
- package/lib-esm/components/sort-button/sort-button.module.css +9 -9
- package/lib-esm/hooks/rows-sort.js.map +1 -1
- package/lib-esm/ui/filters/filters.i18n.js +3 -0
- package/lib-esm/ui/filters/filters.i18n.js.map +1 -0
- package/lib-esm/ui/filters/filters.js +16 -54
- package/lib-esm/ui/filters/filters.js.map +1 -1
- package/lib-esm/ui/filters/filters.utils.js +27 -11
- package/lib-esm/ui/filters/filters.utils.js.map +1 -1
- package/lib-esm/ui/filters/index.js +0 -8
- package/lib-esm/ui/filters/index.js.map +1 -1
- package/package.json +10 -10
- package/src/components/bundle-assets/bundle-assets.jsx +28 -30
- package/src/components/bundle-modules/bundle-modules.i18n.ts +8 -0
- package/src/components/bundle-modules/bundle-modules.tsx +200 -0
- package/src/components/bundle-modules/bundle-modules.types.d.ts +24 -0
- package/src/components/bundle-modules/bundle-modules.utils.ts +208 -0
- package/src/components/bundle-modules/index.tsx +102 -0
- package/src/components/entry-info/entry-info.i18n.ts +3 -0
- package/src/components/entry-info/entry-info.tsx +10 -4
- package/src/components/job-name/job-name.jsx +7 -1
- package/src/components/metric-run-info/metric-run-info.tsx +12 -5
- package/src/components/metrics-table/index.tsx +14 -0
- package/src/components/metrics-table/metrics-table.i18n.ts +10 -0
- package/src/components/metrics-table/metrics-table.module.css +2 -2
- package/src/components/metrics-table/metrics-table.stories.tsx +225 -0
- package/src/components/metrics-table/metrics-table.tsx +301 -0
- package/src/components/sort-button/sort-button.module.css +9 -9
- package/src/components/sort-button/sort-button.tsx +14 -6
- package/src/hooks/rows-sort.ts +8 -8
- package/src/types.d.ts +11 -0
- package/src/ui/filters/__tests__/filters.utils.ts +98 -0
- package/src/ui/filters/filters.i18n.ts +2 -0
- package/src/ui/filters/{filters.jsx → filters.tsx} +63 -72
- package/src/ui/filters/{filters.utils.js → filters.utils.ts} +38 -21
- package/src/ui/filters/{index.jsx → index.tsx} +14 -17
- package/types/components/bundle-modules/bundle-modules.d.ts +21 -62
- package/types/components/bundle-modules/bundle-modules.i18n.d.ts +8 -0
- package/types/components/bundle-modules/bundle-modules.utils.d.ts +28 -5
- package/types/components/bundle-modules/index.d.ts +13 -22
- package/types/components/entry-info/entry-info.i18n.d.ts +3 -0
- package/types/components/job-name/job-name.d.ts +1 -1
- package/types/components/metrics-table/index.d.ts +4 -1
- package/types/components/metrics-table/metrics-table.d.ts +25 -47
- package/types/components/metrics-table/metrics-table.i18n.d.ts +8 -0
- package/types/components/sort-button/sort-button.d.ts +2 -2
- package/types/hooks/rows-sort.d.ts +3 -3
- package/types/layout/box/box.d.ts +1 -1
- package/types/layout/flex-stack/flex-stack.d.ts +1 -1
- package/types/ui/filters/filters.d.ts +24 -14
- package/types/ui/filters/filters.i18n.d.ts +2 -0
- package/types/ui/filters/filters.utils.d.ts +7 -6
- package/types/ui/filters/index.d.ts +8 -12
- package/types/ui/table/table.d.ts +5 -5
- package/types/ui/tooltip/tooltip.d.ts +1 -1
- package/src/components/bundle-modules/bundle-modules.jsx +0 -291
- package/src/components/bundle-modules/bundle-modules.utils.js +0 -82
- package/src/components/bundle-modules/index.jsx +0 -113
- package/src/components/metrics-table/index.jsx +0 -11
- package/src/components/metrics-table/metrics-table.jsx +0 -309
- package/src/ui/filters/__tests__/filters-dropdown.utils.js +0 -74
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"entry-info.js","sourceRoot":"","sources":["../../../src/components/entry-info/entry-info.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"entry-info.js","sourceRoot":"","sources":["../../../src/components/entry-info/entry-info.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ const react_1 = __importDefault(require("react"));
|
|
|
8
8
|
const prop_types_1 = __importDefault(require("prop-types"));
|
|
9
9
|
const tooltip_1 = require("../../ui/tooltip");
|
|
10
10
|
const job_name_module_css_1 = __importDefault(require("./job-name.module.css"));
|
|
11
|
-
const JobName = ({ as: Component, title, internalBuildNumber, children, ...restProps }) => (react_1.default.createElement(tooltip_1.Tooltip, { className: job_name_module_css_1.default.root, as: Component, title: title, ...restProps }, children || `Job #${internalBuildNumber}`));
|
|
11
|
+
const JobName = ({ as: Component = 'span', title, internalBuildNumber, children, ...restProps }) => (react_1.default.createElement(tooltip_1.Tooltip, { className: job_name_module_css_1.default.root, as: Component, title: title, ...restProps }, children || `Job #${internalBuildNumber}`));
|
|
12
12
|
exports.JobName = JobName;
|
|
13
13
|
exports.JobName.defaultProps = {
|
|
14
14
|
as: 'span',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"job-name.js","sourceRoot":"","sources":["../../../src/components/job-name/job-name.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AAEnC,8CAA2C;AAC3C,gFAAwC;AAEjC,MAAM,OAAO,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"job-name.js","sourceRoot":"","sources":["../../../src/components/job-name/job-name.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AAEnC,8CAA2C;AAC3C,gFAAwC;AAEjC,MAAM,OAAO,GAAG,CAAC,EACtB,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,KAAK,EACL,mBAAmB,EACnB,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,EAAE,CAAC,CACJ,8BAAC,iBAAO,IAAC,SAAS,EAAE,6BAAG,CAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAAM,SAAS,IACrE,QAAQ,IAAI,QAAQ,mBAAmB,EAAE,CAClC,CACX,CAAC;AAVW,QAAA,OAAO,WAUlB;AAEF,eAAO,CAAC,YAAY,GAAG;IACrB,EAAE,EAAE,MAAM;IACV,KAAK,EAAE,EAAE;IACT,mBAAmB,EAAE,IAAI;IACzB,QAAQ,EAAE,IAAI;CACf,CAAC;AAEF,eAAO,CAAC,SAAS,GAAG;IAElB,EAAE,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,MAAM,EAAE,oBAAS,CAAC,IAAI,CAAC,CAAC;IAG3D,KAAK,EAAE,oBAAS,CAAC,MAAM;IAGvB,mBAAmB,EAAE,oBAAS,CAAC,MAAM;IAGrC,QAAQ,EAAE,oBAAS,CAAC,IAAI;CACzB,CAAC"}
|
|
@@ -60,13 +60,18 @@ const MetricRunInfo = (props) => {
|
|
|
60
60
|
}
|
|
61
61
|
return null;
|
|
62
62
|
}, [showMetricDescription, metric]);
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
63
|
+
const deltaProps = (0, react_1.useMemo)(() => {
|
|
64
|
+
if (!showDelta || metric.skipDelta || !('delta' in metricRunInfo)) {
|
|
65
|
+
return {};
|
|
66
|
+
}
|
|
67
|
+
return {
|
|
67
68
|
delta: metricRunInfo.displayDeltaPercentage,
|
|
68
69
|
deltaType: metricRunInfo.deltaType,
|
|
69
|
-
}
|
|
70
|
+
};
|
|
71
|
+
}, [metricRunInfo]);
|
|
72
|
+
return (react_1.default.createElement(run_info_1.RunInfo, { title: metric.label, titleHoverCard: titleHoverCard, enhance: true, current: metricRunInfo.displayValue, showBaseline: showBaseline, ...(showBaseline && {
|
|
73
|
+
baseline: metric.formatter(baseline),
|
|
74
|
+
}), ...deltaProps, ...restProps }));
|
|
70
75
|
};
|
|
71
76
|
exports.MetricRunInfo = MetricRunInfo;
|
|
72
77
|
//# sourceMappingURL=metric-run-info.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"metric-run-info.js","sourceRoot":"","sources":["../../../src/components/metric-run-info/metric-run-info.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AACpD,+CAA4E;AAE5E,8CAA2C;AAC3C,wDAAoD;AACpD,wCAAqC;AACrC,0CAAoD;AACpD,8FAA+C;AAQ/C,MAAM,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAmB,EAAE,EAAE;IAEvE,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,IAAI,GAAG,EAAE;YACP,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,oCAAG,CAAC,eAAe;QACnD,sCAAI,SAAS,EAAE,oCAAG,CAAC,oBAAoB,IAAG,KAAK,CAAM;QACrD,8BAAC,aAAK,IAAC,KAAK,EAAC,UAAU;YACrB,qCAAG,SAAS,EAAE,oCAAG,CAAC,0BAA0B,IAAG,WAAW,CAAK;YAC9D,GAAG,IAAI,CACN;gBACE,0CAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,oCAAG,CAAC,YAAY;oBACjE,8BAAC,sBAAS,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,UAAU;wBAC7C,wDAAsB;wBACtB,8BAAC,WAAI,IAAC,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,aAAa,EAAE,IAAI,EAAC,OAAO,GAAG,CAC5C,CACL,CACL,CACP,CACK,CACF,CACT,CAAC;AACJ,CAAC,CAAC;AAaK,MAAM,aAAa,GAAG,CAAC,KAAuD,EAAE,EAAE;IACvF,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,CAAC,EACZ,SAAS,GAAG,IAAI,EAChB,qBAAqB,GAAG,IAAI,EAC5B,YAAY,GAAG,IAAI,EACnB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,IAAA,2BAAmB,EAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,aAAa,GAAG,IAAA,wBAAgB,EAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAC;IAEvE,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAClC,IAAI,qBAAqB,IAAI,CAAC,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,GAAG,CAAC,EAAE;YAC/D,OAAO,CACL,8BAAC,eAAe,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,GAAI,CAC3F,CAAC;SACH;QAED,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,8BAAC,kBAAO,IACN,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,cAAc,EAAE,cAAc,EAC9B,OAAO,QACP,OAAO,EAAE,aAAa,CAAC,YAAY,EACnC,YAAY,EAAE,YAAY,KACtB,CAAC,YAAY,IAAI;YACnB,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC;SACrC,CAAC,KACE,
|
|
1
|
+
{"version":3,"file":"metric-run-info.js","sourceRoot":"","sources":["../../../src/components/metric-run-info/metric-run-info.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,7 +28,7 @@ const react_1 = __importStar(require("react"));
|
|
|
28
28
|
const metrics_table_1 = require("./metrics-table");
|
|
29
29
|
const MetricsTable = (props) => {
|
|
30
30
|
const [showAllItems, setShowAllItems] = (0, react_1.useState)(false);
|
|
31
|
-
return
|
|
31
|
+
return react_1.default.createElement(metrics_table_1.MetricsTable, { ...props, showAllItems: showAllItems, setShowAllItems: setShowAllItems });
|
|
32
32
|
};
|
|
33
33
|
exports.MetricsTable = MetricsTable;
|
|
34
34
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/metrics-table/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/metrics-table/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AAExC,mDAAgE;AAOzD,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACvD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAExD,OAAO,8BAAC,4BAAa,OAAK,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,eAAe,GAAI,CAAC;AACpG,CAAC,CAAC;AAJW,QAAA,YAAY,gBAIvB"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SHOW_LESS = exports.SHOW_ALL = exports.EMPTY_MESSAGE = exports.SORT_PERCENTUAL_CHANGE = exports.SORT_ABSOLUTE_CHANGE = exports.SORT_ABSOLUTE_VALUE = exports.CURRENT_TITLE = exports.BASELINE_TITLE = void 0;
|
|
4
|
+
exports.BASELINE_TITLE = 'Baseline';
|
|
5
|
+
exports.CURRENT_TITLE = 'Current';
|
|
6
|
+
exports.SORT_ABSOLUTE_VALUE = 'absolute value';
|
|
7
|
+
exports.SORT_ABSOLUTE_CHANGE = 'absolute change';
|
|
8
|
+
exports.SORT_PERCENTUAL_CHANGE = 'absolute percentual change';
|
|
9
|
+
exports.EMPTY_MESSAGE = 'No items found.';
|
|
10
|
+
exports.SHOW_ALL = 'Show all';
|
|
11
|
+
exports.SHOW_LESS = 'Show less';
|
|
12
|
+
//# sourceMappingURL=metrics-table.i18n.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"metrics-table.i18n.js","sourceRoot":"","sources":["../../../src/components/metrics-table/metrics-table.i18n.ts"],"names":[],"mappings":";;;AAAa,QAAA,cAAc,GAAG,UAAU,CAAC;AAC5B,QAAA,aAAa,GAAG,SAAS,CAAC;AAE1B,QAAA,mBAAmB,GAAG,gBAAgB,CAAC;AACvC,QAAA,oBAAoB,GAAG,iBAAiB,CAAC;AACzC,QAAA,sBAAsB,GAAG,4BAA4B,CAAC;AAEtD,QAAA,aAAa,GAAG,iBAAiB,CAAC;AAClC,QAAA,QAAQ,GAAG,UAAU,CAAC;AACtB,QAAA,SAAS,GAAG,WAAW,CAAC"}
|
|
@@ -1,11 +1,33 @@
|
|
|
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
|
+
};
|
|
2
25
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
27
|
};
|
|
5
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
29
|
exports.MetricsTable = void 0;
|
|
7
30
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const prop_types_1 = __importDefault(require("prop-types"));
|
|
9
31
|
const classnames_1 = __importDefault(require("classnames"));
|
|
10
32
|
const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
|
|
11
33
|
const sum_1 = __importDefault(require("lodash/sum"));
|
|
@@ -17,39 +39,39 @@ const metric_1 = require("../metric");
|
|
|
17
39
|
const delta_1 = require("../delta");
|
|
18
40
|
const job_name_1 = require("../job-name");
|
|
19
41
|
const sort_button_1 = require("../sort-button");
|
|
42
|
+
const I18N = __importStar(require("./metrics-table.i18n"));
|
|
20
43
|
const metrics_table_module_css_1 = __importDefault(require("./metrics-table.module.css"));
|
|
21
|
-
const
|
|
44
|
+
const METRIC_TYPE = utils_1.METRIC_TYPE_CONFIGS[utils_1.MetricTypes.FileSize];
|
|
22
45
|
const VISIBLE_COUNT = 500;
|
|
23
46
|
const BASELINE_COLUMN_SPAN = 1;
|
|
24
47
|
const CURRENT_COLUMN_SPAN = 3;
|
|
25
|
-
const BASELINE_TITLE = 'Baseline';
|
|
26
|
-
const CURRENT_TITLE = 'Current';
|
|
27
48
|
const getRowsRunTotal = (rows, runIndex) => (0, sum_1.default)(rows.map((row) => row?.runs?.[runIndex]?.value || 0));
|
|
28
|
-
const
|
|
49
|
+
const JobColumn = ({ run, isBaseline }) => {
|
|
29
50
|
const colSpan = isBaseline ? BASELINE_COLUMN_SPAN : CURRENT_COLUMN_SPAN;
|
|
51
|
+
const { label, internalBuildNumber } = run;
|
|
30
52
|
if (!run) {
|
|
31
53
|
return react_1.default.createElement(table_1.Table.Th, { colSpan: colSpan }, "-");
|
|
32
54
|
}
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
react_1.default.createElement(job_name_1.JobName, { title: isBaseline ? BASELINE_TITLE : CURRENT_TITLE, internalBuildNumber: internalBuildNumber, className: metrics_table_module_css_1.default.jobName }, label)));
|
|
55
|
+
return (react_1.default.createElement(table_1.Table.Th, { className: metrics_table_module_css_1.default.jobCol, colSpan: colSpan },
|
|
56
|
+
react_1.default.createElement(job_name_1.JobName, { title: isBaseline ? I18N.BASELINE_TITLE : I18N.CURRENT_TITLE, internalBuildNumber: internalBuildNumber, className: metrics_table_module_css_1.default.jobName }, label)));
|
|
36
57
|
};
|
|
37
|
-
const
|
|
58
|
+
const SumColumn = ({ rows, isBaseline, runIndex, updateSort, sort }) => {
|
|
38
59
|
const currentRunTotal = getRowsRunTotal(rows, runIndex);
|
|
39
|
-
const baselineRunTotal = !isBaseline
|
|
40
|
-
const
|
|
60
|
+
const baselineRunTotal = !isBaseline ? getRowsRunTotal(rows, runIndex + 1) : 0;
|
|
61
|
+
const total = (0, utils_1.getMetricRunInfo)(METRIC_TYPE, currentRunTotal, baselineRunTotal);
|
|
41
62
|
const fieldPath = `runs[${runIndex}]`;
|
|
42
63
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
43
|
-
react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_module_css_1.default.value, metrics_table_module_css_1.default.sum) },
|
|
44
|
-
react_1.default.createElement(
|
|
64
|
+
react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_module_css_1.default.value, metrics_table_module_css_1.default.sum) },
|
|
65
|
+
react_1.default.createElement(sort_button_1.SortButton, { fieldPath: fieldPath, fieldName: "value", label: "absolute value", updateSort: updateSort, sort: sort },
|
|
66
|
+
react_1.default.createElement(metric_1.Metric, { value: total.displayValue }))),
|
|
45
67
|
!isBaseline && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
46
|
-
react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_module_css_1.default.delta, metrics_table_module_css_1.default.sum) },
|
|
47
|
-
react_1.default.createElement(
|
|
48
|
-
react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_module_css_1.default.delta, metrics_table_module_css_1.default.deltaPercentage, metrics_table_module_css_1.default.sum) },
|
|
49
|
-
react_1.default.createElement(
|
|
68
|
+
react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_module_css_1.default.delta, metrics_table_module_css_1.default.sum) },
|
|
69
|
+
react_1.default.createElement(sort_button_1.SortButton, { fieldPath: fieldPath, fieldName: "delta", label: "absolute change", updateSort: updateSort, sort: sort }, 'delta' in total && (react_1.default.createElement(delta_1.Delta, { displayValue: total.displayDelta, deltaType: total.deltaType })))),
|
|
70
|
+
react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_module_css_1.default.delta, metrics_table_module_css_1.default.deltaPercentage, metrics_table_module_css_1.default.sum) },
|
|
71
|
+
react_1.default.createElement(sort_button_1.SortButton, { fieldPath: fieldPath, fieldName: "deltaPercentage", label: "absolute percentual change", updateSort: updateSort, sort: sort }, 'delta' in total && (react_1.default.createElement(delta_1.Delta, { displayValue: total.displayDeltaPercentage, deltaType: total.deltaType }))))))));
|
|
50
72
|
};
|
|
51
|
-
const Row = ({ item,
|
|
52
|
-
react_1.default.createElement(table_1.Table.Th, { className: metrics_table_module_css_1.default.metricName },
|
|
73
|
+
const Row = ({ className = '', item, renderHeader, ...restProps }) => (react_1.default.createElement(table_1.Table.Tr, { className: (0, classnames_1.default)(!item.changed && metrics_table_module_css_1.default.unchanged, className), ...restProps },
|
|
74
|
+
react_1.default.createElement(table_1.Table.Th, { className: metrics_table_module_css_1.default.metricName }, renderHeader(item)),
|
|
53
75
|
item.runs.map((run, index) => {
|
|
54
76
|
const isBaseline = index === item.runs.length - 1;
|
|
55
77
|
const valueClassName = (0, classnames_1.default)(metrics_table_module_css_1.default.value, !isBaseline && metrics_table_module_css_1.default.current);
|
|
@@ -59,30 +81,14 @@ const Row = ({ item, renderRowHeader }) => (react_1.default.createElement(table_
|
|
|
59
81
|
!isBaseline && react_1.default.createElement(table_1.Table.Td, { className: metrics_table_module_css_1.default.delta }),
|
|
60
82
|
!isBaseline && react_1.default.createElement(table_1.Table.Td, { className: (0, classnames_1.default)(metrics_table_module_css_1.default.delta, metrics_table_module_css_1.default.deltaPercentage) })));
|
|
61
83
|
}
|
|
62
|
-
const { displayValue, deltaPercentage, displayDelta, displayDeltaPercentage, deltaType } = run;
|
|
63
84
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
64
85
|
react_1.default.createElement(table_1.Table.Td, { className: valueClassName },
|
|
65
|
-
react_1.default.createElement(metric_1.Metric, { value: displayValue })),
|
|
66
|
-
!isBaseline &&
|
|
67
|
-
react_1.default.createElement(table_1.Table.Td, { className: metrics_table_module_css_1.default.delta },
|
|
68
|
-
|
|
69
|
-
react_1.default.createElement(table_1.Table.Td, { className: (0, classnames_1.default)(metrics_table_module_css_1.default.delta, metrics_table_module_css_1.default.deltaPercentage) },
|
|
70
|
-
react_1.default.createElement(delta_1.Delta, { displayValue: displayDeltaPercentage, deltaType: deltaType }))))));
|
|
86
|
+
react_1.default.createElement(metric_1.Metric, { value: run.displayValue })),
|
|
87
|
+
!isBaseline && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
88
|
+
react_1.default.createElement(table_1.Table.Td, { className: metrics_table_module_css_1.default.delta }, 'delta' in run && (react_1.default.createElement(delta_1.Delta, { displayValue: run.displayDelta, deltaType: run.deltaType }))),
|
|
89
|
+
react_1.default.createElement(table_1.Table.Td, { className: (0, classnames_1.default)(metrics_table_module_css_1.default.delta, metrics_table_module_css_1.default.deltaPercentage) }, 'delta' in run && (react_1.default.createElement(delta_1.Delta, { displayValue: run.displayDeltaPercentage, deltaType: run.deltaType })))))));
|
|
71
90
|
})));
|
|
72
|
-
|
|
73
|
-
item: prop_types_1.default.shape({
|
|
74
|
-
changed: prop_types_1.default.bool,
|
|
75
|
-
runs: prop_types_1.default.arrayOf(prop_types_1.default.shape({
|
|
76
|
-
value: prop_types_1.default.number,
|
|
77
|
-
displayValue: prop_types_1.default.string,
|
|
78
|
-
deltaPercentage: prop_types_1.default.number,
|
|
79
|
-
displayDeltaPercentage: prop_types_1.default.string,
|
|
80
|
-
deltaType: prop_types_1.default.string,
|
|
81
|
-
})),
|
|
82
|
-
}).isRequired,
|
|
83
|
-
renderRowHeader: prop_types_1.default.func.isRequired,
|
|
84
|
-
};
|
|
85
|
-
const MetricsTable = ({ className, renderRowHeader, runs, items, emptyMessage, showHeaderSum, title, showAllItems, setShowAllItems, sort, updateSort, ...restProps }) => {
|
|
91
|
+
const MetricsTable = ({ className = '', runs, items, showHeaderSum = false, title = '', sort, updateSort, renderRowHeader = (item) => item.label, emptyMessage = I18N.EMPTY_MESSAGE, showAllItems, setShowAllItems, ...restProps }) => {
|
|
86
92
|
const columnCount = (runs.length - 1) * CURRENT_COLUMN_SPAN + BASELINE_COLUMN_SPAN + 1;
|
|
87
93
|
const rootClassName = (0, classnames_1.default)(metrics_table_module_css_1.default.root, className, runs.length > 1 && metrics_table_module_css_1.default.multipleRuns, showHeaderSum && metrics_table_module_css_1.default.showHeaderSum);
|
|
88
94
|
const showEmpty = (0, isEmpty_1.default)(items);
|
|
@@ -93,8 +99,8 @@ const MetricsTable = ({ className, renderRowHeader, runs, items, emptyMessage, s
|
|
|
93
99
|
react_1.default.createElement(table_1.Table.THead, null,
|
|
94
100
|
react_1.default.createElement(table_1.Table.Tr, { className: metrics_table_module_css_1.default.headerRow },
|
|
95
101
|
react_1.default.createElement(table_1.Table.Th, { className: metrics_table_module_css_1.default.metricName, rowSpan: showHeaderSum ? 2 : 1 }, title || ' '),
|
|
96
|
-
runs.map((run, runIndex) => (react_1.default.createElement(
|
|
97
|
-
showHeaderSum && (react_1.default.createElement(table_1.Table.Tr, { className: metrics_table_module_css_1.default.headerRow }, runs.map((
|
|
102
|
+
runs.map((run, runIndex) => (react_1.default.createElement(JobColumn, { run: run, isBaseline: runIndex === runs.length - 1 })))),
|
|
103
|
+
showHeaderSum && (react_1.default.createElement(table_1.Table.Tr, { className: metrics_table_module_css_1.default.headerRow }, runs.map((_, runIndex) => (react_1.default.createElement(SumColumn, { rows: items, isBaseline: runIndex === runs.length - 1, runIndex: runIndex, updateSort: updateSort, sort: sort })))))),
|
|
98
104
|
react_1.default.createElement(table_1.Table.TBody, null,
|
|
99
105
|
showEmpty && (react_1.default.createElement(table_1.Table.Tr, null,
|
|
100
106
|
react_1.default.createElement(table_1.Table.Td, { className: metrics_table_module_css_1.default.empty, colSpan: columnCount },
|
|
@@ -103,34 +109,9 @@ const MetricsTable = ({ className, renderRowHeader, runs, items, emptyMessage, s
|
|
|
103
109
|
react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.INFO, className: metrics_table_module_css_1.default.emptyIcon, size: "large" })),
|
|
104
110
|
emptyMessage)))),
|
|
105
111
|
showItems && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
106
|
-
visibleItems.map((item) => (react_1.default.createElement(Row, { key: item.key, item: item,
|
|
112
|
+
visibleItems.map((item) => (react_1.default.createElement(Row, { key: item.key, item: item, renderHeader: renderRowHeader }))),
|
|
107
113
|
hasHiddenItems && (react_1.default.createElement(table_1.Table.Tr, null,
|
|
108
|
-
react_1.default.createElement(table_1.Table.Td, { className: metrics_table_module_css_1.default.showAllItems, colSpan: columnCount }, showAllItems ? (react_1.default.createElement("button", { onClick: () => setShowAllItems(false), type: "button", className: metrics_table_module_css_1.default.showAllItemsButton },
|
|
114
|
+
react_1.default.createElement(table_1.Table.Td, { className: metrics_table_module_css_1.default.showAllItems, colSpan: columnCount }, showAllItems ? (react_1.default.createElement("button", { onClick: () => setShowAllItems(false), type: "button", className: metrics_table_module_css_1.default.showAllItemsButton }, I18N.SHOW_LESS)) : (react_1.default.createElement("button", { onClick: () => setShowAllItems(true), type: "button", className: metrics_table_module_css_1.default.showAllItemsButton }, I18N.SHOW_ALL))))))))));
|
|
109
115
|
};
|
|
110
116
|
exports.MetricsTable = MetricsTable;
|
|
111
|
-
exports.MetricsTable.defaultProps = {
|
|
112
|
-
className: '',
|
|
113
|
-
renderRowHeader: (item) => item.label,
|
|
114
|
-
emptyMessage: 'No entries found.',
|
|
115
|
-
showHeaderSum: false,
|
|
116
|
-
title: '',
|
|
117
|
-
};
|
|
118
|
-
exports.MetricsTable.propTypes = {
|
|
119
|
-
className: prop_types_1.default.string,
|
|
120
|
-
renderRowHeader: prop_types_1.default.func,
|
|
121
|
-
runs: prop_types_1.default.arrayOf(prop_types_1.default.shape({
|
|
122
|
-
internalBuildNumber: prop_types_1.default.number,
|
|
123
|
-
})).isRequired,
|
|
124
|
-
items: prop_types_1.default.arrayOf(prop_types_1.default.shape({
|
|
125
|
-
key: prop_types_1.default.string,
|
|
126
|
-
label: prop_types_1.default.string,
|
|
127
|
-
runs: prop_types_1.default.arrayOf(prop_types_1.default.shape({
|
|
128
|
-
displayValue: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.string]),
|
|
129
|
-
displayDelta: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.string]),
|
|
130
|
-
})),
|
|
131
|
-
})).isRequired,
|
|
132
|
-
emptyMessage: prop_types_1.default.element,
|
|
133
|
-
showHeaderSum: prop_types_1.default.bool,
|
|
134
|
-
title: prop_types_1.default.element,
|
|
135
|
-
};
|
|
136
117
|
//# sourceMappingURL=metrics-table.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"metrics-table.js","sourceRoot":"","sources":["../../../src/components/metrics-table/metrics-table.
|
|
1
|
+
{"version":3,"file":"metrics-table.js","sourceRoot":"","sources":["../../../src/components/metrics-table/metrics-table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
width: 55%;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.root .
|
|
18
|
+
.root .jobCol {
|
|
19
19
|
text-align: right;
|
|
20
20
|
}
|
|
21
21
|
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
/* columns overrides for showHeaderSum */
|
|
49
|
-
.showHeaderSum .headerRow .
|
|
49
|
+
.showHeaderSum .headerRow .jobCol {
|
|
50
50
|
border-bottom: 0;
|
|
51
51
|
padding-bottom: 0;
|
|
52
52
|
}
|
|
@@ -33,7 +33,7 @@ const constants_1 = require("../../constants");
|
|
|
33
33
|
const icon_1 = require("../../ui/icon");
|
|
34
34
|
const tooltip_1 = require("../../ui/tooltip");
|
|
35
35
|
const sort_button_module_css_1 = __importDefault(require("./sort-button.module.css"));
|
|
36
|
-
const getToggleAction = (
|
|
36
|
+
const getToggleAction = (field, label, sort) => {
|
|
37
37
|
if (sort?.field !== field) {
|
|
38
38
|
return { direction: constants_1.SORT.DESC, title: `Order ${label} descending` };
|
|
39
39
|
}
|
|
@@ -51,18 +51,24 @@ const getDescAction = (label) => {
|
|
|
51
51
|
const SortButton = (props) => {
|
|
52
52
|
const { className = '', children, fieldPath, fieldName, label, sort, updateSort } = props;
|
|
53
53
|
const field = `${fieldPath}.${fieldName}`;
|
|
54
|
-
const toggleAction = getToggleAction(
|
|
54
|
+
const toggleAction = getToggleAction(field, label, sort);
|
|
55
55
|
const ascAction = getAscAction(label);
|
|
56
56
|
const descAction = getDescAction(label);
|
|
57
|
-
const isSorted = sort
|
|
57
|
+
const isSorted = sort?.field === field;
|
|
58
58
|
const getOrderOnClick = (0, react_1.useCallback)((action) => () => {
|
|
59
|
+
if (!updateSort) {
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
59
62
|
if (action.direction) {
|
|
60
63
|
updateSort({ field, direction: action.direction });
|
|
61
64
|
return;
|
|
62
65
|
}
|
|
63
66
|
updateSort({ field: '', direction: '' });
|
|
64
67
|
}, [field, updateSort, toggleAction]);
|
|
65
|
-
|
|
68
|
+
if (!updateSort) {
|
|
69
|
+
return react_1.default.createElement("div", { className: (0, classnames_1.default)(sort_button_module_css_1.default.root, className) }, children);
|
|
70
|
+
}
|
|
71
|
+
return (react_1.default.createElement("div", { className: (0, classnames_1.default)(sort_button_module_css_1.default.root, sort_button_module_css_1.default.interactive, className, isSorted && sort_button_module_css_1.default.active) },
|
|
66
72
|
react_1.default.createElement(tooltip_1.Tooltip, { title: toggleAction.title, as: "button", type: "button", onClick: getOrderOnClick(toggleAction), className: (0, classnames_1.default)(sort_button_module_css_1.default.button, sort_button_module_css_1.default.toggle) }, children),
|
|
67
73
|
react_1.default.createElement(tooltip_1.Tooltip, { title: ascAction.title, as: "button", type: "button", onClick: getOrderOnClick(ascAction), className: (0, classnames_1.default)(sort_button_module_css_1.default.button, sort_button_module_css_1.default.direction, sort_button_module_css_1.default.directionAsc, isSorted && sort.direction === constants_1.SORT.ASC && sort_button_module_css_1.default.directionActive) },
|
|
68
74
|
react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.CHEVRON_UP, size: "small", className: sort_button_module_css_1.default.directionIcon })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sort-button.js","sourceRoot":"","sources":["../../../src/components/sort-button/sort-button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,4DAA4B;AAE5B,+CAAuC;AAEvC,wCAAqC;AACrC,8CAA2C;AAC3C,sFAA2C;AAO3C,MAAM,eAAe,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"sort-button.js","sourceRoot":"","sources":["../../../src/components/sort-button/sort-button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.root {
|
|
2
|
-
--icon-dimension:
|
|
2
|
+
--icon-dimension: 13px;
|
|
3
3
|
display: inline-block;
|
|
4
4
|
margin: calc(0px - var(--space-xxxsmall));
|
|
5
5
|
margin-right: calc(0px - 1px - var(--icon-dimension));
|
|
@@ -18,13 +18,13 @@
|
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
.toggle {
|
|
21
|
-
padding: var(--space-xxxsmall);
|
|
21
|
+
padding: 1px var(--space-xxxsmall);
|
|
22
22
|
padding-right: calc(1px + var(--icon-dimension));
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
.direction {
|
|
26
26
|
position: absolute;
|
|
27
|
-
padding:
|
|
27
|
+
padding: 1px;
|
|
28
28
|
display: block;
|
|
29
29
|
overflow: hidden;
|
|
30
30
|
right: -2px; /* compensate for the button padding */
|
|
@@ -68,9 +68,9 @@
|
|
|
68
68
|
transform: translateY(-5px);
|
|
69
69
|
}
|
|
70
70
|
|
|
71
|
-
.
|
|
72
|
-
.
|
|
73
|
-
.
|
|
71
|
+
.interactive:hover,
|
|
72
|
+
.interactive:active,
|
|
73
|
+
.interactive:focus {
|
|
74
74
|
background: var(--color-outline);
|
|
75
75
|
}
|
|
76
76
|
|
|
@@ -80,9 +80,9 @@
|
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
.active .direction,
|
|
83
|
-
.
|
|
84
|
-
.
|
|
85
|
-
.
|
|
83
|
+
.interactive:hover .direction,
|
|
84
|
+
.interactive:hover:active .direction,
|
|
85
|
+
.interactive:hover:focus .direction {
|
|
86
86
|
pointer-events: auto;
|
|
87
87
|
opacity: 1;
|
|
88
88
|
transition: var(--transition-in);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rows-sort.js","sourceRoot":"","sources":["../../src/hooks/rows-sort.ts"],"names":[],"mappings":";;;;;;AAAA,iCAA0C;AAC1C,qDAA6B;AAC7B,6DAAqC;AAGrC,4CAAoC;AAS7B,MAAM,SAAS,GACpB,CAAC,SAAiB,EAAE,aAAiD,EAAE,EAAE,CAAC,CAAC,IAAa,EAAE,EAAE;IAC1F,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;KAC5B;IAED,OAAO,IAAI,CAAC,GAAG,CAAC,IAAA,aAAG,EAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AAC7C,CAAC,CAAC;AAPS,QAAA,SAAS,aAOlB;AAEG,MAAM,WAAW,GAAG,CAAC,EAC1B,IAAI,EACJ,YAAY,GAAG,eAAe,EAC9B,gBAAgB,GAAG,MAAM,EACzB,aAAa,GACK,EAAE,EAAE;IACtB,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAE1F,MAAM,WAAW,GAAG,IAAA,eAAO,EACzB,GAAG,EAAE,CACH,IAAA,iBAAO,
|
|
1
|
+
{"version":3,"file":"rows-sort.js","sourceRoot":"","sources":["../../src/hooks/rows-sort.ts"],"names":[],"mappings":";;;;;;AAAA,iCAA0C;AAC1C,qDAA6B;AAC7B,6DAAqC;AAGrC,4CAAoC;AAS7B,MAAM,SAAS,GACpB,CAAC,SAAiB,EAAE,aAAiD,EAAE,EAAE,CAAC,CAAC,IAAa,EAAE,EAAE;IAC1F,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;KAC5B;IAED,OAAO,IAAI,CAAC,GAAG,CAAC,IAAA,aAAG,EAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AAC7C,CAAC,CAAC;AAPS,QAAA,SAAS,aAOlB;AAEG,MAAM,WAAW,GAAG,CAAC,EAC1B,IAAI,EACJ,YAAY,GAAG,eAAe,EAC9B,gBAAgB,GAAG,MAAM,EACzB,aAAa,GACK,EAAE,EAAE;IACtB,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAE1F,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;AAxBW,QAAA,WAAW,eAwBtB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"filters.i18n.js","sourceRoot":"","sources":["../../../src/ui/filters/filters.i18n.ts"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAAG,WAAW,CAAC;AACpB,QAAA,KAAK,GAAG,WAAW,CAAC"}
|