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

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

@@ -1,21 +1,13 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@storybook/react");
-
 var _utils = require("@bundle-stats/utils");
-
 var _webpackStatsCurrent = _interopRequireDefault(require("../../../__mocks__/webpack-stats.current.json"));
-
 var _webpackStatsBaseline = _interopRequireDefault(require("../../../__mocks__/webpack-stats.baseline.json"));
-
 var _stories = require("../../stories");
-
 var _bundleAssetsTotalsChartBars = require("./bundle-assets-totals-chart-bars");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var JOBS = (0, _utils.createJobs)([{
   webpack: _webpackStatsCurrent["default"]
 }, {

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

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

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

@@ -1,63 +1,42 @@
 "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.BundleAssetsTotalsTable = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("@bundle-stats/utils");
-
 var webpack = _interopRequireWildcard(require("@bundle-stats/utils/lib-esm/webpack"));
-
 var _constants = require("../../constants");
-
 var _metricsTable = require("../metrics-table");
-
 var _componentLink = require("../component-link");
-
 var _excluded = ["className", "jobs", "customComponentLink"];
-
 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; }
-
 var BundleAssetsTotalsTable = function BundleAssetsTotalsTable(_ref) {
   var className = _ref.className,
-      jobs = _ref.jobs,
-      CustomComponentLink = _ref.customComponentLink,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
+    jobs = _ref.jobs,
+    CustomComponentLink = _ref.customComponentLink,
+    restProps = _objectWithoutProperties(_ref, _excluded);
   var items = webpack.compareBySection.sizes(jobs);
-
   var renderRowHeader = function renderRowHeader(item) {
     var fileType = _constants.ASSETS_SIZES_FILE_TYPE_MAP[item.key];
-
     var _getBundleAssetsFileT = (0, _utils.getBundleAssetsFileTypeComponentLink)(fileType, item.label),
-        section = _getBundleAssetsFileT.section,
-        title = _getBundleAssetsFileT.title,
-        params = _getBundleAssetsFileT.params;
-
+      section = _getBundleAssetsFileT.section,
+      title = _getBundleAssetsFileT.title,
+      params = _getBundleAssetsFileT.params;
     return /*#__PURE__*/_react["default"].createElement(CustomComponentLink, {
       section: section,
       title: title,
       params: params
     }, item.label);
   };
-
   return /*#__PURE__*/_react["default"].createElement(_metricsTable.MetricsTable, _extends({
     className: className,
     runs: jobs,
@@ -66,7 +45,6 @@ var BundleAssetsTotalsTable = function BundleAssetsTotalsTable(_ref) {
     showHeaderSum: true
   }, restProps));
 };
-
 exports.BundleAssetsTotalsTable = BundleAssetsTotalsTable;
 BundleAssetsTotalsTable.defaultProps = {
   className: '',
@@ -76,9 +54,9 @@ BundleAssetsTotalsTable.defaultProps = {
 BundleAssetsTotalsTable.propTypes = {
   /** Addopted child class name */
   className: _propTypes["default"].string,
-
   /** Jobs data */
   jobs: _propTypes["default"].array,
   // eslint-disable-line react/forbid-prop-types
+
   customComponentLink: _propTypes["default"].elementType
 };

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

@@ -4,32 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.SingleJob = exports.MultipleJobs = exports.EmptyBaseline = void 0;
-
 var _react = _interopRequireDefault(require("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 }; }
-
 var _default = {
   title: 'Components/BundleAssetsTotalsTable',
   component: _.BundleAssetsTotalsTable,
   decorators: [(0, _stories.getWrapperDecorator)()]
 };
 exports["default"] = _default;
-
 var Template = function Template(args) {
   return /*#__PURE__*/_react["default"].createElement(_.BundleAssetsTotalsTable, args);
 };
-
 var SingleJob = Template.bind();
 exports.SingleJob = SingleJob;
 SingleJob.args = {

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

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

package/lib/components/bundle-modules/bundle-modules.constants.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SORT_BY_SIZE = exports.SORT_BY_NAME = exports.SORT_BY_DELTA = exports.SORT_BY = void 0;
-
 var _SORT_BY;
-
 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 SORT_BY_NAME = 'name';
 exports.SORT_BY_NAME = SORT_BY_NAME;
 var SORT_BY_SIZE = 'size';

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

@@ -1,92 +1,52 @@
 "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.BundleModules = void 0;
-
 var _map2 = _interopRequireDefault(require("lodash/map"));
-
 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 _config = _interopRequireDefault(require("../../config.json"));
-
 var _i18n = _interopRequireDefault(require("../../i18n"));
-
 var _componentLink = require("../component-link");
-
 var _flexStack = require("../../layout/flex-stack");
-
 var _emptySet = require("../../ui/empty-set");
-
 var _fileName = require("../../ui/file-name");
-
 var _filters = require("../../ui/filters");
-
 var _hoverCard = require("../../ui/hover-card");
-
 var _sortDropdown = require("../../ui/sort-dropdown");
-
 var _tag = require("../../ui/tag");
-
 var _toolbar = require("../../ui/toolbar");
-
 var _metricsTable = require("../metrics-table");
-
 var _metricsTableSearch = require("../metrics-table-search");
-
 var _metricsTableOptions = require("../metrics-table-options");
-
 var _metricsTableTitle = require("../metrics-table-title");
-
 var _moduleInfo = require("../module-info");
-
 var _bundleModulesModule = _interopRequireDefault(require("./bundle-modules.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 _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; }
-
 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 getFilters = function getFilters(_ref) {
   var _MODULE_SOURCE_TYPE, _objectSpread2;
-
   var filters = _ref.filters,
-      compareMode = _ref.compareMode,
-      chunks = _ref.chunks;
+    compareMode = _ref.compareMode,
+    chunks = _ref.chunks;
   return _objectSpread(_objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, _utils.MODULE_FILTERS.CHANGED, {
     label: 'Changed',
     defaultValue: filters.changed,
@@ -106,7 +66,7 @@ var getFilters = function getFilters(_ref) {
     label: 'Chunk'
   }, chunks.reduce(function (chunkFilters, _ref2) {
     var id = _ref2.id,
-        name = _ref2.name;
+      name = _ref2.name;
     return _objectSpread(_objectSpread({}, chunkFilters), {}, _defineProperty({}, id, {
       label: name,
       defaultValue: (0, _get2["default"])(filters, "".concat(_utils.MODULE_CHUNK, ".").concat(id), true)
@@ -120,19 +80,16 @@ var getFilters = function getFilters(_ref) {
     }));
   }, {}))));
 };
-
 var RowHeader = function RowHeader(_ref4) {
   var row = _ref4.row,
-      chunks = _ref4.chunks,
-      labels = _ref4.labels,
-      CustomComponentLink = _ref4.CustomComponentLink;
+    chunks = _ref4.chunks,
+    labels = _ref4.labels,
+    CustomComponentLink = _ref4.CustomComponentLink;
   var chunkIds = (0, _map2["default"])(chunks, 'id');
-
   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]);
@@ -148,13 +105,11 @@ var RowHeader = function RowHeader(_ref4) {
       name: row.label
     }));
   }, [row]);
-
   if (!showHoverCard) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       onMouseEnter: handleOnMouseEnter
     }, content);
   }
-
   return /*#__PURE__*/_react["default"].createElement(_hoverCard.HoverCard, {
     label: content
   }, /*#__PURE__*/_react["default"].createElement(_moduleInfo.ModuleInfo, {
@@ -166,7 +121,6 @@ var RowHeader = function RowHeader(_ref4) {
     customComponentLink: CustomComponentLink
   }));
 };
-
 RowHeader.propTypes = {
   row: _propTypes["default"].shape({
     label: _propTypes["default"].string,
@@ -182,24 +136,23 @@ RowHeader.propTypes = {
 RowHeader.defaultProps = {
   chunks: []
 };
-
 var BundleModules = function BundleModules(_ref5) {
   var className = _ref5.className,
-      jobs = _ref5.jobs,
-      items = _ref5.items,
-      chunks = _ref5.chunks,
-      totalRowCount = _ref5.totalRowCount,
-      updateFilters = _ref5.updateFilters,
-      resetFilters = _ref5.resetFilters,
-      resetAllFilters = _ref5.resetAllFilters,
-      filters = _ref5.filters,
-      sortFields = _ref5.sortFields,
-      sort = _ref5.sort,
-      updateSort = _ref5.updateSort,
-      search = _ref5.search,
-      updateSearch = _ref5.updateSearch,
-      hasActiveFilters = _ref5.hasActiveFilters,
-      CustomComponentLink = _ref5.customComponentLink;
+    jobs = _ref5.jobs,
+    items = _ref5.items,
+    chunks = _ref5.chunks,
+    totalRowCount = _ref5.totalRowCount,
+    updateFilters = _ref5.updateFilters,
+    resetFilters = _ref5.resetFilters,
+    resetAllFilters = _ref5.resetAllFilters,
+    filters = _ref5.filters,
+    sortFields = _ref5.sortFields,
+    sort = _ref5.sort,
+    updateSort = _ref5.updateSort,
+    search = _ref5.search,
+    updateSearch = _ref5.updateSearch,
+    hasActiveFilters = _ref5.hasActiveFilters,
+    CustomComponentLink = _ref5.customComponentLink;
   var rootClassName = (0, _classnames["default"])(_bundleModulesModule["default"].root, className);
   var dropdownFilters = (0, _react.useMemo)(function () {
     return getFilters({
@@ -272,7 +225,6 @@ var BundleModules = function BundleModules(_ref5) {
     title: metricsTableTitle
   }));
 };
-
 exports.BundleModules = BundleModules;
 BundleModules.defaultProps = {
   className: '',
@@ -285,7 +237,6 @@ BundleModules.defaultProps = {
 BundleModules.propTypes = {
   /** Adopted child class name */
   className: _propTypes["default"].string,
-
   /** Rows data */
   items: _propTypes["default"].array,
   // eslint-disable-line react/forbid-prop-types
@@ -299,17 +250,13 @@ BundleModules.propTypes = {
     id: _propTypes["default"].string,
     name: _propTypes["default"].string
   })).isRequired,
-
   /** total row count */
   totalRowCount: _propTypes["default"].number,
-
   /** Update filters handler */
   updateFilters: _propTypes["default"].func.isRequired,
-
   /** Reset filters handler */
   resetFilters: _propTypes["default"].func.isRequired,
   resetAllFilters: _propTypes["default"].func.isRequired,
-
   /** Filters data */
   filters: _propTypes["default"].shape({
     changed: _propTypes["default"].bool

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

@@ -1,50 +1,35 @@
 "use strict";
 
 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 _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; }
-
 // Limit the side of the modules when not in dev mode (chromatic limit, snapshot too large)
 var _ref = process.env.NODE_ENV !== 'development' ? {
-  // eslint-disable-next-line prefer-object-spread
-  baselineStats: Object.assign({}, _webpackStatsBaseline["default"], {
-    modules: _webpackStatsBaseline["default"].modules.slice(0, 100)
-  }),
-  // eslint-disable-next-line prefer-object-spread
-  currentStats: Object.assign({}, _webpackStatsCurrent["default"], {
-    modules: _webpackStatsCurrent["default"].modules.slice(0, 100)
-  })
-} : {
-  baselineStats: _webpackStatsBaseline["default"],
-  currentStats: _webpackStatsCurrent["default"]
-},
-    baselineStats = _ref.baselineStats,
-    currentStats = _ref.currentStats;
-
+    // eslint-disable-next-line prefer-object-spread
+    baselineStats: Object.assign({}, _webpackStatsBaseline["default"], {
+      modules: _webpackStatsBaseline["default"].modules.slice(0, 100)
+    }),
+    // eslint-disable-next-line prefer-object-spread
+    currentStats: Object.assign({}, _webpackStatsCurrent["default"], {
+      modules: _webpackStatsCurrent["default"].modules.slice(0, 100)
+    })
+  } : {
+    baselineStats: _webpackStatsBaseline["default"],
+    currentStats: _webpackStatsCurrent["default"]
+  },
+  baselineStats = _ref.baselineStats,
+  currentStats = _ref.currentStats;
 var JOBS = (0, _utils.createJobs)([{
   webpack: currentStats
 }, {
@@ -69,8 +54,9 @@ stories.add('empty baseline', function () {
   return /*#__PURE__*/_react["default"].createElement(_.BundleModules, {
     jobs: JOBS_EMPTY_BASELINE
   });
-}); // Module moved between chunks
+});
 
+// Module moved between chunks
 var JOBS_MOVED_MODULE = (0, _utils.createJobs)([{
   webpack: {
     chunks: [{

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

@@ -4,149 +4,115 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useModuleFilterByChunk = exports.getRowFilter = exports.getCustomSort = exports.addRowSourceFlag = void 0;
-
 var _merge2 = _interopRequireDefault(require("lodash/merge"));
-
 var _intersection2 = _interopRequireDefault(require("lodash/intersection"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = require("react");
-
 var _webpack = require("@bundle-stats/utils/lib-esm/webpack");
-
 var _utils = require("@bundle-stats/utils");
-
 var _bundleModules = require("./bundle-modules.constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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 _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; }
-
 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 addRowSourceFlag = function addRowSourceFlag(row) {
   var key = row.key,
-      runs = row.runs; // @NOTE Assign instead destructuring for perf reasons
-  // eslint-disable-next-line no-param-reassign
-
-  row.thirdParty = Boolean(key.match(_webpack.MODULE_PATH_PACKAGES)); // eslint-disable-next-line no-param-reassign
+    runs = row.runs;
 
+  // @NOTE Assign instead destructuring for perf reasons
+  // eslint-disable-next-line no-param-reassign
+  row.thirdParty = Boolean(key.match(_webpack.MODULE_PATH_PACKAGES));
+  // eslint-disable-next-line no-param-reassign
   row.duplicated = Boolean(runs.find(function (run) {
     return (run === null || run === void 0 ? void 0 : run.duplicated) === true;
   }));
   return row;
 };
-
 exports.addRowSourceFlag = addRowSourceFlag;
-
 var getCustomSort = function getCustomSort(sortBy) {
   return function (item) {
     if (sortBy === _bundleModules.SORT_BY_NAME) {
       return item.key;
     }
-
     if (sortBy === _bundleModules.SORT_BY_SIZE) {
       return (0, _get2["default"])(item, 'runs[0].value', 0);
     }
-
     if (sortBy === _bundleModules.SORT_BY_DELTA) {
       return (0, _get2["default"])(item, 'runs[0].deltaPercentage', 0);
     }
-
     return [!item.changed, item.key];
   };
 };
-
 exports.getCustomSort = getCustomSort;
-
 var getRowFilter = function getRowFilter(filters) {
   return function (row) {
     // Skip not changed rows
     if (filters[_utils.MODULE_FILTERS.CHANGED] && !row.changed) {
       return false;
-    } // Skip not duplicated rows
-
+    }
 
+    // Skip not duplicated rows
     if (filters[_utils.MODULE_FILTERS.DUPLICATED] && !row.duplicated) {
       return false;
-    } // Skip not matching source type
-
+    }
 
+    // Skip not matching source type
     if (!(filters["".concat(_utils.MODULE_SOURCE_TYPE, ".").concat(_utils.MODULE_FILTERS.FIRST_PARTY)] && row.thirdParty === false || filters["".concat(_utils.MODULE_SOURCE_TYPE, ".").concat(_utils.MODULE_FILTERS.THIRD_PARTY)] && row.thirdParty === true)) {
       return false;
-    } // Skip not matching source file types
-
+    }
 
+    // Skip not matching source file types
     var fileType = (0, _utils.getModuleSourceFileType)(row.key);
-
     if (!filters["".concat(_utils.MODULE_FILE_TYPE, ".").concat(fileType)]) {
       return false;
     }
-
     return true;
   };
 };
-
 exports.getRowFilter = getRowFilter;
-
 var useModuleFilterByChunk = function useModuleFilterByChunk(_ref) {
   var jobs = _ref.jobs,
-      filters = _ref.filters,
-      chunkIds = _ref.chunkIds;
+    filters = _ref.filters,
+    chunkIds = _ref.chunkIds;
   var filteredJobs = (0, _react.useMemo)(function () {
     // List of chunkIds with filter value set to `true`
     var includedChunkIds = chunkIds.reduce(function (agg, chunkId) {
       if ((0, _get2["default"])(filters, "".concat(_utils.MODULE_CHUNK, ".").concat(chunkId))) {
         return [].concat(_toConsumableArray(agg), [chunkId]);
       }
-
       return agg;
-    }, []); // If all the filters are included, return jobs as they are
+    }, []);
 
+    // If all the filters are included, return jobs as they are
     if (includedChunkIds.length === chunkIds.length) {
       return jobs;
     }
-
     var jobsWithFilteredData = jobs.map(function (job) {
       var _job$metrics, _job$metrics$webpack;
-
       var modules = job === null || job === void 0 ? void 0 : (_job$metrics = job.metrics) === null || _job$metrics === void 0 ? void 0 : (_job$metrics$webpack = _job$metrics.webpack) === null || _job$metrics$webpack === void 0 ? void 0 : _job$metrics$webpack.modules;
-
       if (!modules) {
         return job;
       }
-
       var filteredModules = Object.entries(modules).reduce(function (agg, _ref2) {
         var _ref3 = _slicedToArray(_ref2, 2),
-            moduleId = _ref3[0],
-            moduleEntry = _ref3[1];
-
+          moduleId = _ref3[0],
+          moduleEntry = _ref3[1];
         var match = (0, _intersection2["default"])(moduleEntry.chunkIds, includedChunkIds);
-
         if (match.length > 0) {
           agg[moduleId] = moduleEntry; // eslint-disable-line no-param-reassign
         }
 
         return agg;
-      }, {}); // Copy job data into a new object to prevent mutations of the original data
+      }, {});
 
+      // Copy job data into a new object to prevent mutations of the original data
       var newJob = (0, _merge2["default"])({}, job);
       newJob.metrics.webpack.modules = filteredModules;
       return newJob;
@@ -155,5 +121,4 @@ var useModuleFilterByChunk = function useModuleFilterByChunk(_ref) {
   }, [jobs, filters, chunkIds]);
   return filteredJobs;
 };
-
 exports.useModuleFilterByChunk = useModuleFilterByChunk;