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

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

@@ -1,88 +1,60 @@
 "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 _uniqBy2 = _interopRequireDefault(require("lodash/uniqBy"));
-
 var _react = _interopRequireWildcard(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 _rowsFilter = require("../../hooks/rows-filter");
-
 var _rowsSort = require("../../hooks/rows-sort");
-
 var _searchParams = require("../../hooks/search-params");
-
 var _bundleModules = require("./bundle-modules");
-
 var _bundleModules2 = require("./bundle-modules.utils");
-
 var _bundleModules3 = require("./bundle-modules.constants");
-
 var _excluded = ["jobs", "filters", "search", "setState", "sortBy", "direction"];
-
 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 _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 BundleModules = function BundleModules(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 chunks = (0, _uniqBy2["default"])(jobs.map(function (job) {
     var _job$meta, _job$meta$webpack;
-
     return (job === null || job === void 0 ? void 0 : (_job$meta = job.meta) === null || _job$meta === void 0 ? void 0 : (_job$meta$webpack = _job$meta.webpack) === null || _job$meta$webpack === void 0 ? void 0 : _job$meta$webpack.chunks) || [];
   }).flat(), function (_ref) {
     var id = _ref.id;
     return id;
   });
   var chunkIds = (0, _map2["default"])(chunks, 'id');
-
   var _useMemo = (0, _react.useMemo)(function () {
-    return {
-      defaultFilters: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-        changed: (jobs === null || jobs === void 0 ? void 0 : jobs.length) > 1
-      }, (0, _utils.getModuleSourceTypeFilters)(true)), (0, _utils.getModuleChunkFilters)(chunkIds, true)), (0, _utils.getModuleFileTypeFilters)(true)), {}, _defineProperty({}, _utils.MODULE_FILTERS.DUPLICATED, false)),
-      allEntriesFilters: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-        changed: false
-      }, (0, _utils.getModuleSourceTypeFilters)(true)), (0, _utils.getModuleChunkFilters)(chunkIds, true)), (0, _utils.getModuleFileTypeFilters)(true)), {}, _defineProperty({}, _utils.MODULE_FILTERS.DUPLICATED, false))
-    };
-  }, [jobs]),
-      defaultFilters = _useMemo.defaultFilters,
-      allEntriesFilters = _useMemo.allEntriesFilters;
-
+      return {
+        defaultFilters: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+          changed: (jobs === null || jobs === void 0 ? void 0 : jobs.length) > 1
+        }, (0, _utils.getModuleSourceTypeFilters)(true)), (0, _utils.getModuleChunkFilters)(chunkIds, true)), (0, _utils.getModuleFileTypeFilters)(true)), {}, _defineProperty({}, _utils.MODULE_FILTERS.DUPLICATED, false)),
+        allEntriesFilters: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+          changed: false
+        }, (0, _utils.getModuleSourceTypeFilters)(true)), (0, _utils.getModuleChunkFilters)(chunkIds, true)), (0, _utils.getModuleFileTypeFilters)(true)), {}, _defineProperty({}, _utils.MODULE_FILTERS.DUPLICATED, false))
+      };
+    }, [jobs]),
+    defaultFilters = _useMemo.defaultFilters,
+    allEntriesFilters = _useMemo.allEntriesFilters;
   var searchParams = (0, _searchParams.useSearchParams)({
     search: search,
     filters: filters,
@@ -95,17 +67,15 @@ var BundleModules = function BundleModules(props) {
     filters: searchParams.filters,
     chunkIds: chunkIds
   });
-
   var _useMemo2 = (0, _react.useMemo)(function () {
-    var result = webpack.compareBySection.modules(filteredJobsByChunkIds, [_bundleModules2.addRowSourceFlag]);
-    return {
-      rows: result,
-      totalRowCount: result.length
-    };
-  }, [filteredJobsByChunkIds]),
-      rows = _useMemo2.rows,
-      totalRowCount = _useMemo2.totalRowCount;
-
+      var result = webpack.compareBySection.modules(filteredJobsByChunkIds, [_bundleModules2.addRowSourceFlag]);
+      return {
+        rows: result,
+        totalRowCount: result.length
+      };
+    }, [filteredJobsByChunkIds]),
+    rows = _useMemo2.rows,
+    totalRowCount = _useMemo2.totalRowCount;
   var filteredRows = (0, _rowsFilter.useRowsFilter)({
     rows: rows,
     searchPattern: searchParams.searchPattern,
@@ -126,7 +96,6 @@ var BundleModules = function BundleModules(props) {
     totalRowCount: totalRowCount
   }));
 };
