npm - @bundle-stats/ui - Versions diffs - 4.13.0-beta.7 → 4.13.0-beta.9 - Mend

@bundle-stats/ui 4.13.0-beta.7 → 4.13.0-beta.9

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.

Files changed (63) hide show

package/lib/components/bundle-modules/bundle-modules.js CHANGED Viewed

@@ -36,6 +36,7 @@ const box_1 = require("../../layout/box");
 const constants_1 = require("../../constants");
 const flex_stack_1 = require("../../layout/flex-stack");
 const button_1 = require("../../ui/button");
+const control_group_1 = require("../../ui/control-group");
 const empty_set_1 = require("../../ui/empty-set");
 const file_name_1 = require("../../ui/file-name");
 const filters_1 = require("../../ui/filters");
@@ -89,7 +90,7 @@ const BundleModules = (props) => {
                     react_1.default.createElement(input_search_1.InputSearch, { className: bundle_modules_module_css_1.default.toolbarSearch, placeholder: I18N_MODULES.SEARCH, defaultValue: search, onChange: updateSearch }),
                     react_1.default.createElement(filters_1.Filters, { className: bundle_modules_module_css_1.default.tableDropdown, filters: filterFieldsData, onChange: updateFilters }))),
             react_1.default.createElement(box_1.Box, { padding: ['xsmall', 'small'], className: bundle_modules_module_css_1.default.metricSelector },
-                react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxsmall", as: "nav" },
+                react_1.default.createElement(control_group_1.ControlGroup, { as: "nav" },
                     react_1.default.createElement(button_1.Button, { outline: true, active: moduleMetric === bundle_modules_constants_1.ModuleMetric.SIZE, size: "small", type: "button", onClick: () => setModuleMetric(bundle_modules_constants_1.ModuleMetric.SIZE) },
                         react_1.default.createElement(tooltip_1.Tooltip, { title: "Size (excluding duplicate modules)" }, "Module size")),
                     react_1.default.createElement(button_1.Button, { outline: true, active: moduleMetric === bundle_modules_constants_1.ModuleMetric.TOTAL_SIZE, size: "small", type: "button", onClick: () => setModuleMetric(bundle_modules_constants_1.ModuleMetric.TOTAL_SIZE) },

package/lib/components/bundle-modules/bundle-modules.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"bundle-modules.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/bundle-modules.tsx"],"names":[],"mappings":"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~~sBAAS~~,IAAC,~~KAAK,EAAC,SAAS,EAAC,~~EAAE,EAAC,KAAK;~~oBACjC~~,8BAAC,eAAM,IACL,OAAO,QACP,MAAM,EAAE,YAAY,KAAK,uCAAY,CAAC,IAAI,EAC1C,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,uCAAY,CAAC,IAAI,CAAC;wBAEjD,8BAAC,iBAAO,IAAC,KAAK,EAAC,oCAAoC,kBAAsB,CAClE;oBACT,8BAAC,eAAM,IACL,OAAO,QACP,MAAM,EAAE,YAAY,KAAK,uCAAY,CAAC,UAAU,EAChD,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,uCAAY,CAAC,UAAU,CAAC;wBAEvD,8BAAC,iBAAO,IAAC,KAAK,EAAC,oCAAoC,wBAA4B,CACxE,~~CACC~~,~~CACR~~;YACL,WAAW,KAAK,8BAAkB,CAAC,KAAK,IAAI,CAC3C,8BAAC,4BAAY,IACX,SAAS,EAAE,mCAAG,CAAC,KAAK,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,aAAa,QACb,KAAK,EAAE,iBAAiB,EACxB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,GACtB,CACH;YACA,WAAW,KAAK,8BAAkB,CAAC,OAAO,IAAI,CAC7C;gBACE,8BAAC,aAAK,IAAC,OAAO;oBACZ,8BAAC,yCAAkB,IACjB,WAAW,EAAE,iBAAiB,EAC9B,OAAO,QACP,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,KAAK,GACX,CACI;gBACR,8BAAC,gCAAc,IAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,aAAa,GAAI,CACvF,CACJ,CACG;QACL,SAAS,IAAI,CACZ,8BAAC,wBAAU,IACT,SAAS,EAAE,mCAAG,CAAC,UAAU,EACzB,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EACrC,MAAM,EAAE,SAAS,EACjB,mBAAmB,EAAE,mBAAmB,EACxC,OAAO,EAAE,aAAa,GACtB,CACH,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AA1KW,QAAA,aAAa,iBA0KxB"}
1	+ {"version":3,"file":"bundle-modules.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/bundle-modules.tsx"],"names":[],"mappings":"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"}

package/lib/components/metrics-display-selector/metrics-display-selector.js CHANGED Viewed

@@ -7,13 +7,13 @@ exports.MetricsDisplaySelector = void 0;
 const react_1 = __importDefault(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const constants_1 = require("../../constants");
-const flex_stack_1 = require("../../layout/flex-stack");
 const button_1 = require("../../ui/button");
+const control_group_1 = require("../../ui/control-group");
 const icon_1 = require("../../ui/icon");
 const metrics_display_selector_module_css_1 = __importDefault(require("./metrics-display-selector.module.css"));
 const MetricsDisplaySelector = (props) => {
     const { className = '', value, onSelect, ...restProps } = props;
-    return (react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxsmall", as: "nav", className: (0, classnames_1.default)(metrics_display_selector_module_css_1.default.root, className), ...restProps },
+    return (react_1.default.createElement(control_group_1.ControlGroup, { className: (0, classnames_1.default)(metrics_display_selector_module_css_1.default.root, className), ...restProps },
         react_1.default.createElement(button_1.Button, { outline: true, active: value === constants_1.MetricsDisplayType.TABLE, size: "small", type: "button", glyph: icon_1.Icon.ICONS.TABLE, onClick: () => onSelect(constants_1.MetricsDisplayType.TABLE), className: metrics_display_selector_module_css_1.default.button }, "Table"),
         react_1.default.createElement(button_1.Button, { outline: true, active: value === constants_1.MetricsDisplayType.TREEMAP, size: "small", type: "button", glyph: icon_1.Icon.ICONS.TREEMAP, onClick: () => onSelect(constants_1.MetricsDisplayType.TREEMAP), className: (0, classnames_1.default)(metrics_display_selector_module_css_1.default.button) }, "Treemap")));
 };

package/lib/components/metrics-display-selector/metrics-display-selector.js.map CHANGED Viewed

	@@ -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,+CAAqD;AACrD,~~wDAAoD;AACpD,~~4CAAyC;AACzC,wCAAqC;AACrC,gHAAwD;AAOjD,MAAM,sBAAsB,GAAG,CACpC,~~KACoE~~,~~EACpE~~,EAAE;IACF,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEhE,OAAO,CACL,8BAAC,~~sBAAS~~,IAAC,~~KAAK,EAAC,~~SAAS,~~EAAC,~~EAAE,~~EAAC,KAAK,EAAC,SAAS,EAAE,~~IAAA,oBAAE,EAAC,6CAAG,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,SAAS;~~QACnF~~,8BAAC,eAAM,IACL,OAAO,QACP,MAAM,EAAE,KAAK,KAAK,8BAAkB,CAAC,KAAK,EAC1C,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC,EACjD,SAAS,EAAE,6CAAG,CAAC,MAAM,YAGd;QACT,8BAAC,eAAM,IACL,OAAO,QACP,MAAM,EAAE,KAAK,KAAK,8BAAkB,CAAC,OAAO,EAC5C,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,OAAO,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,8BAAkB,CAAC,OAAO,CAAC,EACnD,SAAS,EAAE,IAAA,oBAAE,EAAC,6CAAG,CAAC,MAAM,CAAC,cAGlB,~~CACC~~,~~CACb~~,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,sBAAsB,0BAgCjC"}
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,+CAAqD;AACrD,4CAAyC;AACzC,0DAAsD;AACtD,wCAAqC;AACrC,gHAAwD;AAOjD,MAAM,sBAAsB,GAAG,CACpC,KACuE,EACvE,EAAE;IACF,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEhE,OAAO,CACL,8BAAC,4BAAY,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,6CAAG,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,SAAS;QAC7D,8BAAC,eAAM,IACL,OAAO,QACP,MAAM,EAAE,KAAK,KAAK,8BAAkB,CAAC,KAAK,EAC1C,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC,EACjD,SAAS,EAAE,6CAAG,CAAC,MAAM,YAGd;QACT,8BAAC,eAAM,IACL,OAAO,QACP,MAAM,EAAE,KAAK,KAAK,8BAAkB,CAAC,OAAO,EAC5C,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,OAAO,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,8BAAkB,CAAC,OAAO,CAAC,EACnD,SAAS,EAAE,IAAA,oBAAE,EAAC,6CAAG,CAAC,MAAM,CAAC,cAGlB,CACI,CAChB,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,sBAAsB,0BAgCjC"}

package/lib/components/metrics-table-header/metrics-table-header.js CHANGED Viewed

@@ -47,7 +47,7 @@ const JobColumn = ({ job, isBaseline }) => {
     if (!job) {
         return react_1.default.createElement(table_1.Table.Th, { colSpan: colSpan }, "-");
     }
-    return (react_1.default.createElement(table_1.Table.Th, { className: metrics_table_header_module_css_1.default.job, colSpan: colSpan },
+    return (react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_header_module_css_1.default.col, metrics_table_header_module_css_1.default.job), colSpan: colSpan },
         react_1.default.createElement(job_name_1.JobName, { title: isBaseline ? I18N.BASELINE_TITLE : I18N.CURRENT_TITLE, internalBuildNumber: internalBuildNumber, className: metrics_table_header_module_css_1.default.jobName }, label)));
 };
 const getRowsRunTotal = (rows, runIndex) => (0, sum_1.default)(rows.map((row) => row?.runs?.[runIndex]?.value || 0));
@@ -57,23 +57,23 @@ const SumColumn = ({ rows, isBaseline, runIndex, updateSort, sort }) => {
     const total = (0, utils_1.getMetricRunInfo)(METRIC_TYPE, currentRunTotal, baselineRunTotal);
     const fieldPath = `runs[${runIndex}]`;
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_header_module_css_1.default.value, metrics_table_header_module_css_1.default.sum) },
+        react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_header_module_css_1.default.col, metrics_table_header_module_css_1.default.value, metrics_table_header_module_css_1.default.sum) },
             react_1.default.createElement(sort_button_1.SortButton, { fieldPath: fieldPath, fieldName: "value", label: I18N.SORT_VALUE, updateSort: updateSort, sort: sort },
                 react_1.default.createElement(metric_1.Metric, { value: total.displayValue }))),
         !isBaseline && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_header_module_css_1.default.delta, metrics_table_header_module_css_1.default.sum) },
