@bundle-stats/ui 4.1.1-alpha.1 → 4.1.1

package/lib/components/bundle-assets/bundle-assets.js

@@ -1,98 +1,56 @@
 "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.BundleAssets = void 0;
-
 var _map2 = _interopRequireDefault(require("lodash/map"));
-
 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 _config = _interopRequireDefault(require("../../config.json"));
-
 var _i18n = _interopRequireDefault(require("../../i18n"));
-
 var _flexStack = require("../../layout/flex-stack");
-
 var _icon = require("../../ui/icon");
-
 var _fileName = require("../../ui/file-name");
-
 var _hoverCard = require("../../ui/hover-card");
-
 var _tooltip = require("../../ui/tooltip");
-
 var _tag = require("../../ui/tag");
-
 var _filters = require("../../ui/filters");
-
 var _sortDropdown = require("../../ui/sort-dropdown");
-
 var _emptySet = require("../../ui/empty-set");
-
 var _toolbar = require("../../ui/toolbar");
-
 var _assetInfo = require("../asset-info");
-
 var _componentLink = require("../component-link");
-
 var _metricsTable = require("../metrics-table");
-
 var _metricsTableSearch = require("../metrics-table-search");
-
 var _metricsTableOptions = require("../metrics-table-options");
-
 var _metricsTableTitle = require("../metrics-table-title");
-
 var _bundleAssetsModule = _interopRequireDefault(require("./bundle-assets.module.css"));
-
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var RUN_TITLE_CURRENT = 'Current';
 var RUN_TITLE_BASELINE = 'Baseline';
 var RUNS_LABELS = [RUN_TITLE_CURRENT, RUN_TITLE_BASELINE];
-
 var getFileTypeFilters = function getFileTypeFilters(filters) {
   return Object.entries(_utils.FILE_TYPE_LABELS).map(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
-        id = _ref2[0],
-        label = _ref2[1];
-
+      id = _ref2[0],
+      label = _ref2[1];
     return _defineProperty({}, id, {
       label: label,
       defaultValue: (0, _get2["default"])(filters, "".concat(_utils.ASSET_FILE_TYPE, ".").concat(id), true)
@@ -101,12 +59,10 @@ var getFileTypeFilters = function getFileTypeFilters(filters) {
     return _objectSpread(_objectSpread({}, agg), current);
   }, {});
 };
-
 var getFilters = function getFilters(_ref4) {
   var _ASSET_ENTRY_TYPE, _ref5;
-
   var compareMode = _ref4.compareMode,
-      filters = _ref4.filters;
+    filters = _ref4.filters;
   return _ref5 = {}, _defineProperty(_ref5, _utils.ASSET_FILTERS.CHANGED, {
     label: 'Changed',
     defaultValue: filters[_utils.ASSET_FILTERS.CHANGED],
@@ -129,7 +85,6 @@ var getFilters = function getFilters(_ref4) {
     label: 'File type'
   }, getFileTypeFilters(filters))), _ref5;
 };
-
 var TooltipNotPredictive = function TooltipNotPredictive(_ref6) {
   var runs = _ref6.runs;
   return /*#__PURE__*/_react["default"].createElement("div", {
@@ -140,39 +95,35 @@ var TooltipNotPredictive = function TooltipNotPredictive(_ref6) {
     className: _bundleAssetsModule["default"].tooltipTable
   }, /*#__PURE__*/_react["default"].createElement("tr", null, runs.map(function (_ref7, index) {
     var name = _ref7.name,
-        value = _ref7.value;
+      value = _ref7.value;
     var key = index;
     return /*#__PURE__*/_react["default"].createElement("tr", {
       key: key
     }, /*#__PURE__*/_react["default"].createElement("th", null, RUNS_LABELS[index]), /*#__PURE__*/_react["default"].createElement("td", null, name), /*#__PURE__*/_react["default"].createElement("td", null, value));
   }))));
 };
-
 TooltipNotPredictive.defaultProps = {
   runs: []
 };
 TooltipNotPredictive.propTypes = {
   runs: _propTypes["default"].array // eslint-disable-line react/forbid-prop-types
-
 };
 
 var RowHeader = function RowHeader(_ref8) {
   var row = _ref8.row,
-      labels = _ref8.labels,
-      chunks = _ref8.chunks,
-      CustomComponentLink = _ref8.CustomComponentLink;
+    labels = _ref8.labels,
+    chunks = _ref8.chunks,
+    CustomComponentLink = _ref8.CustomComponentLink;
   var label = row.label,
-      isNotPredictive = row.isNotPredictive,
-      runs = row.runs,
-      isChunk = row.isChunk,
-      isEntry = row.isEntry,
-      isInitial = row.isInitial;
-
+    isNotPredictive = row.isNotPredictive,
+    runs = row.runs,
+    isChunk = row.isChunk,
+    isEntry = row.isEntry,
+    isInitial = row.isInitial;
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      showHoverCard = _useState2[0],
-      setHoverCard = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    showHoverCard = _useState2[0],
+    setHoverCard = _useState2[1];
   var handleOnMouseEnter = (0, _react.useCallback)(function () {
     return setHoverCard(true);
   }, [showHoverCard]);
@@ -209,13 +160,11 @@ var RowHeader = function RowHeader(_ref8) {
       name: label
     }));
   }, [isChunk, isEntry, isInitial, isNotPredictive, runs]);