-
 exports.BundleModules = BundleModules;
 BundleModules.propTypes = {
   jobs: _propTypes["default"].arrayOf(_propTypes["default"].object).isRequired,

package/lib/components/bundle-packages/bundle-packages.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-packages/bundle-packages.js

@@ -1,81 +1,46 @@
 "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.BundlePackages = void 0;
-
 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 _stack = require("../../layout/stack");
-
 var _flexStack = require("../../layout/flex-stack");
-
 var _emptySet = require("../../ui/empty-set");
-
 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 _fileName = require("../../ui/file-name");
-
 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 _bundlePackagesModule = _interopRequireDefault(require("./bundle-packages.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; }
-
 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 _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 getDropdownFilters = function getDropdownFilters(_ref) {
   var _ref2;
-
   var compareMode = _ref.compareMode,
-      filters = _ref.filters;
+    filters = _ref.filters;
   return _ref2 = {}, _defineProperty(_ref2, _utils.PACKAGE_FILTERS.CHANGED, {
     label: 'Changed',
     defaultValue: filters[_utils.PACKAGE_FILTERS.CHANGED],
@@ -85,21 +50,18 @@ var getDropdownFilters = function getDropdownFilters(_ref) {
     defaultValue: filters[_utils.PACKAGE_FILTERS.DUPLICATE]
   }), _ref2;
 };
-
 var PackagePopoverContent = function PackagePopoverContent(_ref3) {
   var name = _ref3.name,
-      fullName = _ref3.fullName,
-      path = _ref3.path,
-      duplicate = _ref3.duplicate,
-      CustomComponentLink = _ref3.CustomComponentLink;
+    fullName = _ref3.fullName,
+    path = _ref3.path,
+    duplicate = _ref3.duplicate,
+    CustomComponentLink = _ref3.CustomComponentLink;
   var fallbackPackagePath = "node_modules/".concat(fullName.split(_utils.PACKAGES_SEPARATOR).join('/node_modules/'));
   var normalizedPackagePath = "".concat(path || fallbackPackagePath, "/");
-
   var _name$split = name.split(_utils.PACKAGE_ID_SEPARATOR),
-      _name$split2 = _slicedToArray(_name$split, 2),
-      normalizedName = _name$split2[0],
-      packageId = _name$split2[1];
-
+    _name$split2 = _slicedToArray(_name$split, 2),
+    normalizedName = _name$split2[0],
+    packageId = _name$split2[1];
   return /*#__PURE__*/_react["default"].createElement(_stack.Stack, {
     space: "xsmall",
     className: _bundlePackagesModule["default"].packageHoverCard
@@ -133,7 +95,6 @@ var PackagePopoverContent = function PackagePopoverContent(_ref3) {
     className: _bundlePackagesModule["default"].packageHoverCardActions
   }, duplicate && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(CustomComponentLink, (0, _utils.getBundlePackagesByNameComponentLink)(normalizedName), "View all duplicate instances")), /*#__PURE__*/_react["default"].createElement(CustomComponentLink, (0, _utils.getBundleModulesBySearch)(normalizedPackagePath), "Search modules by package path")));
 };
-
 PackagePopoverContent.propTypes = {
   name: _propTypes["default"].string.isRequired,
   path: _propTypes["default"].string,
@@ -144,19 +105,16 @@ PackagePopoverContent.propTypes = {
 PackagePopoverContent.defaultProps = {
   path: ''
 };
-
 var PackageName = function PackageName(_ref4) {
   var packageName = _ref4.packageName,
-      path = _ref4.path,
-      showDuplicateFlag = _ref4.showDuplicateFlag,
-      row = _ref4.row,
-      CustomComponentLink = _ref4.CustomComponentLink;
-
+    path = _ref4.path,
+    showDuplicateFlag = _ref4.showDuplicateFlag,
+    row = _ref4.row,
+    CustomComponentLink = _ref4.CustomComponentLink;
   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]);
@@ -170,14 +128,12 @@ var PackageName = function PackageName(_ref4) {
       className: _bundlePackagesModule["default"].packageNameLabel
     }, packageName));
   }, [packageName, showDuplicateFlag, row]);
