@bundle-stats/ui 4.1.1-alpha.3 → 4.1.2-alpha.0

package/lib/components/jobs-header/jobs-header.js

@@ -4,26 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.JobsHeader = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _i18n = _interopRequireDefault(require("../../i18n"));
-
 var _flexStack = require("../../layout/flex-stack");
-
 var _jobHeader = require("../job-header");
-
 var _jobsHeaderModule = _interopRequireDefault(require("./jobs-header.module.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var JobsHeader = function JobsHeader(props) {
   var className = props.className,
-      jobs = props.jobs;
+    jobs = props.jobs;
   var rootClassName = (0, _classnames["default"])(_jobsHeaderModule["default"].root, className);
   return /*#__PURE__*/_react["default"].createElement(_flexStack.FlexStack, {
     className: rootClassName,
@@ -37,12 +28,10 @@ var JobsHeader = function JobsHeader(props) {
     });
   }));
 };
-
 exports.JobsHeader = JobsHeader;
 JobsHeader.propTypes = {
   /** Adopted child classname */
   className: _propTypes["default"].string,
-
   /** Jobs data */
   jobs: _propTypes["default"].arrayOf(_propTypes["default"].shape({
     internalBuildNumber: _propTypes["default"].number

package/lib/components/jobs-header/jobs-header.stories.js

@@ -1,15 +1,10 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@storybook/react");
-
 var _stories = require("../../stories");
-
 var _ = require(".");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var stories = (0, _react2.storiesOf)('Components/JobsHeader', module);
 stories.addDecorator((0, _stories.getWrapperDecorator)());
 stories.add('default', function () {

package/lib/components/lighthouse-table/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _lighthouseTable = require("./lighthouse-table");
-
 Object.keys(_lighthouseTable).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _lighthouseTable[key]) return;

package/lib/components/lighthouse-table/lighthouse-table.js

@@ -1,29 +1,20 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LighthouseTable = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var lighthouse = _interopRequireWildcard(require("@bundle-stats/utils/lib-esm/lighthouse"));
-
 var _metricsTable = require("../metrics-table");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var LighthouseTable = function LighthouseTable(props) {
   var className = props.className,
-      jobs = props.jobs;
+    jobs = props.jobs;
   var items = lighthouse.compare(jobs);
   return /*#__PURE__*/_react["default"].createElement(_metricsTable.MetricsTable, {
     className: className,
@@ -31,7 +22,6 @@ var LighthouseTable = function LighthouseTable(props) {
     items: items
   });
 };
-
 exports.LighthouseTable = LighthouseTable;
 LighthouseTable.defaultProps = {
   className: '',
@@ -40,5 +30,4 @@ LighthouseTable.defaultProps = {
 LighthouseTable.propTypes = {
   className: _propTypes["default"].string,
   jobs: _propTypes["default"].array // eslint-disable-line react/forbid-prop-types
-
 };

package/lib/components/lighthouse-table/lighthouse-table.stories.js

@@ -1,19 +1,12 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@storybook/react");
-
 var _utils = require("@bundle-stats/utils");
-
 var _lighthouse = _interopRequireDefault(require("../../../__mocks__/lighthouse.json"));
-
 var _stories = require("../../stories");
-
 var _ = require(".");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var stories = (0, _react2.storiesOf)('Components/LighthouseTable', module);
 stories.addDecorator((0, _stories.getWrapperDecorator)());
 var JOBS = (0, _utils.createJobs)([{

package/lib/components/metric/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _metric = require("./metric");
-
 Object.keys(_metric).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _metric[key]) return;

package/lib/components/metric/metric.js

@@ -1,68 +1,51 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Metric = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _metricModule = _interopRequireDefault(require("./metric.module.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 // Separate value and unit
 var EXTRACT_VALUE_UNIT_PATTERN = /([\d|.|,| ]*)(\w*|%)$/;
-
 var Metric = function Metric(_ref) {
   var className = _ref.className,
-      value = _ref.value,
-      formatter = _ref.formatter,
-      inline = _ref.inline,
-      children = _ref.children,
-      enhanced = _ref.enhanced;
-
+    value = _ref.value,
+    formatter = _ref.formatter,
+    inline = _ref.inline,
+    children = _ref.children,
+    enhanced = _ref.enhanced;
   var _useMemo = (0, _react.useMemo)(function () {
-    var formattedValue = formatter === null || formatter === void 0 ? void 0 : formatter(value);
-
-    if (!formattedValue) {
-      return {
-        displayValue: value
-      };
-    }
-
-    if (!enhanced) {
+      var formattedValue = formatter === null || formatter === void 0 ? void 0 : formatter(value);
+      if (!formattedValue) {
+        return {
+          displayValue: value
+        };
+      }
+      if (!enhanced) {
+        return {
+          displayValue: formattedValue
+        };
+      }
+      var matches = formattedValue.match(EXTRACT_VALUE_UNIT_PATTERN);
+      if (!matches) {
+        return {
+          displayValue: value
+        };
+      }
       return {
-        displayValue: formattedValue
+        displayUnit: matches[2],
+        displayValue: matches[1]
       };
-    }
-
-    var matches = formattedValue.match(EXTRACT_VALUE_UNIT_PATTERN);
-
-    if (!matches) {
-      return {
-        displayValue: value
-      };
-    }
-
-    return {
-      displayUnit: matches[2],
-      displayValue: matches[1]
-    };
-  }, [formatter, value]),
-      displayValue = _useMemo.displayValue,
-      displayUnit = _useMemo.displayUnit;
-
+    }, [formatter, value]),
+    displayValue = _useMemo.displayValue,
+    displayUnit = _useMemo.displayUnit;
   var rootClassName = (0, _classnames["default"])(className, _metricModule["default"].root, inline && _metricModule["default"].inline);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: rootClassName
@@ -76,7 +59,6 @@ var Metric = function Metric(_ref) {
     className: _metricModule["default"].delta
   }, children));
 };
-
 exports.Metric = Metric;
 Metric.defaultProps = {
   className: '',

package/lib/components/metric/metric.stories.js

@@ -1,17 +1,11 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@storybook/react");
-
 var _stories = require("../../stories");
-
 var _delta = require("../delta");
-
 var _ = require(".");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var stories = (0, _react2.storiesOf)('Components/Metric', module);
 stories.addDecorator((0, _stories.getWrapperDecorator)({
   maxWidth: '200px'

package/lib/components/metrics-table/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _metricsTable = require("./metrics-table");
-
 Object.keys(_metricsTable).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _metricsTable[key]) return;

package/lib/components/metrics-table/metrics-table.js

@@ -1,75 +1,45 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MetricsTable = void 0;
-
 var _sum2 = _interopRequireDefault(require("lodash/sum"));
-
 var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _utils = require("@bundle-stats/utils");
-
 var _table = require("../../ui/table");
-
 var _metric = require("../metric");
-
 var _delta = require("../delta");
-
 var _jobName = require("../job-name");
-
 var _metricsTableModule = _interopRequireDefault(require("./metrics-table.module.css"));
-
 var _excluded = ["className", "renderRowHeader", "runs", "items", "emptyMessage", "showHeaderSum", "headerRows", "title"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 var METRIC_TYPE_DATA = (0, _utils.getGlobalMetricType)(null, _utils.METRIC_TYPE_FILE_SIZE);
-
 var getRowsRunTotal = function getRowsRunTotal(rows, runIndex) {
   return (0, _sum2["default"])(rows.map(function (row) {
     return (0, _get2["default"])(row, "runs[".concat(runIndex, "].value"), 0);
   }));
 };
-
 var getHeaderLabelCells = function getHeaderLabelCells(rows) {
   return function (run, runIndex, runs) {
     var isBaseline = runIndex === runs.length - 1;
     var className = (0, _classnames["default"])(_metricsTableModule["default"].value, isBaseline ? _metricsTableModule["default"].baseline : _metricsTableModule["default"].current);
-
     if (!run) {
       return [{
         children: '-',
@@ -79,17 +49,15 @@ var getHeaderLabelCells = function getHeaderLabelCells(rows) {
         className: _metricsTableModule["default"].delta
       }] : []));
     }
-
     var label = run.label,
-        internalBuildNumber = run.internalBuildNumber;
-
+      internalBuildNumber = run.internalBuildNumber;
     var jobName = /*#__PURE__*/_react["default"].createElement(_jobName.JobName, {
       title: runIndex === 0 ? 'Current' : 'Baseline',
       internalBuildNumber: internalBuildNumber,
       className: _metricsTableModule["default"].jobName
     }, label);
-
-    return [// Value column
+    return [
+    // Value column
     {
       children: jobName,
       className: className
@@ -99,7 +67,6 @@ var getHeaderLabelCells = function getHeaderLabelCells(rows) {
     }] : []));
   };
 };
-
 var getHeaderTotalCells = function getHeaderTotalCells(rows) {
   return function (run, runIndex, runs) {
     var isBaseline = runIndex === runs.length - 1;
@@ -107,7 +74,8 @@ var getHeaderTotalCells = function getHeaderTotalCells(rows) {
     var currentRunTotal = getRowsRunTotal(rows, runIndex);
     var baselineRunTotal = !isBaseline && getRowsRunTotal(rows, runIndex + 1);
     var infoTotal = (0, _utils.getMetricRunInfo)(METRIC_TYPE_DATA, currentRunTotal, baselineRunTotal);
-    return [// Value column
+    return [
+    // Value column
     {
       children: /*#__PURE__*/_react["default"].createElement(_metric.Metric, {
         className: _metricsTableModule["default"].tableHeaderRunMetric,
@@ -123,11 +91,11 @@ var getHeaderTotalCells = function getHeaderTotalCells(rows) {
     }] : []));
   };
 };
-
 var getHeaderRows = function getHeaderRows(runs, items, showHeaderSum, title) {
   return [{
     className: _metricsTableModule["default"].headerRowColumns,
-    cells: [// Metric name column - one empty strying to render the column
+    cells: [
+    // Metric name column - one empty strying to render the column
     {
       children: title || ' ',
       className: _metricsTableModule["default"].metricName,
@@ -138,18 +106,18 @@ var getHeaderRows = function getHeaderRows(runs, items, showHeaderSum, title) {
     cells: runs.map(getHeaderTotalCells(items)).flat()
   }] : []));
 };
-
 var MetricsTableRow = function MetricsTableRow(_ref) {
   var item = _ref.item,
-      renderRowHeader = _ref.renderRowHeader;
+    renderRowHeader = _ref.renderRowHeader;
   return /*#__PURE__*/_react["default"].createElement(_table.Table.Tr, {
     className: (0, _classnames["default"])(!item.changed && _metricsTableModule["default"].unchanged)
   }, /*#__PURE__*/_react["default"].createElement(_table.Table.Th, {
     className: _metricsTableModule["default"].metricName
   }, renderRowHeader(item)), item.runs.map(function (run, index) {
     var isBaseline = index === item.runs.length - 1;
-    var valueClassName = (0, _classnames["default"])(_metricsTableModule["default"].value, !isBaseline && _metricsTableModule["default"].current); // Empty cells if no value
+    var valueClassName = (0, _classnames["default"])(_metricsTableModule["default"].value, !isBaseline && _metricsTableModule["default"].current);
 
+    // Empty cells if no value
     if (!run || typeof run.value === 'undefined') {
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_table.Table.Td, {
         className: valueClassName
@@ -157,11 +125,10 @@ var MetricsTableRow = function MetricsTableRow(_ref) {
         className: _metricsTableModule["default"].delta
       }));
     }
-
     var displayValue = run.displayValue,
-        deltaPercentage = run.deltaPercentage,
-        displayDeltaPercentage = run.displayDeltaPercentage,
-        deltaType = run.deltaType;
+      deltaPercentage = run.deltaPercentage,
+      displayDeltaPercentage = run.displayDeltaPercentage,
+      deltaType = run.deltaType;
     return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_table.Table.Td, {
       className: valueClassName
     }, /*#__PURE__*/_react["default"].createElement(_metric.Metric, {
@@ -174,7 +141,6 @@ var MetricsTableRow = function MetricsTableRow(_ref) {
     })));
   }));
 };
-
 MetricsTableRow.propTypes = {
   item: _propTypes["default"].shape({
     changed: _propTypes["default"].bool,
@@ -188,42 +154,38 @@ MetricsTableRow.propTypes = {
   }).isRequired,
   renderRowHeader: _propTypes["default"].func.isRequired
 };
-
 var MetricsTable = function MetricsTable(_ref2) {
   var className = _ref2.className,
-      renderRowHeader = _ref2.renderRowHeader,
-      runs = _ref2.runs,
-      items = _ref2.items,
-      emptyMessage = _ref2.emptyMessage,
-      showHeaderSum = _ref2.showHeaderSum,
-      headerRows = _ref2.headerRows,
-      title = _ref2.title,
-      restProps = _objectWithoutProperties(_ref2, _excluded);
-
+    renderRowHeader = _ref2.renderRowHeader,
+    runs = _ref2.runs,
+    items = _ref2.items,
+    emptyMessage = _ref2.emptyMessage,
+    showHeaderSum = _ref2.showHeaderSum,
+    headerRows = _ref2.headerRows,
+    title = _ref2.title,
+    restProps = _objectWithoutProperties(_ref2, _excluded);
   var _useMemo = (0, _react.useMemo)(function () {
-    var headerColumns = getHeaderRows(runs, items, showHeaderSum, title);
-    return {
-      headers: [].concat(_toConsumableArray(headerRows), _toConsumableArray(headerColumns)),
-      // First header row has the column class names
-      columnClassNames: headerColumns[0].cells.map(function (headerColumn) {
-        return headerColumn.className;
-      })
-    };
-  }, [headerRows, runs, items, showHeaderSum, title]),
-      headers = _useMemo.headers,
-      columnClassNames = _useMemo.columnClassNames;
-
+      var headerColumns = getHeaderRows(runs, items, showHeaderSum, title);
+      return {
+        headers: [].concat(_toConsumableArray(headerRows), _toConsumableArray(headerColumns)),
+        // First header row has the column class names
+        columnClassNames: headerColumns[0].cells.map(function (headerColumn) {
+          return headerColumn.className;
+        })
+      };
+    }, [headerRows, runs, items, showHeaderSum, title]),
+    headers = _useMemo.headers,
+    columnClassNames = _useMemo.columnClassNames;
   var rootClassName = (0, _classnames["default"])(_metricsTableModule["default"].root, className, runs.length > 1 && _metricsTableModule["default"].multipleRuns, showHeaderSum && _metricsTableModule["default"].showHeaderSum);
   return /*#__PURE__*/_react["default"].createElement(_table.Table, _extends({
     className: rootClassName,
     compact: true
   }, restProps), /*#__PURE__*/_react["default"].createElement(_table.Table.THead, null, headers.map(function (headerRow) {
     var _ref3 = headerRow.cells ? headerRow : {
-      cells: headerRow
-    },
-        cells = _ref3.cells,
-        rowClassName = _ref3.className;
-
+        cells: headerRow
+      },
+      cells = _ref3.cells,
+      rowClassName = _ref3.className;
     return /*#__PURE__*/_react["default"].createElement(_table.Table.Tr, {
       className: rowClassName
     }, cells.map(function (header) {
@@ -240,7 +202,6 @@ var MetricsTable = function MetricsTable(_ref2) {
     colSpan: (columnClassNames === null || columnClassNames === void 0 ? void 0 : columnClassNames.length) || 1
   }, emptyMessage))));
 };
-
 exports.MetricsTable = MetricsTable;
 MetricsTable.defaultProps = {
   className: '',

package/lib/components/metrics-table/metrics-table.stories.js

@@ -1,15 +1,10 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@storybook/react");
-
 var _stories = require("../../stories");
-
 var _ = require(".");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var RUNS = [{
   internalBuildNumber: 2,
   label: 'Job #2'

package/lib/components/metrics-table-options/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _metricsTableOptions = require("./metrics-table-options");
-
 Object.keys(_metricsTableOptions).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _metricsTableOptions[key]) return;

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

@@ -4,46 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MetricsTableOptions = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _i18n = _interopRequireDefault(require("../../i18n"));
-
 var _dropdown = require("../../ui/dropdown");
-
 var _excluded = ["className", "handleViewAll", "handleResetFilters"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var MetricsTableOptions = function MetricsTableOptions(props) {
   var className = props.className,
-      handleViewAll = props.handleViewAll,
-      handleResetFilters = props.handleResetFilters,
-      restProps = _objectWithoutProperties(props, _excluded);
-
+    handleViewAll = props.handleViewAll,
+    handleResetFilters = props.handleResetFilters,
+    restProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_dropdown.Dropdown, _extends({
     className: className,
     glyph: "menu"
   }, restProps), function (_ref) {
     var MenuItem = _ref.MenuItem,
-        menu = _ref.menu,
-        menuItemClassName = _ref.menuItemClassName;
-
+      menu = _ref.menu,
+      menuItemClassName = _ref.menuItemClassName;
     var getButtonOnClick = function getButtonOnClick(handler) {
       return function () {
         handler();
         menu.toggle();
       };
     };
-
     return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, handleResetFilters && /*#__PURE__*/_react["default"].createElement(MenuItem, _extends({}, menu, {
       className: menuItemClassName,
       onClick: getButtonOnClick(handleResetFilters)
@@ -53,7 +40,6 @@ var MetricsTableOptions = function MetricsTableOptions(props) {
     }), _i18n["default"].VIEW_ALL));
   });
 };
-
 exports.MetricsTableOptions = MetricsTableOptions;
 MetricsTableOptions.propTypes = {
   className: _propTypes["default"].string,

package/lib/components/metrics-table-options/metrics-table-options.stories.js

@@ -1,15 +1,10 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@storybook/react");
-
 var _stories = require("../../stories");
-
 var _ = require(".");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var stories = (0, _react2.storiesOf)('Components/MetricsTableOptions', module);
 stories.addDecorator((0, _stories.getWrapperDecorator)());
 stories.add('default', function () {

package/lib/components/metrics-table-search/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _metricsTableSearch = require("./metrics-table-search");
-
 Object.keys(_metricsTableSearch).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _metricsTableSearch[key]) return;