+            react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_header_module_css_1.default.col, metrics_table_header_module_css_1.default.delta, metrics_table_header_module_css_1.default.sum) },
                 react_1.default.createElement(sort_button_1.SortButton, { fieldPath: fieldPath, fieldName: "delta", label: I18N.SORT_CHANGE, updateSort: updateSort, sort: sort }, 'delta' in total && (react_1.default.createElement(delta_1.Delta, { displayValue: total.displayDelta, deltaType: total.deltaType })))),
-            react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_header_module_css_1.default.delta, metrics_table_header_module_css_1.default.deltaPercentage, metrics_table_header_module_css_1.default.sum) },
+            react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_header_module_css_1.default.col, metrics_table_header_module_css_1.default.delta, metrics_table_header_module_css_1.default.deltaPercentage, metrics_table_header_module_css_1.default.sum) },
                 react_1.default.createElement(sort_button_1.SortButton, { fieldPath: fieldPath, fieldName: "deltaPercentage", label: I18N.SORT_PERCENTUAL_CHANGE, updateSort: updateSort, sort: sort }, 'delta' in total && (react_1.default.createElement(delta_1.Delta, { displayValue: total.displayDeltaPercentage, deltaType: total.deltaType }))))))));
 };
 const MetricsTableHeader = (props) => {
     const { className = '', metricTitle = '', showSum = false, jobs, rows, sort, updateSort } = props;
     const rootClassName = (0, classnames_1.default)(metrics_table_header_module_css_1.default.root, showSum && metrics_table_header_module_css_1.default.showHeaderSum, className);
     return (react_1.default.createElement(table_1.Table.THead, { className: rootClassName },
-        react_1.default.createElement(table_1.Table.Tr, { className: metrics_table_header_module_css_1.default.headerRow },
-            react_1.default.createElement(table_1.Table.Th, { className: metrics_table_header_module_css_1.default.metricName, rowSpan: showSum ? 2 : 1 }, metricTitle || ' '),
+        react_1.default.createElement(table_1.Table.Tr, null,
+            react_1.default.createElement(table_1.Table.Th, { className: (0, classnames_1.default)(metrics_table_header_module_css_1.default.col, metrics_table_header_module_css_1.default.metric), rowSpan: showSum ? 2 : 1 }, metricTitle || ' '),
             jobs.map((job, runIndex) => (react_1.default.createElement(JobColumn, { job: job, isBaseline: runIndex === jobs.length - 1 })))),
-        showSum && (react_1.default.createElement(table_1.Table.Tr, { className: metrics_table_header_module_css_1.default.headerRow }, jobs.map((_, runIndex) => (react_1.default.createElement(SumColumn, { rows: rows, isBaseline: runIndex === jobs.length - 1, runIndex: runIndex, updateSort: updateSort, sort: sort })))))));
+        showSum && (react_1.default.createElement(table_1.Table.Tr, null, jobs.map((_, runIndex) => (react_1.default.createElement(SumColumn, { rows: rows, isBaseline: runIndex === jobs.length - 1, runIndex: runIndex, updateSort: updateSort, sort: sort })))))));
 };
 exports.MetricsTableHeader = MetricsTableHeader;
 //# sourceMappingURL=metrics-table-header.js.map