-
   if (!showHoverCard) {
     return /*#__PURE__*/_react["default"].createElement("span", {
       onMouseEnter: handleOnMouseEnter
     }, content);
   }
-
   return /*#__PURE__*/_react["default"].createElement(_hoverCard.HoverCard, {
     label: content
   }, /*#__PURE__*/_react["default"].createElement(_assetInfo.AssetInfo, {
@@ -226,7 +175,6 @@ var RowHeader = function RowHeader(_ref8) {
     CustomComponentLink: CustomComponentLink
   }));
 };
-
 RowHeader.propTypes = {
   row: _propTypes["default"].shape({
     label: _propTypes["default"].string,
@@ -235,7 +183,6 @@ RowHeader.propTypes = {
     isInitial: _propTypes["default"].bool,
     isEntry: _propTypes["default"].bool,
     runs: _propTypes["default"].arrayOf(_propTypes["default"].object) // eslint-disable-line react/forbid-prop-types
-
   }).isRequired,
   chunks: _propTypes["default"].arrayOf(_propTypes["default"].shape({
     id: _propTypes["default"].string,
@@ -247,23 +194,22 @@ RowHeader.propTypes = {
 RowHeader.defaultProps = {
   chunks: []
 };
-
 var BundleAssets = function BundleAssets(props) {
   var className = props.className,
-      jobs = props.jobs,
-      items = props.items,
-      updateFilters = props.updateFilters,
-      resetFilters = props.resetFilters,
-      resetAllFilters = props.resetAllFilters,
-      totalRowCount = props.totalRowCount,
-      filters = props.filters,
-      hasActiveFilters = props.hasActiveFilters,
-      sortFields = props.sortFields,
-      sort = props.sort,
-      updateSort = props.updateSort,
-      search = props.search,
-      updateSearch = props.updateSearch,
-      CustomComponentLink = props.customComponentLink;
+    jobs = props.jobs,
+    items = props.items,
+    updateFilters = props.updateFilters,
+    resetFilters = props.resetFilters,
+    resetAllFilters = props.resetAllFilters,
+    totalRowCount = props.totalRowCount,
+    filters = props.filters,
+    hasActiveFilters = props.hasActiveFilters,
+    sortFields = props.sortFields,
+    sort = props.sort,
+    updateSort = props.updateSort,
+    search = props.search,
+    updateSearch = props.updateSearch,
+    CustomComponentLink = props.customComponentLink;
   var dropdownFilters = (0, _react.useMemo)(function () {
     return getFilters({
       compareMode: (jobs === null || jobs === void 0 ? void 0 : jobs.length) > 1,
@@ -280,7 +226,6 @@ var BundleAssets = function BundleAssets(props) {
   }, [items, totalRowCount]);
   var renderRowHeader = (0, _react.useCallback)(function (row) {
     var _jobs$, _jobs$$meta, _jobs$$meta$webpack;
-
     return /*#__PURE__*/_react["default"].createElement(RowHeader, {
       row: row,
       labels: (0, _map2["default"])(jobs, 'label'),
@@ -335,7 +280,6 @@ var BundleAssets = function BundleAssets(props) {
     title: metricsTableTitle
   })));
 };
-
 exports.BundleAssets = BundleAssets;
 BundleAssets.defaultProps = {
   className: '',
@@ -351,7 +295,6 @@ BundleAssets.propTypes = {
     meta: _propTypes["default"].shape({
       webpack: _propTypes["default"].shape({
         chunks: _propTypes["default"].array // eslint-disable-line react/forbid-prop-types
-
       })
     })
   })).isRequired,

package/lib/components/bundle-assets/bundle-assets.stories.js

@@ -1,53 +1,33 @@
 "use strict";
 
 var _set2 = _interopRequireDefault(require("lodash/set"));
-
 var _merge2 = _interopRequireDefault(require("lodash/merge"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@storybook/react");
-
 var _utils = require("@bundle-stats/utils");
-
 var _webpackStatsBaseline = _interopRequireDefault(require("../../../__mocks__/webpack-stats.baseline.json"));
-
 var _webpackStatsCurrent = _interopRequireDefault(require("../../../__mocks__/webpack-stats.current.json"));
-
 var _stories = require("../../stories");
-
 var _ = require(".");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var JOBS = (0, _utils.createJobs)([{
   webpack: _webpackStatsCurrent["default"]
 }, {
   webpack: _webpackStatsBaseline["default"]
 }]);
-
 var _JOBS = _slicedToArray(JOBS, 2),
-    currentJob = _JOBS[0],
-    baselineJob = _JOBS[1];
-
+  currentJob = _JOBS[0],
+  baselineJob = _JOBS[1];
 var setState = function setState(params) {
   return console.info(params);
 };
-
 var stories = (0, _react2.storiesOf)('Components/BundleAssets', module);
 stories.addDecorator((0, _stories.getWrapperDecorator)());
 stories.add('default', function () {
@@ -64,7 +44,6 @@ stories.add('multiple jobs', function () {
 });
 stories.add('custom filters', function () {
   var _ref;
-
   return /*#__PURE__*/_react["default"].createElement(_.BundleAssets, {
     jobs: JOBS,
     filters: (_ref = {}, _defineProperty(_ref, "".concat(_utils.ASSET_ENTRY_TYPE, ".").concat(_utils.ASSET_FILTERS.ENTRY), true), _defineProperty(_ref, "".concat(_utils.ASSET_FILE_TYPE, ".").concat(_utils.FILE_TYPE_JS), true), _ref),

package/lib/components/bundle-assets/bundle-assets.utils.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getRowFilter = exports.getIsNotPredictive = exports.getCustomSort = exports.addRowIsNotPredictive = exports.addRowAssetFlags = void 0;
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _utils = require("@bundle-stats/utils");
-
 var _bundleAssets = require("./bundle-assets.constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var addRowAssetFlags = function addRowAssetFlags(row) {
   var runs = row.runs;
   var isEntry = runs.map(function (run) {
@@ -38,73 +30,55 @@ var addRowAssetFlags = function addRowAssetFlags(row) {
     isAsset: isAsset
   });
 };
-
 exports.addRowAssetFlags = addRowAssetFlags;
-
 var getIsNotPredictive = function getIsNotPredictive(key, runs) {
   return runs.reduce(function (agg, current, index) {
     if (agg) {
       return agg;
     }
-
     if (index + 1 === runs.length) {
       return agg;
     }
-
     if (current && runs[index + 1] && current.delta !== 0 && key !== current.name && current.name === runs[index + 1].name) {
       return true;
     }
-
     return agg;
   }, false);
 };
-
 exports.getIsNotPredictive = getIsNotPredictive;
-
 var addRowIsNotPredictive = function addRowIsNotPredictive(row) {
   return _objectSpread(_objectSpread({}, row), {}, {
     isNotPredictive: getIsNotPredictive(row.key, row.runs)
   });
 };
-
 exports.addRowIsNotPredictive = addRowIsNotPredictive;
-
 var getRowFilter = function getRowFilter(filters) {
   return function (item) {
     if (filters[_utils.ASSET_FILTERS.CHANGED] && !item.changed) {
       return false;
     }
-
     if (!(filters["".concat(_utils.ASSET_ENTRY_TYPE, ".").concat(_utils.ASSET_FILTERS.ENTRY)] && item.isEntry || filters["".concat(_utils.ASSET_ENTRY_TYPE, ".").concat(_utils.ASSET_FILTERS.INITIAL)] && item.isInitial || filters["".concat(_utils.ASSET_ENTRY_TYPE, ".").concat(_utils.ASSET_FILTERS.CHUNK)] && item.isChunk || filters["".concat(_utils.ASSET_ENTRY_TYPE, ".").concat(_utils.ASSET_FILTERS.OTHER)] && item.isAsset)) {
       return false;
     }
-
     if (!filters["".concat(_utils.ASSET_FILE_TYPE, ".").concat((0, _utils.getFileType)(item.key))]) {
       return false;
     }
-
     return true;
   };
 };
-
 exports.getRowFilter = getRowFilter;
-
 var getCustomSort = function getCustomSort(sortId) {
   return function (item) {
     if (sortId === _bundleAssets.SORT_BY_NAME) {
       return item.key;
     }
-
     if (sortId === _bundleAssets.SORT_BY_DELTA) {
       return (0, _get2["default"])(item, 'runs[0].deltaPercentage', 0);
     }
-
     if (sortId === _bundleAssets.SORT_BY_SIZE) {
       return (0, _get2["default"])(item, 'runs[0].value', 0);
     }
-
     return [!item.isNotPredictive, !item.changed, !item.isInitial, !item.isEntry, !item.isChunk, item.key];
   };
 };
-
 exports.getCustomSort = getCustomSort;

package/lib/components/bundle-assets/index.js

@@ -1,72 +1,47 @@
 "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.BundleAssets = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var webpack = _interopRequireWildcard(require("@bundle-stats/utils/lib-esm/webpack"));
-
 var _utils = require("@bundle-stats/utils");
-
 var _componentLinks = require("@bundle-stats/utils/lib-esm/utils/component-links");
-
 var _rowsFilter = require("../../hooks/rows-filter");
-
 var _rowsSort = require("../../hooks/rows-sort");
-
 var _searchParams = require("../../hooks/search-params");
-
 var _bundleAssets = require("./bundle-assets");
-
 var _bundleAssets2 = require("./bundle-assets.utils");
-
 var _bundleAssets3 = require("./bundle-assets.constants");
-
 var _excluded = ["jobs", "filters", "search", "setState", "sortBy", "direction"];
-
 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; }
-
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 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 BundleAssets = function BundleAssets(props) {
   var jobs = props.jobs,
-      filters = props.filters,
-      search = props.search,
-      setState = props.setState,
-      sortBy = props.sortBy,
-      direction = props.direction,
-      restProps = _objectWithoutProperties(props, _excluded);
-
+    filters = props.filters,
+    search = props.search,
+    setState = props.setState,
+    sortBy = props.sortBy,
+    direction = props.direction,
+    restProps = _objectWithoutProperties(props, _excluded);
   var _useMemo = (0, _react.useMemo)(function () {
-    return {
-      defaultFilters: _objectSpread(_objectSpread(_defineProperty({}, _utils.ASSET_FILTERS.CHANGED, (jobs === null || jobs === void 0 ? void 0 : jobs.length) > 1), (0, _componentLinks.getAssetEntryTypeFilters)(true)), (0, _componentLinks.getAssetFileTypeFilters)(true)),
-      allEntriesFilters: _objectSpread(_objectSpread(_defineProperty({}, _utils.ASSET_FILTERS.CHANGED, false), (0, _componentLinks.getAssetEntryTypeFilters)(true)), (0, _componentLinks.getAssetFileTypeFilters)(true))
-    };
-  }, [jobs]),
-      defaultFilters = _useMemo.defaultFilters,
-      allEntriesFilters = _useMemo.allEntriesFilters;
-
+      return {
+        defaultFilters: _objectSpread(_objectSpread(_defineProperty({}, _utils.ASSET_FILTERS.CHANGED, (jobs === null || jobs === void 0 ? void 0 : jobs.length) > 1), (0, _componentLinks.getAssetEntryTypeFilters)(true)), (0, _componentLinks.getAssetFileTypeFilters)(true)),
+        allEntriesFilters: _objectSpread(_objectSpread(_defineProperty({}, _utils.ASSET_FILTERS.CHANGED, false), (0, _componentLinks.getAssetEntryTypeFilters)(true)), (0, _componentLinks.getAssetFileTypeFilters)(true))
+      };
+    }, [jobs]),
+    defaultFilters = _useMemo.defaultFilters,
+    allEntriesFilters = _useMemo.allEntriesFilters;
   var searchParams = (0, _searchParams.useSearchParams)({
     search: search,
     filters: filters,
@@ -74,17 +49,15 @@ var BundleAssets = function BundleAssets(props) {
     allEntriesFilters: allEntriesFilters,
     setState: setState
   });
-
   var _useMemo2 = (0, _react.useMemo)(function () {
-    var result = webpack.compareBySection.assets(jobs, [_bundleAssets2.addRowAssetFlags, _bundleAssets2.addRowIsNotPredictive]);
-    return {
-      rows: result,
-      totalRowCount: result.length
-    };
-  }, [jobs]),
-      rows = _useMemo2.rows,
-      totalRowCount = _useMemo2.totalRowCount;
-
+      var result = webpack.compareBySection.assets(jobs, [_bundleAssets2.addRowAssetFlags, _bundleAssets2.addRowIsNotPredictive]);
+      return {
+        rows: result,
+        totalRowCount: result.length
+      };
+    }, [jobs]),
+    rows = _useMemo2.rows,
+    totalRowCount = _useMemo2.totalRowCount;
   var filteredRows = (0, _rowsFilter.useRowsFilter)({
     rows: rows,
     searchPattern: searchParams.searchPattern,
@@ -104,7 +77,6 @@ var BundleAssets = function BundleAssets(props) {
     totalRowCount: totalRowCount
   }));
 };
-
 exports.BundleAssets = BundleAssets;
 BundleAssets.propTypes = {
   jobs: _propTypes["default"].arrayOf(_propTypes["default"].object).isRequired,

package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js

@@ -1,64 +1,36 @@
 "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.BundleAssetsTotalsChartBars = void 0;
-
 var _sum2 = _interopRequireDefault(require("lodash/sum"));
-
 var _max2 = _interopRequireDefault(require("lodash/max"));
-
 var _map2 = _interopRequireDefault(require("lodash/map"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var webpack = _interopRequireWildcard(require("@bundle-stats/utils/lib-esm/webpack"));
-
 var _utils = require("@bundle-stats/utils");
-
 var _constants = require("../../constants");
-
 var _horizontalBarChart = require("../../ui/horizontal-bar-chart");
-
 var _componentLink = require("../component-link");
-
 var _utils2 = require("../../utils");
-
 var _stack = require("../../layout/stack");
-
 var _summaryItem = require("../summary-item");
-
 var _bundleAssetsTotalsChartBarsModule = _interopRequireDefault(require("./bundle-assets-totals-chart-bars.module.css"));
-
 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 _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 getTooltip = function getTooltip(items, jobs, itemIndex, runIndex) {
   return function () {
     return /*#__PURE__*/_react["default"].createElement(_summaryItem.SummaryItem, {
@@ -74,11 +46,10 @@ var getTooltip = function getTooltip(items, jobs, itemIndex, runIndex) {
     });
   };
 };
-
 var BundleAssetsTotalsChartBars = function BundleAssetsTotalsChartBars(_ref) {
   var className = _ref.className,
-      jobs = _ref.jobs,
-      CustomComponentLink = _ref.customComponentLink;
+    jobs = _ref.jobs,
+    CustomComponentLink = _ref.customComponentLink;
   var rootClassName = (0, _classnames["default"])(_bundleAssetsTotalsChartBarsModule["default"].root, className);
   var items = webpack.compareBySection.sizes(jobs);
   var dataGraphs = [];
@@ -94,7 +65,7 @@ var BundleAssetsTotalsChartBars = function BundleAssetsTotalsChartBars(_ref) {
   var maxValue = (0, _max2["default"])(maxValues);
   var labels = items.map(function (_ref3) {
     var key = _ref3.key,
-        label = _ref3.label;
+      label = _ref3.label;
     var fileType = _constants.ASSETS_SIZES_FILE_TYPE_MAP[key];
     var componentData = (0, _utils.getBundleAssetsFileTypeComponentLink)(fileType, label);
     return /*#__PURE__*/_react["default"].createElement(CustomComponentLink, _extends({
@@ -132,7 +103,6 @@ var BundleAssetsTotalsChartBars = function BundleAssetsTotalsChartBars(_ref) {
     }));
   }));
 };
-
 exports.BundleAssetsTotalsChartBars = BundleAssetsTotalsChartBars;
 BundleAssetsTotalsChartBars.defaultProps = {
   className: '',