-
   if (!showHoverCard) {
     return /*#__PURE__*/_react["default"].createElement("span", {
       className: _bundlePackagesModule["default"].packageName,
       onMouseEnter: handleOnMouseEnter
     }, label);
   }
-
   return /*#__PURE__*/_react["default"].createElement(_hoverCard.HoverCard, {
     className: _bundlePackagesModule["default"].packageName,
     label: /*#__PURE__*/_react["default"].createElement("span", {
@@ -191,7 +147,6 @@ var PackageName = function PackageName(_ref4) {
     CustomComponentLink: CustomComponentLink
   }));
 };
-
 PackageName.propTypes = {
   packageName: _propTypes["default"].string.isRequired,
   path: _propTypes["default"].string.isRequired,
@@ -205,21 +160,19 @@ PackageName.propTypes = {
   }).isRequired,
   CustomComponentLink: _propTypes["default"].elementType.isRequired
 };
-
 var RowHeader = function RowHeader(_ref5) {
   var row = _ref5.row,
-      CustomComponentLink = _ref5.CustomComponentLink;
+    CustomComponentLink = _ref5.CustomComponentLink;
   var packageNames = row.label.split(_utils.PACKAGES_SEPARATOR);
-
   var _ref6 = row.runs[0] || {},
-      path = _ref6.path;
-
+    path = _ref6.path;
   return /*#__PURE__*/_react["default"].createElement("span", {
     className: _bundlePackagesModule["default"].packageNames
   }, packageNames.map(function (packageName, index) {
     return /*#__PURE__*/_react["default"].createElement(PackageName, {
       packageName: packageName,
-      path: path // Render duplicate flag only for the last entry
+      path: path
+      // Render duplicate flag only for the last entry
       ,
       showDuplicateFlag: index === packageNames.length - 1,
       row: row,
@@ -227,7 +180,6 @@ var RowHeader = function RowHeader(_ref5) {
     });
   }));
 };
-
 RowHeader.propTypes = {
   row: _propTypes["default"].shape({
     label: _propTypes["default"].string,
@@ -238,23 +190,22 @@ RowHeader.propTypes = {
   }).isRequired,
   CustomComponentLink: _propTypes["default"].elementType.isRequired
 };
-
 var BundlePackages = function BundlePackages(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,
-      sortFields = props.sortFields,
-      sort = props.sort,
-      updateSort = props.updateSort,
-      search = props.search,
-      updateSearch = props.updateSearch,
-      hasActiveFilters = props.hasActiveFilters,
-      CustomComponentLink = props.customComponentLink;
+    jobs = props.jobs,
+    items = props.items,
+    updateFilters = props.updateFilters,
+    resetFilters = props.resetFilters,
+    resetAllFilters = props.resetAllFilters,
+    totalRowCount = props.totalRowCount,
+    filters = props.filters,
+    sortFields = props.sortFields,
+    sort = props.sort,
+    updateSort = props.updateSort,
+    search = props.search,
+    updateSearch = props.updateSearch,
+    hasActiveFilters = props.hasActiveFilters,
+    CustomComponentLink = props.customComponentLink;
   var dropdownFilters = (0, _react.useMemo)(function () {
     return getDropdownFilters({
       compareMode: (jobs === null || jobs === void 0 ? void 0 : jobs.length) > 1,
@@ -322,7 +273,6 @@ var BundlePackages = function BundlePackages(props) {
     title: metricsTableTitle
   })));
 };
-
 exports.BundlePackages = BundlePackages;
 BundlePackages.defaultProps = {
   className: '',

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

@@ -1,49 +1,30 @@
 "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 stories = (0, _react2.storiesOf)('Components/BundlePackages', module);
 stories.addDecorator((0, _stories.getWrapperDecorator)());
 stories.add('default', function () {
@@ -58,7 +39,6 @@ stories.add('multiple jobs', function () {
 });
 stories.add('custom filters', function () {
   var _ref;
-
   return /*#__PURE__*/_react["default"].createElement(_.BundlePackages, {
     jobs: JOBS,
     filters: (_ref = {}, _defineProperty(_ref, _utils.PACKAGE_FILTERS.CHANGED, false), _defineProperty(_ref, _utils.PACKAGE_FILTERS.DUPLICATE, true), _ref)

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

@@ -4,74 +4,52 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getRowFilter = exports.getDuplicatePackages = exports.getCustomSort = exports.getAddRowDuplicateFlag = void 0;
-
 var _uniq2 = _interopRequireDefault(require("lodash/uniq"));
-
 var _flatten2 = _interopRequireDefault(require("lodash/flatten"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _utils = require("@bundle-stats/utils");
-
 var _bundlePackages = require("./bundle-packages.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; }
-
 // Get a list of duplicate packages across jobs
 var getDuplicatePackages = function getDuplicatePackages(jobs) {
   var jobsDuplicatePackages = jobs.map(function (job) {
     var _job$insights, _job$insights$webpack, _job$insights$webpack2;
-
     var insightsData = (job === null || job === void 0 ? void 0 : (_job$insights = job.insights) === null || _job$insights === void 0 ? void 0 : (_job$insights$webpack = _job$insights.webpack) === null || _job$insights$webpack === void 0 ? void 0 : (_job$insights$webpack2 = _job$insights$webpack.duplicatePackages) === null || _job$insights$webpack2 === void 0 ? void 0 : _job$insights$webpack2.data) || {};
     return Object.values(insightsData).flat();
   });
   return (0, _uniq2["default"])((0, _flatten2["default"])(jobsDuplicatePackages));
 };
-
 exports.getDuplicatePackages = getDuplicatePackages;
-
 var getRowFilter = function getRowFilter(filters) {
   return function (item) {
     if (filters[_utils.PACKAGE_FILTERS.CHANGED] && !item.changed) {
       return false;
     }
-
     if (filters[_utils.PACKAGE_FILTERS.DUPLICATE] && !item.duplicate) {
       return false;
     }
-
     return true;
   };
 };
-
 exports.getRowFilter = getRowFilter;
-
 var getCustomSort = function getCustomSort(sortId) {
   return function (item) {
     if (sortId === _bundlePackages.SORT_BY_NAME) {
       return item.key;
     }
-
     if (sortId === _bundlePackages.SORT_BY_DELTA) {
       return (0, _get2["default"])(item, 'runs[0].deltaPercentage', 0);
     }
-
     if (sortId === _bundlePackages.SORT_BY_SIZE) {
       return (0, _get2["default"])(item, 'runs[0].value', 0);
     }
-
     return [!item.changed, item.key];
   };
 };
-
 exports.getCustomSort = getCustomSort;
-
 var getAddRowDuplicateFlag = function getAddRowDuplicateFlag(duplicateJobs) {
   return function (row) {
     return _objectSpread(_objectSpread({}, row), {}, {
@@ -79,5 +57,4 @@ var getAddRowDuplicateFlag = function getAddRowDuplicateFlag(duplicateJobs) {
     });
   };
 };
-
 exports.getAddRowDuplicateFlag = getAddRowDuplicateFlag;