package/lib/components/metrics-table-header/metrics-table-header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"metrics-table-header.js","sourceRoot":"","sources":["../../../src/components/metrics-table-header/metrics-table-header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAC5B,qDAA6B;AAC7B,+CAK6B;AAE7B,0CAAuC;AACvC,oCAAiC;AACjC,0CAAsC;AACtC,sCAAmC;AACnC,gDAA4C;AAC5C,kEAAoD;AACpD,wGAAoD;AAEpD,MAAM,WAAW,GAAG,2BAAmB,CAAC,mBAAW,CAAC,QAAQ,CAAC,CAAC;AAC9D,MAAM,oBAAoB,GAAG,CAAC,CAAC;AAC/B,MAAM,mBAAmB,GAAG,CAAC,CAAC;AAO9B,MAAM,SAAS,GAAG,CAAC,EAAE,GAAG,EAAE,UAAU,EAAkB,EAAE,EAAE;IACxD,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,mBAAmB,CAAC;IACxE,MAAM,EAAE,KAAK,EAAE,mBAAmB,EAAE,GAAG,GAAG,CAAC;IAE3C,IAAI,CAAC,GAAG,EAAE;QACR,OAAO,8BAAC,aAAK,CAAC,EAAE,IAAC,OAAO,EAAE,OAAO,QAAc,CAAC;KACjD;IAED,OAAO,CACL,8BAAC,aAAK,CAAC,EAAE,IAAC,SAAS,EAAE,yCAAG,CAAC,GAAG,EAAE,OAAO,EAAE,OAAO;~~QAC5C~~,8BAAC,kBAAO,IACN,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAC5D,mBAAmB,EAAE,mBAAmB,EACxC,SAAS,EAAE,yCAAG,CAAC,OAAO,IAErB,KAAK,CACE,CACD,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,IAA4B,EAAE,QAAgB,EAAU,EAAE,CACjF,IAAA,aAAG,EAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC;AAU5D,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAkB,EAAE,EAAE;IACrF,MAAM,eAAe,GAAG,eAAe,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACxD,MAAM,gBAAgB,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,EAAE,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/E,MAAM,KAAK,GAAG,IAAA,wBAAgB,EAAC,WAAW,EAAE,eAAe,EAAE,gBAAgB,CAAC,CAAC;IAC/E,MAAM,SAAS,GAAG,QAAQ,QAAQ,GAAG,CAAC;IAEtC,OAAO,CACL;QACE,8BAAC,aAAK,CAAC,EAAE,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,yCAAG,CAAC,KAAK,EAAE,yCAAG,CAAC,GAAG,CAAC;~~YACzC~~,8BAAC,wBAAU,IACT,SAAS,EAAE,SAAS,EACpB,SAAS,EAAC,OAAO,EACjB,KAAK,EAAE,IAAI,CAAC,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI;gBAEV,8BAAC,eAAM,IAAC,KAAK,EAAE,KAAK,CAAC,YAAY,GAAI,CAC1B,CACJ;QACV,CAAC,UAAU,IAAI,CACd;YACE,8BAAC,aAAK,CAAC,EAAE,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,yCAAG,CAAC,KAAK,EAAE,yCAAG,CAAC,GAAG,CAAC;~~gBACzC~~,8BAAC,wBAAU,IACT,SAAS,EAAE,SAAS,EACpB,SAAS,EAAC,OAAO,EACjB,KAAK,EAAE,IAAI,CAAC,WAAW,EACvB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,IAET,OAAO,IAAI,KAAK,IAAI,CACnB,8BAAC,aAAK,IAAC,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAI,CACxE,CACU,CACJ;YACX,8BAAC,aAAK,CAAC,EAAE,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,yCAAG,CAAC,KAAK,EAAE,yCAAG,CAAC,eAAe,EAAE,yCAAG,CAAC,GAAG,CAAC;~~gBAC9D~~,8BAAC,wBAAU,IACT,SAAS,EAAE,SAAS,EACpB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE,IAAI,CAAC,sBAAsB,EAClC,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,IAET,OAAO,IAAI,KAAK,IAAI,CACnB,8BAAC,aAAK,IAAC,YAAY,EAAE,KAAK,CAAC,sBAAsB,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAI,CAClF,CACU,CACJ,CACV,CACJ,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AA6BK,MAAM,kBAAkB,GAAG,CAChC,KAA8D,EAC9D,EAAE;IACF,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,WAAW,GAAG,EAAE,EAAE,OAAO,GAAG,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAElG,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,yCAAG,CAAC,IAAI,EAAE,OAAO,IAAI,yCAAG,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;IAE5E,OAAO,CACL,8BAAC,aAAK,CAAC,KAAK,IAAC,SAAS,EAAE,aAAa;QACnC,8BAAC,aAAK,CAAC,EAAE~~,IAAC,SAAS,EAAE,yCAAG,CAAC,SAAS~~;~~YAChC~~,8BAAC,aAAK,CAAC,EAAE,IAAC,SAAS,EAAE,yCAAG,CAAC,~~UAAU~~,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,~~IAC1D~~,WAAW,IAAI,GAAG,CACV;YACV,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAC3B,8BAAC,SAAS,IAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,GAAI,CAClE,CAAC,CACO;QACV,OAAO,IAAI,CACV,8BAAC,aAAK,CAAC,EAAE,~~IAAC~~,~~SAAS,EAAE,yCAAG,CAAC,SAAS,IAC/B,~~IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,CAAC,CACzB,8BAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,QAAQ,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,EACxC,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,GACV,CACH,CAAC,CACO,CACZ,CACW,CACf,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,kBAAkB,sBAgC7B"}
1	+ {"version":3,"file":"metrics-table-header.js","sourceRoot":"","sources":["../../../src/components/metrics-table-header/metrics-table-header.tsx"],"names":[],"mappings":"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"}

package/lib/components/metrics-table-header/metrics-table-header.module.css CHANGED Viewed

@@ -1,9 +1,16 @@
 /* columns */
-.root .metricName {
+.root .col {
+  padding-top: var(--space-xxsmall);
+  padding-bottom: var(--space-xxsmall);
+}
+.root .metric {
   width: 55%;
+  vertical-align: middle;
 }
 .root .job {
+  padding-top: var(--space-xxsmall);
   text-align: right;
 }
@@ -30,13 +37,13 @@
 }
 /* columns overrides for showHeaderSum */
-.showHeaderSum .headerRow .job {
+.showHeaderSum .job {
   border-bottom: 0;
   padding-bottom: 0;
 }
-.showHeaderSum .headerRow .sum {
-  padding-top: var(--space-xxxsmall);
+.showHeaderSum .sum {
+  padding-top: 0;
   font-size: var(--size-small);
   vertical-align: middle;
   text-transform: none;

package/lib/components/metrics-table-options/metrics-table-options.js CHANGED Viewed

@@ -11,8 +11,8 @@ const dropdown_1 = require("../../ui/dropdown");
 const MetricsTableOptions = (props) => {
     const { className, handleViewAll, handleResetFilters, ...restProps } = props;
     return (react_1.default.createElement(dropdown_1.Dropdown, { className: className, glyph: "more-vertical", ...restProps },
-        handleResetFilters && (react_1.default.createElement(dropdown_1.Dropdown.Item, { onClick: handleResetFilters }, i18n_1.default.RESET_FILTERS)),
-        handleViewAll && (react_1.default.createElement(dropdown_1.Dropdown.Item, { onClick: handleViewAll }, i18n_1.default.VIEW_ALL))));
+        handleResetFilters && (react_1.default.createElement(dropdown_1.DropdownItem, { onClick: handleResetFilters }, i18n_1.default.RESET_FILTERS)),
+        handleViewAll && react_1.default.createElement(dropdown_1.DropdownItem, { onClick: handleViewAll }, i18n_1.default.VIEW_ALL)));
 };
 exports.MetricsTableOptions = MetricsTableOptions;
 exports.MetricsTableOptions.propTypes = {

package/lib/components/metrics-table-options/metrics-table-options.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"metrics-table-options.js","sourceRoot":"","sources":["../../../src/components/metrics-table-options/metrics-table-options.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AAEnC,sDAA8B;AAC9B,~~gDAA6C~~;~~AAEtC~~,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,~~EAAG~~,aAAa,EAAE,kBAAkB,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;~~IAE9E~~,OAAO,CACL,8BAAC,mBAAQ,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAC,eAAe,KAAK,SAAS;QAChE,kBAAkB,IAAI,CACrB,8BAAC,~~mBAAQ~~,~~CAAC,IAAI,~~IAAC,OAAO,EAAE,kBAAkB,~~IACvC~~,cAAI,CAAC,aAAa,~~CACL~~,~~CACjB~~;QACA,aAAa,IAAI,~~CAChB,~~8BAAC,~~mBAAQ~~,~~CAAC,IAAI,~~IAAC,OAAO,EAAE,aAAa,~~IAClC~~,cAAI,CAAC,QAAQ,~~CACA~~,~~CACjB~~,~~CACQ,~~CACZ,CAAC;AACJ,CAAC,CAAC;~~AAjBW~~,QAAA,mBAAmB,~~uBAiB9B~~;AAEF,2BAAmB,CAAC,SAAS,GAAG;IAC9B,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,aAAa,EAAE,oBAAS,CAAC,IAAI;IAC7B,kBAAkB,EAAE,oBAAS,CAAC,IAAI;CACnC,CAAC;AAEF,2BAAmB,CAAC,YAAY,GAAG;IACjC,SAAS,EAAE,EAAE;IACb,aAAa,EAAE,IAAI;IACnB,kBAAkB,EAAE,IAAI;CACzB,CAAC"}
1	+ {"version":3,"file":"metrics-table-options.js","sourceRoot":"","sources":["../../../src/components/metrics-table-options/metrics-table-options.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AAEnC,sDAA8B;AAC9B,gDAA2D;AAEpD,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,kBAAkB,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE7E,OAAO,CACL,8BAAC,mBAAQ,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAC,eAAe,KAAK,SAAS;QAChE,kBAAkB,IAAI,CACrB,8BAAC,uBAAY,IAAC,OAAO,EAAE,kBAAkB,IAAG,cAAI,CAAC,aAAa,CAAgB,CAC/E;QACA,aAAa,IAAI,8BAAC,uBAAY,IAAC,OAAO,EAAE,aAAa,IAAG,cAAI,CAAC,QAAQ,CAAgB,CAC7E,CACZ,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,mBAAmB,uBAW9B;AAEF,2BAAmB,CAAC,SAAS,GAAG;IAC9B,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,aAAa,EAAE,oBAAS,CAAC,IAAI;IAC7B,kBAAkB,EAAE,oBAAS,CAAC,IAAI;CACnC,CAAC;AAEF,2BAAmB,CAAC,YAAY,GAAG;IACjC,SAAS,EAAE,EAAE;IACb,aAAa,EAAE,IAAI;IACnB,kBAAkB,EAAE,IAAI;CACzB,CAAC"}

package/lib/components/metrics-table-title/metrics-table-title.js CHANGED Viewed

@@ -17,7 +17,7 @@ const metrics_table_title_module_css_1 = __importDefault(require("./metrics-tabl
 const MetricsTableTitle = (props) => {
     const { className, title, info, popoverInfo, popoverHref } = props;
     const rootClassName = (0, classnames_1.default)(metrics_table_title_module_css_1.default.root, className);
-    return (react_1.default.createElement(stack_1.Stack, { space: "xxxsmall", className: rootClassName },
+    return (react_1.default.createElement(stack_1.Stack, { space: "none", className: rootClassName },
         react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center", as: "h3", className: metrics_table_title_module_css_1.default.title },
             react_1.default.createElement("span", null, title),
             (popoverInfo || popoverHref) && (react_1.default.createElement(hover_card_1.HoverCard, { label: react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.HELP, className: metrics_table_title_module_css_1.default.anchorIcon }), anchorClassName: metrics_table_title_module_css_1.default.anchor },

package/lib/components/metrics-table-title/metrics-table-title.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"metrics-table-title.js","sourceRoot":"","sources":["../../../src/components/metrics-table-title/metrics-table-title.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,sDAA8B;AAC9B,wDAAoD;AACpD,8CAA2C;AAC3C,4CAAyC;AACzC,wCAAqC;AACrC,oDAAgD;AAChD,sGAAmD;AAE5C,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,EAAE;IACzC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACnE,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,wCAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,~~UAAU~~,EAAC,SAAS,EAAE,aAAa;~~QAC9C~~,8BAAC,sBAAS,IAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAE,wCAAG,CAAC,KAAK;YAC1E,4CAAO,KAAK,CAAQ;YAEnB,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,CAC/B,8BAAC,sBAAS,IACR,KAAK,EAAE,8BAAC,WAAI,IAAC,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,wCAAG,CAAC,UAAU,GAAI,EAClE,eAAe,EAAE,wCAAG,CAAC,MAAM;gBAE3B,8BAAC,aAAK,IAAC,KAAK,EAAC,UAAU;oBACpB,WAAW,IAAI,yCAAI,WAAW,CAAK;oBACnC,WAAW,IAAI,CACd;wBACE,8BAAC,eAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,IACzE,cAAI,CAAC,SAAS,CACR,CACP,CACL,CACK,CACE,CACb,CACS;QACX,IAAI,IAAI,qCAAG,SAAS,EAAE,wCAAG,CAAC,IAAI,IAAG,IAAI,CAAK,CACrC,CACT,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,iBAAiB,qBA8B5B;AAEF,yBAAiB,CAAC,SAAS,GAAG;IAC5B,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,oBAAS,CAAC,MAAM,CAAC,UAAU;IAClC,IAAI,EAAE,oBAAS,CAAC,IAAI;IACpB,WAAW,EAAE,oBAAS,CAAC,MAAM;IAC7B,WAAW,EAAE,oBAAS,CAAC,MAAM;CAC9B,CAAC;AAEF,yBAAiB,CAAC,YAAY,GAAG;IAC/B,SAAS,EAAE,EAAE;IACb,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;CAChB,CAAC"}
1	+ {"version":3,"file":"metrics-table-title.js","sourceRoot":"","sources":["../../../src/components/metrics-table-title/metrics-table-title.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,sDAA8B;AAC9B,wDAAoD;AACpD,8CAA2C;AAC3C,4CAAyC;AACzC,wCAAqC;AACrC,oDAAgD;AAChD,sGAAmD;AAE5C,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,EAAE;IACzC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACnE,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,wCAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,aAAa;QAC1C,8BAAC,sBAAS,IAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAE,wCAAG,CAAC,KAAK;YAC1E,4CAAO,KAAK,CAAQ;YAEnB,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,CAC/B,8BAAC,sBAAS,IACR,KAAK,EAAE,8BAAC,WAAI,IAAC,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,wCAAG,CAAC,UAAU,GAAI,EAClE,eAAe,EAAE,wCAAG,CAAC,MAAM;gBAE3B,8BAAC,aAAK,IAAC,KAAK,EAAC,UAAU;oBACpB,WAAW,IAAI,yCAAI,WAAW,CAAK;oBACnC,WAAW,IAAI,CACd;wBACE,8BAAC,eAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,IACzE,cAAI,CAAC,SAAS,CACR,CACP,CACL,CACK,CACE,CACb,CACS;QACX,IAAI,IAAI,qCAAG,SAAS,EAAE,wCAAG,CAAC,IAAI,IAAG,IAAI,CAAK,CACrC,CACT,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,iBAAiB,qBA8B5B;AAEF,yBAAiB,CAAC,SAAS,GAAG;IAC5B,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,oBAAS,CAAC,MAAM,CAAC,UAAU;IAClC,IAAI,EAAE,oBAAS,CAAC,IAAI;IACpB,WAAW,EAAE,oBAAS,CAAC,MAAM;IAC7B,WAAW,EAAE,oBAAS,CAAC,MAAM;CAC9B,CAAC;AAEF,yBAAiB,CAAC,YAAY,GAAG;IAC/B,SAAS,EAAE,EAAE;IACb,IAAI,EAAE,IAAI;IACV,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;CAChB,CAAC"}

package/lib/components/metrics-table-title/metrics-table-title.module.css CHANGED Viewed

@@ -19,6 +19,7 @@
 }
 .info {
+  font-size: var(--size-small);
   font-family: var(--font-family-fixed);
   font-weight: normal;
 }

package/lib/components/metrics-treemap/metrics-treemap.js CHANGED Viewed

@@ -37,9 +37,9 @@ const file_name_1 = require("../../ui/file-name");
 const delta_1 = require("../delta");
 const run_info_1 = require("../run-info");
 const metrics_treemap_module_css_1 = __importDefault(require("./metrics-treemap.module.css"));
-const SQUARIFY_RATIO = 1.78;
-const PADDING_OUTER = 1;
-const PADDING_INNER = 1;
+const SQUARIFY_RATIO = 1.33;
+const PADDING_OUTER = 0;
+const PADDING_INNER = 2;
 const PADDING_TOP = 4;
 const PADDING_BOTTOM = 2;
 const PADDING_LEFT = 16;
@@ -102,18 +102,16 @@ const LeafContentWithTooltip = (props) => {
             react_1.default.createElement(tooltip_1.TooltipArrow, { state: tooltipState, size: 16, className: metrics_treemap_module_css_1.default.leafTooltipArrow }),
             react_1.default.createElement(LeafTooltipContent, { item: item }))));
 };
-const LeafAction = (0, react_1.forwardRef)((props, ref) => (react_1.default.createElement("button", { type: "button", xmlns: "http://www.w3.org/1999/xhtml", ref: ref, ...props })));
 const Leaf = (props) => {
-    const { x, y, width, height, data, onClick } = props;
+    const { left, top, width, height, data, onClick } = props;
     const { item } = data;
     const runInfo = item.runs?.[0];
     const sizeDisplay = (0, react_1.useMemo)(() => resolveLeafSizeDisplay(width, height), [width, height]);
     const handleOnClick = (0, react_1.useCallback)(() => onClick?.(item.key), [item.key, onClick]);
     const leafContentRef = (0, react_1.useRef)(null);
     const hover = (0, react_use_1.useHoverDirty)(leafContentRef);
-    const leafClassName = (0, classnames_1.default)(metrics_treemap_module_css_1.default.leaf, metrics_treemap_module_css_1.default[`leaf-${runInfo.deltaType}`], sizeDisplay === 'small' && metrics_treemap_module_css_1.default.leafSmall);
-    return (react_1.default.createElement("foreignObject", { height: height, width: width, x: x, y: y, className: leafClassName },
-        react_1.default.createElement(LeafAction, { onClick: handleOnClick, ref: leafContentRef, className: metrics_treemap_module_css_1.default.leafAction }, hover ? (react_1.default.createElement(LeafContentWithTooltip, { sizeDisplay: sizeDisplay, item: item, runInfo: runInfo, parentRef: leafContentRef })) : (react_1.default.createElement(LeafContent, { sizeDisplay: sizeDisplay, item: item, runInfo: runInfo })))));
+    const leafClassName = (0, classnames_1.default)(metrics_treemap_module_css_1.default.leaf, metrics_treemap_module_css_1.default[`leaf-${runInfo.deltaType}`], sizeDisplay === 'small' && metrics_treemap_module_css_1.default.leafSmall, left === 0 && metrics_treemap_module_css_1.default.leafFirstCol);
+    return (react_1.default.createElement("button", { type: "button", onClick: handleOnClick, ref: leafContentRef, style: { left, top, width, height }, className: leafClassName }, hover ? (react_1.default.createElement(LeafContentWithTooltip, { sizeDisplay: sizeDisplay, item: item, runInfo: runInfo, parentRef: leafContentRef })) : (react_1.default.createElement(LeafContent, { sizeDisplay: sizeDisplay, item: item, runInfo: runInfo }))));
 };
 function useMetricsTreemapHierarchy(params) {
     const { items, width, height } = params;
@@ -153,11 +151,11 @@ const MetricsTreemap = (props) => {
     const { className = '', items, onItemClick, emptyMessage = 'No data', ...restProps } = props;
     const [containerRef, { width, height }] = (0, react_use_1.useMeasure)();
     const cells = useMetricsTreemapHierarchy({ items, width, height });
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(metrics_treemap_module_css_1.default.root, className), ...restProps, ref: containerRef }, cells.length > 0 ? (react_1.default.createElement("svg", { viewBox: `0 0 ${width} ${height}`, className: metrics_treemap_module_css_1.default.canvas }, cells.map((leaf) => {
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(metrics_treemap_module_css_1.default.root, className), ...restProps, ref: containerRef }, cells.length > 0 ? (react_1.default.createElement("div", { className: metrics_treemap_module_css_1.default.canvas }, cells.map((leaf) => {
         if (!leaf.parent) {
             return null;
         }
-        return (react_1.default.createElement(Leaf, { x: leaf.x0, y: leaf.y0, width: leaf.x1 - leaf.x0, height: leaf.y1 - leaf.y0, data: leaf.data, onClick: onItemClick, key: leaf.id }));
+        return (react_1.default.createElement(Leaf, { data: leaf.data, left: leaf.x0, top: leaf.y0, width: leaf.x1 - leaf.x0, height: leaf.y1 - leaf.y0, onClick: onItemClick, key: leaf.id }));
     }))) : (react_1.default.createElement("div", { className: metrics_treemap_module_css_1.default.emptyMessage },
         react_1.default.createElement("div", { className: metrics_treemap_module_css_1.default.emptyMessageWrapper }, emptyMessage)))));
 };

package/lib/components/metrics-treemap/metrics-treemap.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"metrics-treemap.js","sourceRoot":"","sources":["../../../src/components/metrics-treemap/metrics-treemap.tsx"],"names":[],"mappings":"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~~AAEF~~,MAAM,~~UAAU,GAAG,IAAA,kBAAU,EAAC,CAAC,KAAqC,EAAE,GAAG,EAAE,EAAE,CAAC,CAE5E,0CAAQ,~~IAAI,~~EAAC,QAAQ,EAAC,KAAK,EAAC,8BAA8B,EAAC,~~GAAG,~~EAAE,GAAG,KAAM,KAAK,GAAI,CACnF,~~CAAC,~~CAAC;AAwBH,MAAM,IAAI,GAAG,CAAC,~~KAAgB,EAAE,EAAE;IAChC,MAAM,EAAE,~~CAAC~~,EAAE,~~CAAC~~,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;~~IAErD~~,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IACtB,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAkB,CAAC;IAEhD,MAAM,WAAW,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAC1F,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;IAElF,MAAM,cAAc,GAAG,IAAA,cAAM,~~EAAc~~,IAAI,CAAC,CAAC;~~IACjD~~,MAAM,KAAK,GAAG,IAAA,yBAAa,EAAC,cAAc,CAAC,CAAC;IAE5C,MAAM,aAAa,GAAG,IAAA,oBAAE,EACtB,oCAAG,CAAC,IAAI,EACR,oCAAG,CAAC,QAAQ,OAAO,CAAC,SAAS,EAAE,CAAC,EAChC,WAAW,KAAK,OAAO,IAAI,oCAAG,CAAC,SAAS,~~CACzC~~,CAAC;IAEF,OAAO,CACL,~~iDAAe~~,~~MAAM~~,~~EAAE~~,~~MAAM~~,~~EAAE~~,~~KAAK~~,EAAE,~~KAAK~~,~~EAAE~~,~~CAAC~~,EAAE,~~CAAC~~,~~EAAE~~,~~CAAC~~,EAAE,~~CAAC,~~EAAE,~~SAAS~~,EAAE,~~aAAa;QAC/E~~,~~8BAAC,UAAU,IAAC,OAAO,~~EAAE,~~aAAa~~,EAAE,~~GAAG~~,EAAE,~~cAAc~~,~~EAAE,~~SAAS,EAAE,~~oCAAG~~,~~CAAC~~,~~UAAU,IAC/E,~~KAAK,CAAC,CAAC,CAAC,CACP,8BAAC,sBAAsB,IACrB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,cAAc,GACzB,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,WAAW,IAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,CACxE,~~CACU~~,~~CACC~~,~~CACjB,~~CAAC;AACJ,CAAC,CAAC;AAQF,SAAS,0BAA0B,CAAC,MAAwC;IAC1E,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAExC,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACpC,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAKlC,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC;YACvD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;YAElC,OAAO;gBACL,EAAE,EAAE,IAAI,CAAC,GAAG;gBACZ,KAAK;gBACL,IAAI;aACL,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,MAAM,WAAW,GAAG;YAClB,EAAE,EAAE,MAAM;YACV,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,CAAC;YACR,QAAQ;SACT,CAAC;QAEF,MAAM,eAAe,GAAG,IAAA,cAAS,EAAW,WAAW,CAAC,CAAC;QACzD,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAE1C,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;QAElD,OAAO,eAAe,CAAC;IACzB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,MAAM,kBAAkB,GAAG,IAAA,YAAO,GAAE;aACjC,IAAI,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;aACrB,IAAI,CAAC,oBAAe,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;aAC3C,YAAY,CAAC,aAAa,CAAC;aAC3B,YAAY,CAAC,aAAa,CAAC,CAAC;QAE/B,MAAM,YAAY,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;QAE1D,OAAO,YAAY,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEtC,OAAO,KAAK,CAAC;AACf,CAAC;AAQM,MAAM,cAAc,GAAG,CAAC,KAAwD,EAAE,EAAE;IACzF,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,GAAG,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE7F,MAAM,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,GAAG,IAAA,sBAAU,GAAkB,CAAC;IACvE,MAAM,KAAK,GAAG,0BAA0B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;IAEnE,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,oCAAG,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,SAAS,EAAE,GAAG,EAAE,YAAY,IACtE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,uCAAK,~~OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EAAE,~~SAAS,EAAE,oCAAG,CAAC,MAAM,~~IAC1D~~,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAClB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,OAAO,IAAI,CAAC;SACb;QAED,OAAO,CACL,8BAAC,IAAI,IACH,~~CAAC~~,EAAE,IAAI,CAAC,EAAE,~~EACV~~,CAAC,EAAE,IAAI,CAAC,EAAE,~~EACV~~,KAAK,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,EACxB,MAAM,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,EACzB,~~IAAI,EAAE,IAAI,CAAC,IAAgB,EAC3B,~~OAAO,EAAE,WAAW,EACpB,GAAG,EAAE,IAAI,CAAC,EAAE,GACZ,CACH,CAAC;IACJ,CAAC,CAAC,CACE,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAE,oCAAG,CAAC,YAAY;QAC9B,uCAAK,SAAS,EAAE,oCAAG,CAAC,mBAAmB,IAAG,YAAY,CAAO,CACzD,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAnCW,QAAA,cAAc,kBAmCzB"}
1	+ {"version":3,"file":"metrics-treemap.js","sourceRoot":"","sources":["../../../src/components/metrics-treemap/metrics-treemap.tsx"],"names":[],"mappings":"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"}

package/lib/components/metrics-treemap/metrics-treemap.module.css CHANGED Viewed

@@ -22,15 +22,13 @@
 }
 /** Leaf wrapper button */
-.leafAction {
-  position: relative;
+.leaf {
+  position: absolute;
   appearance: none;
   border: 0;
   border-radius: 0;
   padding: 0;
   background: none;
-  width: 100%;
-  height: 100%;
   display: flex;
   align-items: center;
   font-family: var(--font-family-fixed);
@@ -39,7 +37,7 @@
   text-align: left;
 }
-.leafAction::before {
+.leaf::before {
   content: "";
   display: block;
   position: absolute;
@@ -55,7 +53,7 @@
   opacity: 0.6;
 }
-.leaf:hover .leafAction::before {
+.leaf:hover::before {
   transition: var(--ui-transition-in);
   opacity: 0.4;
 }
@@ -74,7 +72,7 @@
 }
 /** Align label to other elements on the first column leafs */
-.leaf[x="1"] .leafContent {
+.leafFirstCol .leafContent {
   padding-left: var(--space-small);
 }
@@ -113,40 +111,40 @@
 }
 /** Tile diff variation */
-.leaf-NO_CHANGE .leafAction {
+.leaf-NO_CHANGE {
   color: var(--color-text-light);
 }
-.leaf-NO_CHANGE .leafAction::before {
+.leaf-NO_CHANGE::before {
   color: var(--color-gray-50);
   opacity: 0.4;
 }
-.leaf-NO_CHANGE:hover .leafAction::before {
+.leaf-NO_CHANGE:hover::before {
   opacity: 0.2;
 }
-.leaf-HIGH_NEGATIVE .leafAction::before {
+.leaf-HIGH_NEGATIVE::before {
   color: var(--color-red-100);
 }
-.leaf-NEGATIVE .leafAction::before {
+.leaf-NEGATIVE::before {
   color: var(--color-red-50);
 }
-.leaf-LOW_NEGATIVE .leafAction::before {
+.leaf-LOW_NEGATIVE::before {
   color: var(--color-red-25);
 }
-.leaf-LOW_POSITIVE .leafAction::before {
+.leaf-LOW_POSITIVE::before {
   color: var(--color-green-25);
 }
-.leaf-POSITIVE .leafAction::before {
+.leaf-POSITIVE::before {
   color: var(--color-green-50);
 }
-.leaf-HIGH_POSITIVE .leafAction::before {
+.leaf-HIGH_POSITIVE::before {
   color: var(--color-green-100);
 }

package/lib/ui/dropdown/dropdown.js CHANGED Viewed

@@ -3,54 +3,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dropdown = void 0;
+exports.Dropdown = exports.DropdownItem = void 0;
 const react_1 = __importDefault(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
 const classnames_1 = __importDefault(require("classnames"));
 const menu_1 = require("ariakit/menu");
 const button_1 = require("../button");
 const dropdown_module_css_1 = __importDefault(require("./dropdown.module.css"));
-const Item = ({ className = '', isActive = false, ...restProps }) => (react_1.default.createElement(menu_1.MenuItem, { className: (0, classnames_1.default)(dropdown_module_css_1.default.item, className, isActive && dropdown_module_css_1.default.itemActive), ...restProps }));
-Item.propTypes = {
-    className: prop_types_1.default.string,
-    isActive: prop_types_1.default.bool,
-};
-Item.defaultProps = {
-    className: '',
-    isActive: false,
+const DropdownItem = (props) => {
+    const { className = '', isActive = false, ...restProps } = props;
+    return (react_1.default.createElement(menu_1.MenuItem, { className: (0, classnames_1.default)(dropdown_module_css_1.default.item, className, isActive && dropdown_module_css_1.default.itemActive), ...restProps }));
 };
+exports.DropdownItem = DropdownItem;
 const Dropdown = (props) => {
-    const { className, buttonClassName, label, ariaLabel, glyph, disabled, children } = props;
-    const rootClassName = (0, classnames_1.default)(dropdown_module_css_1.default.root, className);
+    const { buttonClassName = '', dropdownClassName = '', label = null, ariaLabel = '', glyph = '', disabled = false, children, } = props;
+    const dropdownAriaLabel = ariaLabel || (typeof label === 'string' ? label : '');
     const menuState = (0, menu_1.useMenuState)();
-    return (react_1.default.createElement("div", { className: rootClassName },
+    return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(menu_1.MenuButton, { as: button_1.Button, outline: true, size: button_1.BUTTON_SIZE.SMALL, glyph: glyph, disabled: disabled, state: menuState, tabIndex: null, className: (0, classnames_1.default)(dropdown_module_css_1.default.button, buttonClassName) }, label),
-        react_1.default.createElement(menu_1.Menu, { state: menuState, "aria-label": ariaLabel || label, className: dropdown_module_css_1.default.dropdown }, typeof children === 'function'
-            ? children({
-                MenuItem: Item,
-                menu: menuState,
-                menuItemClassName: dropdown_module_css_1.default.item,
-                menuItemActiveClassName: dropdown_module_css_1.default.itemActive,
-            })
-            : children)));
+        react_1.default.createElement(menu_1.Menu, { portal: true, state: menuState, "aria-label": dropdownAriaLabel, className: (0, classnames_1.default)(dropdown_module_css_1.default.dropdown, dropdownClassName) }, children)));
 };
 exports.Dropdown = Dropdown;
-exports.Dropdown.defaultProps = {
-    className: '',
-    buttonClassName: '',
-    label: null,
-    ariaLabel: '',
-    glyph: null,
-    disabled: false,
-};
-exports.Dropdown.propTypes = {
-    className: prop_types_1.default.string,
-    buttonClassName: prop_types_1.default.string,
-    label: prop_types_1.default.node,
-    ariaLabel: prop_types_1.default.string,
-    glyph: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.node]),
-    disabled: prop_types_1.default.bool,
-    children: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.element, prop_types_1.default.func]).isRequired,
-};
-exports.Dropdown.Item = Item;
 //# sourceMappingURL=dropdown.js.map

package/lib/ui/dropdown/dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/ui/dropdown/dropdown.~~jsx~~"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,~~4DAAmC;AACnC,~~4DAA4B;AAC5B,uCAAwE;AAExE,sCAAgD;AAChD,gFAAwC;~~AAExC~~,MAAM,~~IAAI~~,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,SAAS,EAAE,~~EAAE~~,~~EAAE~~,CAAC,~~CACnE~~,8BAAC,eAAQ,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,6BAAG,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,IAAI,6BAAG,CAAC,UAAU,CAAC,KAAM,SAAS,GAAI,CAC5F,CAAC;~~AAEF~~,~~IAAI~~,CAAC~~,SAAS,GAAG~~;~~IACf~~,~~SAAS~~,~~EAAE~~,~~oBAAS~~,~~CAAC,~~MAAM~~;IAC3B~~,QAAQ,~~EAAE~~,~~oBAAS,~~CAAC,~~IAAI;CACzB~~,~~CAAC~~;~~AAEF~~,~~IAAI~~,~~CAAC~~,~~YAAY~~,GAAG~~;IAClB~~,~~SAAS,~~EAAE,~~EAAE;IACb~~,~~QAAQ~~,EAAE,KAAK~~;CAChB~~,~~CAAC;AAEK,MAAM,QAAQ,~~GAAG,~~CAAC~~,~~KAAK~~,~~EAAE~~,~~EAAE;IAChC~~,~~MAAM,~~EAAE,~~SAAS~~,~~EAAE~~,~~eAAe~~,EAAE,~~KAAK~~,~~EAAE~~,~~SAAS~~,~~EAAE,~~KAAK,~~EAAE~~,QAAQ,~~EAAE~~,~~QAAQ,EAAE,~~GAAG,KAAK,CAAC;~~IAC1F~~,MAAM,~~aAAa~~,GAAG,~~IAAA~~,~~oBAAE~~,~~EAAC~~,~~6BAAG~~,CAAC,~~IAAI~~,~~EAAE~~,~~SAAS~~,CAAC,CAAC;~~IAC9C~~,MAAM,SAAS,GAAG,IAAA,mBAAY,GAAE,CAAC;IAEjC,OAAO,CACL~~,uCAAK,SAAS,EAAE,aAAa~~;~~QAC3B~~,8BAAC,iBAAU,IACT,EAAE,EAAE,eAAM,EACV,OAAO,QACP,IAAI,EAAE,oBAAW,CAAC,KAAK,EACvB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,IAAI,EACd,SAAS,EAAE,IAAA,oBAAE,EAAC,6BAAG,CAAC,MAAM,EAAE,eAAe,CAAC,IAEzC,KAAK,CACK;QACb,8BAAC,WAAI,~~IAAC~~,KAAK,EAAE,SAAS,~~gBAAc~~,~~SAAS~~,~~IAAI~~,~~KAAK,EAAE,~~SAAS,EAAE,~~6BAAG~~,~~CAAC~~,~~QAAQ~~,~~IAC5E~~,~~OAAO,QAAQ,KAAK,UAAU;YAC7B,~~CAAC,~~CAAC,~~QAAQ,~~CAAC;gBACP,QAAQ,~~EAAE,~~IAAI;gBACd,IAAI,EAAE,SAAS;gBACf,~~iBAAiB,~~EAAE,6BAAG,~~CAAC,~~IAAI;gBAC3B~~,~~uBAAuB,EAAE,6BAAG,CAAC,UAAU;aACxC,CAAC;YACJ,CAAC,CAAC,~~QAAQ,~~CACP~~,~~CACH~~,~~CACP~~,CAAC;AACJ,CAAC,CAAC;~~AA/BW~~,QAAA,QAAQ,YA+BnB;AAEF,gBAAQ,CAAC,YAAY,GAAG;IACtB,SAAS,EAAE,EAAE;IACb,eAAe,EAAE,EAAE;IACnB,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,EAAE;IACb,KAAK,EAAE,IAAI;IACX,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,gBAAQ,CAAC,SAAS,GAAG;IAEnB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,eAAe,EAAE,oBAAS,CAAC,MAAM;IAGjC,KAAK,EAAE,oBAAS,CAAC,IAAI;IAGrB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,KAAK,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,MAAM,EAAE,oBAAS,CAAC,IAAI,CAAC,CAAC;IAG9D,QAAQ,EAAE,oBAAS,CAAC,IAAI;IAGxB,QAAQ,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,MAAM,EAAE,oBAAS,CAAC,OAAO,EAAE,oBAAS,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU;CAChG,CAAC;AAEF,gBAAQ,CAAC,IAAI,GAAG,IAAI,CAAC"}
1	+ {"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/ui/dropdown/dropdown.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAC5B,uCAAwE;AAExE,sCAAgD;AAChD,gFAAwC;AAMjC,MAAM,YAAY,GAAG,CAAC,KAAgE,EAAE,EAAE;IAC/F,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEjE,OAAO,CACL,8BAAC,eAAQ,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,6BAAG,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,IAAI,6BAAG,CAAC,UAAU,CAAC,KAAM,SAAS,GAAI,CAC5F,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,YAAY,gBAMvB;AAWK,MAAM,QAAQ,GAAG,CAAC,KAAkD,EAAE,EAAE;IAC7E,MAAM,EACJ,eAAe,GAAG,EAAE,EACpB,iBAAiB,GAAG,EAAE,EACtB,KAAK,GAAG,IAAI,EACZ,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,KAAK,EAChB,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,iBAAiB,GAAG,SAAS,IAAI,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAChF,MAAM,SAAS,GAAG,IAAA,mBAAY,GAAE,CAAC;IAEjC,OAAO,CACL;QACE,8BAAC,iBAAU,IACT,EAAE,EAAE,eAAM,EACV,OAAO,QACP,IAAI,EAAE,oBAAW,CAAC,KAAK,EACvB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,IAAI,EACd,SAAS,EAAE,IAAA,oBAAE,EAAC,6BAAG,CAAC,MAAM,EAAE,eAAe,CAAC,IAEzC,KAAK,CACK;QACb,8BAAC,WAAI,IACH,MAAM,QACN,KAAK,EAAE,SAAS,gBACJ,iBAAiB,EAC7B,SAAS,EAAE,IAAA,oBAAE,EAAC,6BAAG,CAAC,QAAQ,EAAE,iBAAiB,CAAC,IAE7C,QAAQ,CACJ,CACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,QAAQ,YAsCnB"}

package/lib/ui/dropdown/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/dropdown/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/dropdown/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B"}

package/lib/ui/filters/filters.js CHANGED Viewed

@@ -32,23 +32,20 @@ const classnames_1 = __importDefault(require("classnames"));
 const flex_stack_1 = require("../../layout/flex-stack");
 const stack_1 = require("../../layout/stack");
 const button_1 = require("../button");
+const control_group_1 = require("../control-group");
 const dropdown_1 = require("../dropdown");
 const input_search_1 = require("../input-search");
 const I18N = __importStar(require("./filters.i18n"));
 const filters_utils_1 = require("./filters.utils");
 const filters_module_css_1 = __importDefault(require("./filters.module.css"));
 const Filter = (props) => {
-    const { className = '', as: Component = 'div', buttonClassName = '', label, name, getOnOnlyClick, ...inputProps } = props;
-    const id = `filter-${name}`;
-    const rootClassName = (0, classnames_1.default)(filters_module_css_1.default.filter, className);
-    return (react_1.default.createElement(Component, { className: rootClassName },
-        react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center", as: "label", className: (0, classnames_1.default)(filters_module_css_1.default.filterCheckbox, buttonClassName) },
-            react_1.default.createElement("input", { type: "checkbox", id: id, name: name, ...inputProps, className: filters_module_css_1.default.filterInput }),
-            react_1.default.createElement("span", { title: label, className: filters_module_css_1.default.filterLabel }, label)),
-        getOnOnlyClick && (react_1.default.createElement(button_1.Button, { kind: "info", solid: true, size: "small", type: "button", onClick: getOnOnlyClick(name), className: filters_module_css_1.default.filterOnlyButton }, I18N.ONLY))));
+    const { className = '', label, name, ...inputProps } = props;
+    return (react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center", as: "label", className: (0, classnames_1.default)(filters_module_css_1.default.filter, className) },
+        react_1.default.createElement("input", { type: "checkbox", id: `filter-${name}`, name: name, ...inputProps, className: filters_module_css_1.default.filterControl }),
+        react_1.default.createElement("span", { title: label, className: filters_module_css_1.default.filterLabel }, label)));
 };
 const FilterGroup = (props) => {
-    const { className = '', buttonClassName = '', groupKey, data, values, onCheckboxChange, toggleFilters, } = props;
+    const { className = '', groupKey, data, values, onCheckboxChange, toggleFilters } = props;
     const [search, setSearch] = (0, react_1.useState)('');
     const { label: groupLabel, children: groupItems } = data;
     const areAllGroupItemsChecked = groupItems
@@ -59,7 +56,7 @@ const FilterGroup = (props) => {
     const dropdownLabel = (react_1.default.createElement(react_1.default.Fragment, null,
         `${groupLabel}:`,
         "\u00A0",
-        react_1.default.createElement("span", { className: (0, classnames_1.default)(hasCustomFilterSuffix && filters_module_css_1.default.labelSuffixCustom) }, filterSuffix)));
+        react_1.default.createElement("span", { className: (0, classnames_1.default)(hasCustomFilterSuffix && filters_module_css_1.default.filterGroupLabelSuffixCustom) }, filterSuffix)));
     const getOnGroupCheck = (value, overrides = {}) => () => {
         const newFilters = groupItems.reduce((agg, { key: itemKey }) => ({
             ...agg,
@@ -76,22 +73,22 @@ const FilterGroup = (props) => {
         }
         return groupItems.filter((item) => item.label.match(new RegExp(`${search}`, 'i')));
     }, [search, groupItems]);
-    return (react_1.default.createElement(dropdown_1.Dropdown, { className: className, buttonClassName: buttonClassName, label: dropdownLabel, ariaLabel: `${groupLabel}: ${filterSuffix}` }, ({ MenuItem, menuItemClassName }) => {
-        return (react_1.default.createElement(react_1.default.Fragment, null,
-            groupItems.length > 10 && (react_1.default.createElement("div", { className: filters_module_css_1.default.filterGroupSearchWrapper },
-                react_1.default.createElement(input_search_1.InputSearch, { defaultValue: search, onChange: setSearch, placeholder: I18N.GROUP_SEARCH, debounceWait: 0 }))),
-            react_1.default.createElement("div", { className: filters_module_css_1.default.filterGroupItems },
-                filteredGroupItems.length === 0 && (react_1.default.createElement(stack_1.Stack, { className: filters_module_css_1.default.filterGroupSearchNotFound },
-                    react_1.default.createElement("p", null, I18N.GROUP_NOT_FOUND),
-                    react_1.default.createElement("div", null,
-                        react_1.default.createElement(button_1.Button, { size: "small", kind: "primary", type: "button", onClick: () => setSearch(''), className: filters_module_css_1.default.filterGroupSearchNotFoundClear }, I18N.GROUP_SEARCH_CLEAR)))),
-                filteredGroupItems.map(({ key: itemKey, ...itemData }) => {
-                    const id = [groupKey, itemKey].join('.');
-                    const getOnOnlyClick = () => getOnGroupCheck(false, { [id]: true });
-                    return (react_1.default.createElement(Filter, { key: id, className: menuItemClassName, as: MenuItem, name: id, label: itemData.label, onChange: onCheckboxChange, checked: values[id], disabled: itemData.disabled, getOnOnlyClick: getOnOnlyClick }));
-                })),
-            filteredGroupItems.length !== 0 && (react_1.default.createElement("div", { className: filters_module_css_1.default.filterGroupActions }, areAllGroupItemsChecked ? (react_1.default.createElement(MenuItem, { id: "clear-all", as: "button", className: menuItemClassName, type: "button", onClick: getOnGroupCheck(false) }, I18N.CLEAR)) : (react_1.default.createElement(MenuItem, { id: "clear-all", as: "button", className: menuItemClassName, type: "button", onClick: getOnGroupCheck(true) }, I18N.CHECK))))));
-    }));
+    return (react_1.default.createElement(dropdown_1.Dropdown, { buttonClassName: className, label: dropdownLabel, ariaLabel: `${groupLabel}: ${filterSuffix}` },
+        groupItems.length > 10 && (react_1.default.createElement("div", { className: filters_module_css_1.default.filterGroupSearchWrapper },
+            react_1.default.createElement(input_search_1.InputSearch, { defaultValue: search, onChange: setSearch, placeholder: I18N.GROUP_SEARCH, debounceWait: 0 }))),
+        react_1.default.createElement("div", { className: filters_module_css_1.default.filterGroupItems },
+            filteredGroupItems.length === 0 && (react_1.default.createElement(stack_1.Stack, { className: filters_module_css_1.default.filterGroupSearchNotFound },
+                react_1.default.createElement("p", null, I18N.GROUP_NOT_FOUND),
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(button_1.Button, { size: "small", kind: "primary", type: "button", onClick: () => setSearch(''), className: filters_module_css_1.default.filterGroupSearchNotFoundClear }, I18N.GROUP_SEARCH_CLEAR)))),
+            filteredGroupItems.map(({ key: itemKey, ...itemData }) => {
+                const id = [groupKey, itemKey].join('.');
+                const getOnOnlyClick = () => getOnGroupCheck(false, { [id]: true });
+                return (react_1.default.createElement(dropdown_1.DropdownItem, { key: id, className: filters_module_css_1.default.filterGroupItem },
+                    react_1.default.createElement(Filter, { label: itemData.label, name: id, onChange: onCheckboxChange, checked: values[id], disabled: itemData.disabled, className: filters_module_css_1.default.filterGroupItemFilter }),
+                    react_1.default.createElement(button_1.Button, { kind: "info", solid: true, size: "small", type: "button", onClick: getOnOnlyClick(), disabled: itemData.disabled, className: filters_module_css_1.default.filterGroupOnlyButton }, I18N.ONLY)));
+            })),
+        filteredGroupItems.length !== 0 && (react_1.default.createElement("div", { className: filters_module_css_1.default.filterGroupActions }, areAllGroupItemsChecked ? (react_1.default.createElement(dropdown_1.DropdownItem, { id: "clear-all", onClick: getOnGroupCheck(false), role: "button" }, I18N.CLEAR)) : (react_1.default.createElement(dropdown_1.DropdownItem, { id: "clear-all", onClick: getOnGroupCheck(true), role: "button" }, I18N.CHECK))))));
 };
 const Filters = (props) => {
     const { className = '', values, filters, toggleFilter, toggleFilters } = props;
@@ -99,14 +96,15 @@ const Filters = (props) => {
         const { name } = event.target;
         toggleFilter(name, !values[name]);
     }, [toggleFilter, values]);
-    const rootClassName = (0, classnames_1.default)(filters_module_css_1.default.root, className);
-    return (react_1.default.createElement("form", { className: rootClassName },
-        react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxsmall", alignItems: "top", className: filters_module_css_1.default.items }, Object.entries(filters).map(([name, data]) => {
-            if ('defaultValue' in data) {
-                return (react_1.default.createElement(Filter, { key: name, className: (0, classnames_1.default)(filters_module_css_1.default.item, filters_module_css_1.default.filterStandalone), buttonClassName: filters_module_css_1.default.itemButton, name: name, label: data.label, onChange: onCheckboxChange, checked: values[name], disabled: data.disabled }));
-            }
-            return (react_1.default.createElement(FilterGroup, { className: filters_module_css_1.default.item, buttonClassName: filters_module_css_1.default.itemButton, key: name, groupKey: name, data: data, values: values, onCheckboxChange: onCheckboxChange, toggleFilters: toggleFilters }));
-        }))));
+    const filterList = Object.entries(filters);
+    const filterCount = filterList.length;
+    return (react_1.default.createElement(control_group_1.ControlGroup, { className: (0, classnames_1.default)(filters_module_css_1.default.root, className) }, filterList.map(([name, data], index) => {
+        const lastItem = index === filterCount - 1;
+        if ('defaultValue' in data) {
+            return (react_1.default.createElement(Filter, { name: name, label: data.label, onChange: onCheckboxChange, checked: values[name], disabled: data.disabled, key: name, className: (0, classnames_1.default)(filters_module_css_1.default.filterSingle, lastItem && filters_module_css_1.default.itemLast) }));
+        }
+        return (react_1.default.createElement(FilterGroup, { groupKey: name, data: data, values: values, onCheckboxChange: onCheckboxChange, toggleFilters: toggleFilters, className: (0, classnames_1.default)(lastItem && filters_module_css_1.default.itemLast), key: name }));
+    })));
 };
 exports.Filters = Filters;
 //# sourceMappingURL=filters.js.map