@bundle-stats/ui 3.2.0-beta.1 → 3.2.1-beta.10

package/lib/hocs/with-filtered-items.js

@@ -1,54 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.withFilteredItems = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-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 || 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); }
-
-var withFilteredItems = function withFilteredItems(getFilter) {
-  return function (BaseComponent) {
-    var WithFilteredItems = function WithFilteredItems(props) {
-      var items = props.items,
-          filters = props.filters,
-          searchPattern = props.searchPattern;
-      var filteredItems = (0, _react.useMemo)(function () {
-        return items.filter(function (item) {
-          if (searchPattern && !searchPattern.test(item === null || item === void 0 ? void 0 : item.key)) {
-            return false;
-          }
-
-          return getFilter(filters)(item);
-        });
-      }, [items, searchPattern, filters]);
-      var baseProps = {
-        items: filteredItems
-      };
-      return /*#__PURE__*/_react["default"].createElement(BaseComponent, _extends({}, props, baseProps));
-    };
-
-    WithFilteredItems.propTypes = {
-      filters: _propTypes["default"].object.isRequired,
-      // eslint-disable-line react/forbid-prop-types
-      items: _propTypes["default"].array.isRequired,
-      // eslint-disable-line react/forbid-prop-types
-      searchPattern: _propTypes["default"].instanceOf(RegExp).isRequired
-    };
-    return WithFilteredItems;
-  };
-};
-
-exports.withFilteredItems = withFilteredItems;

package/lib/ui/icon/assets/arrow.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
-  <path fill="none" d="M0 0h24v24H0V0z"/>
-  <path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"/>
-</svg>

package/lib/ui/icon/assets/branch.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 640 1024" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
-<path d="M512 192c-70.625 0-128 57.344-128 128 0 47.219 25.875 88.062 64 110.281V448s0 128-128 128c-53.062 0-94.656 11.375-128 28.812V302.281c38.156-22.219 64-63.062 64-110.281 0-70.656-57.344-128-128-128S0 121.344 0 192c0 47.219 25.844 88.062 64 110.281V721.75C25.844 743.938 0 784.75 0 832c0 70.625 57.344 128 128 128s128-57.375 128-128c0-33.5-13.188-63.75-34.25-86.625C240.375 722.5 270.656 704 320 704c254 0 256-256 256-256v-17.719c38.125-22.219 64-63.062 64-110.281 0-70.656-57.375-128-128-128zm-384-64c35.406 0 64 28.594 64 64s-28.594 64-64 64-64-28.594-64-64 28.594-64 64-64zm0 768c-35.406 0-64-28.625-64-64 0-35.312 28.594-64 64-64s64 28.688 64 64c0 35.375-28.594 64-64 64zm384-512c-35.375 0-64-28.594-64-64s28.625-64 64-64 64 28.594 64 64-28.625 64-64 64z"/>
-</svg>

package/lib/ui/icon/assets/cancel.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="currentColor">
-  <path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/>
-  <path d="M0 0h24v24H0z" fill="none"/>
-</svg>

package/lib/ui/icon/assets/clock.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 14 16" fill="currentColor">
-<path fill-rule="evenodd" d="M8 8h3v2H7c-.55 0-1-.45-1-1V4h2v4zM7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7z"/>
-</svg>

package/lib/ui/icon/assets/close.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
-  <path d="M0 0h24v24H0z" fill="none"/>
-  <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
-</svg>

package/lib/ui/icon/assets/commit.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 896 1024" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
-<path d="M694.875 448C666.375 337.781 567.125 256 448 256c-119.094 0-218.375 81.781-246.906 192H0v128h201.094C229.625 686.25 328.906 768 448 768c119.125 0 218.375-81.75 246.875-192H896V448H694.875zM448 640c-70.656 0-128-57.375-128-128 0-70.656 57.344-128 128-128 70.625 0 128 57.344 128 128 0 70.625-57.375 128-128 128z"/>
-</svg>

package/lib/ui/icon/assets/filter.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
-  <path d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"/>
-  <path d="M0 0h24v24H0z" fill="none"/>
-</svg>

package/lib/ui/icon/assets/help.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 24 24" fill="currentColor">
-  <path d="M0 0h24v24H0z" fill="none"/>
-  <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"/>
-</svg>

package/lib/ui/icon/assets/job.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor">
-<path d="M73.1 54.9c10.1 0 18.3 8.2 18.3 18.3s-8.2 18.3-18.3 18.3-18.3-8.2-18.3-18.3S63 54.9 73.1 54.9zM256 201.1c0 30.3-24.6 54.9-54.9 54.9h-128l54.9-54.9h23.2c6.3 10.9 18.1 18.3 31.7 18.3 20.2 0 36.6-16.4 36.6-36.6s-16.4-36.6-36.6-36.6c-13.5 0-25.4 7.4-31.7 18.3h-41.5L26.3 248C10.5 238.4 0 221 0 201.1V54.9C0 24.6 24.6 0 54.9 0v41.5C44 47.8 36.6 59.6 36.6 73.2c0 20.2 16.4 36.6 36.6 36.6 13.5 0 25.3-7.3 31.6-18.2l46.4-.1c6.3 10.9 18.1 18.3 31.7 18.3 20.2 0 36.6-16.4 36.6-36.6s-16.4-36.6-36.6-36.6c-13.5 0-25.4 7.4-31.7 18.3l-46.3.1c-3.2-5.6-7.9-10.2-13.4-13.5V0h109.7C231.4 0 256 24.6 256 54.9v146.2zm-91.4-18.2c0-10.1 8.2-18.3 18.3-18.3s18.3 8.2 18.3 18.3-8.2 18.3-18.3 18.3-18.3-8.2-18.3-18.3zm0-109.8c0-10.1 8.2-18.3 18.3-18.3s18.3 8.2 18.3 18.3-8.2 18.3-18.3 18.3-18.3-8.2-18.3-18.3z"/>
-</svg>

package/lib/ui/icon/assets/menu.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
-  <path d="M0 0h24v24H0z" fill="none"/>
-  <path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/>
-</svg>

package/lib/ui/icon/assets/package.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
-<path d="M480 64L0 192v576l480 128 480-128V192L480 64zM63.875 720.934L63.5 288l384.498 102.533.001 432.833L63.875 720.934zM63.5 224l160.254-42.734L640 292.265v.135l-160 42.667L63.5 224zm832.625 496.934L512.001 823.366l.001-432.833L640 356.4v156l128-34.135V322.267L896.5 288l-.375 432.934zM768 258.267v-.125L351.734 147.138 480 112.934 896.5 224 768 258.267z"/>
-</svg>

package/lib/ui/icon/assets/pull-request.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 768 1024" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
-<path d="M128 64C57.344 64 0 121.344 0 192c0 47.219 25.906 88.062 64 110.281V721.75C25.906 743.938 0 784.75 0 832c0 70.625 57.344 128 128 128s128-57.375 128-128c0-47.25-25.844-88.062-64-110.25V302.281c38.156-22.219 64-63.062 64-110.281 0-70.656-57.344-128-128-128zm0 832c-35.312 0-64-28.625-64-64 0-35.312 28.688-64 64-64 35.406 0 64 28.688 64 64 0 35.375-28.594 64-64 64zm0-640c-35.312 0-64-28.594-64-64s28.688-64 64-64c35.406 0 64 28.594 64 64s-28.594 64-64 64zm576 465.75V320c0-192.5-192-192-192-192h-64V0L256 192l192 192V256h64c56.438 0 64 64 64 64v401.75c-38.125 22.188-64 62.938-64 110.25 0 70.625 57.375 128 128 128s128-57.375 128-128c0-47.25-25.875-88.062-64-110.25zM640 896c-35.312 0-64-28.625-64-64 0-35.312 28.688-64 64-64 35.375 0 64 28.688 64 64 0 35.375-28.625 64-64 64z"/>
-</svg>

package/lib/ui/icon/assets/repository.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor">
-<path d="M112 64H96v16h16V64zm0-32H96v16h16V32zm96-32H48S32 0 32 16v192c0 16 16 16 16 16h32v32l24-24 24 24v-32h80s16-.3 16-16V16c0-16-16-16-16-16zm0 192c0 15.4-16 16-16 16h-64v-16H80v16H64c-16 0-16-16-16-16v-16h160v16zm0-32H80V16h128.2l-.2 144zm-96-32H96v16h16v-16zm0-32H96v16h16V96z"/>
-</svg>

package/lib/ui/icon/assets/warning.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
-  <path d="M0 0h24v24H0z" fill="none"/>
-  <path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"/>
-</svg>

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

@@ -1,119 +0,0 @@
-import _get from "lodash/get";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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; }
-
-import { useMemo } from 'react';
-import { compose, withProps } from 'recompose';
-import * as webpack from '@bundle-stats/utils/lib-esm/webpack';
-import { ASSET_ENTRY_TYPE, ASSET_FILE_TYPE, ASSET_FILTERS, getAssetEntryTypeFilters, getAssetFileTypeFilters, getFileType } from '@bundle-stats/utils';
-import { withCustomSort } from '../../hocs/with-custom-sort';
-import { withFilteredItems } from '../../hocs/with-filtered-items';
-import { withSearch } from '../../hocs/with-search';
-import { SORT_BY_NAME, SORT_BY_DELTA, SORT_BY_SIZE, SORT_BY } from './bundle-assets.constants';
-
-var addRowAssetFlags = function addRowAssetFlags(row) {
-  var runs = row.runs;
-  var isEntry = runs.map(function (run) {
-    return run == null ? void 0 : run.isEntry;
-  }).includes(true);
-  var isInitial = runs.map(function (run) {
-    return run == null ? void 0 : run.isInitial;
-  }).includes(true);
-  var isChunk = runs.map(function (run) {
-    return run == null ? void 0 : run.isChunk;
-  }).includes(true);
-  var isAsset = !(isEntry || isInitial || isChunk);
-  return _objectSpread(_objectSpread({}, row), {}, {
-    isEntry: isEntry,
-    isInitial: isInitial,
-    isChunk: isChunk,
-    isAsset: isAsset
-  });
-};
-
-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);
-};
-
-var addRowIsNotPredictive = function addRowIsNotPredictive(row) {
-  return _objectSpread(_objectSpread({}, row), {}, {
-    isNotPredictive: getIsNotPredictive(row.key, row.runs)
-  });
-};
-
-var getRowFilter = function getRowFilter(filters) {
-  return function (item) {
-    if (filters[ASSET_FILTERS.CHANGED] && !item.changed) {
-      return false;
-    }
-
-    if (!(filters[ASSET_ENTRY_TYPE + "." + ASSET_FILTERS.ENTRY] && item.isEntry || filters[ASSET_ENTRY_TYPE + "." + ASSET_FILTERS.INITIAL] && item.isInitial || filters[ASSET_ENTRY_TYPE + "." + ASSET_FILTERS.CHUNK] && item.isChunk || filters[ASSET_ENTRY_TYPE + "." + ASSET_FILTERS.ASSET] && item.isAsset)) {
-      return false;
-    }
-
-    if (!filters[ASSET_FILE_TYPE + "." + getFileType(item.key)]) {
-      return false;
-    }
-
-    return true;
-  };
-};
-
-var getCustomSort = function getCustomSort(sortId) {
-  return function (item) {
-    if (sortId === SORT_BY_NAME) {
-      return item.key;
-    }
-
-    if (sortId === SORT_BY_DELTA) {
-      return _get(item, 'runs[0].deltaPercentage', 0);
-    }
-
-    if (sortId === SORT_BY_SIZE) {
-      return _get(item, 'runs[0].value', 0);
-    }
-
-    return [!item.isNotPredictive, !item.changed, !item.isInitial, !item.isEntry, !item.isChunk, item.key];
-  };
-};
-
-export var enhance = compose(withProps(function (_ref) {
-  var _objectSpread2, _objectSpread3;
-
-  var jobs = _ref.jobs;
-  var items = useMemo(function () {
-    return webpack.compareBySection.assets(jobs, [addRowAssetFlags, addRowIsNotPredictive]);
-  }, [jobs]);
-
-  var defaultFilters = _objectSpread(_objectSpread((_objectSpread2 = {}, _objectSpread2[ASSET_FILTERS.CHANGED] = (jobs == null ? void 0 : jobs.length) > 1, _objectSpread2), getAssetEntryTypeFilters(true)), getAssetFileTypeFilters(true));
-
-  var allEntriesFilters = _objectSpread(_objectSpread((_objectSpread3 = {}, _objectSpread3[ASSET_FILTERS.CHANGED] = false, _objectSpread3), getAssetEntryTypeFilters(true)), getAssetFileTypeFilters(true));
-
-  return {
-    items: items,
-    totalRowCount: items.length,
-    defaultFilters: defaultFilters,
-    allEntriesFilters: allEntriesFilters
-  };
-}), withSearch(), withFilteredItems(getRowFilter), withCustomSort({
-  sortItems: SORT_BY,
-  getCustomSort: getCustomSort
-}));

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

@@ -1,175 +0,0 @@
-import _uniqBy from "lodash/uniqBy";
-import _intersection from "lodash/intersection";
-import _merge from "lodash/merge";
-import _max from "lodash/max";
-import _map from "lodash/map";
-import _get from "lodash/get";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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; }
-
-import { useMemo } from 'react';
-import { compose, withProps } from 'recompose';
-import * as webpack from '@bundle-stats/utils/lib-esm/webpack';
-import { MODULE_CHUNK, MODULE_FILTERS, MODULE_FILE_TYPE, MODULE_SOURCE_TYPE, getModuleChunkFilters, getModuleSourceTypeFilters, getModuleFileTypeFilters, getModuleSourceFileType } from '@bundle-stats/utils';
-import { withCustomSort } from '../../hocs/with-custom-sort';
-import { withFilteredItems } from '../../hocs/with-filtered-items';
-import { withSearch } from '../../hocs/with-search';
-import { SORT_BY_NAME, SORT_BY_SIZE, SORT_BY_DELTA, SORT_BY } from './bundle-modules.constants';
-
-var addRowSourceFlag = function addRowSourceFlag(row) {
-  var key = row.key;
-  var thirdParty = Boolean(key.match(webpack.MODULE_PATH_PACKAGES));
-  return _objectSpread(_objectSpread({}, row), {}, {
-    thirdParty: thirdParty
-  });
-};
-
-var getCustomSort = function getCustomSort(sortBy) {
-  return function (item) {
-    if (sortBy === SORT_BY_NAME) {
-      return item.key;
-    }
-
-    if (sortBy === SORT_BY_SIZE) {
-      return _get(item, 'runs[0].value', 0);
-    }
-
-    if (sortBy === SORT_BY_DELTA) {
-      return _get(item, 'runs[0].deltaPercentage', 0);
-    }
-
-    return [!item.changed, item.key];
-  };
-};
-
-var getRowFilter = function getRowFilter(filters) {
-  return function (row) {
-    // Skip not changed rows
-    if (filters[MODULE_FILTERS.CHANGED] && !row.changed) {
-      return false;
-    } // Skip not matching source type
-
-
-    if (!(filters[MODULE_SOURCE_TYPE + "." + MODULE_FILTERS.FIRST_PARTY] && row.thirdParty === false || filters[MODULE_SOURCE_TYPE + "." + MODULE_FILTERS.THIRD_PARTY] && row.thirdParty === true)) {
-      return false;
-    } // Skip not matching source file types
-
-
-    var fileType = getModuleSourceFileType(row.key);
-
-    if (!filters[MODULE_FILE_TYPE + "." + fileType]) {
-      return false;
-    }
-
-    return true;
-  };
-};
-
-export default compose(withProps(function (props) {
-  var jobs = props.jobs;
-
-  var chunks = _uniqBy(jobs.map(function (job) {
-    var _job$meta, _job$meta$webpack;
-
-    return (job == null ? void 0 : (_job$meta = job.meta) == null ? void 0 : (_job$meta$webpack = _job$meta.webpack) == null ? void 0 : _job$meta$webpack.chunks) || [];
-  }).flat(), function (_ref) {
-    var id = _ref.id;
-    return id;
-  });
-
-  var chunkIds = _map(chunks, 'id');
-
-  var defaultFilters = _objectSpread(_objectSpread(_objectSpread({
-    changed: (jobs == null ? void 0 : jobs.length) > 1
-  }, getModuleSourceTypeFilters(true)), getModuleChunkFilters(chunkIds, true)), getModuleFileTypeFilters(true));
-
-  var allEntriesFilters = _objectSpread(_objectSpread(_objectSpread({
-    changed: false
-  }, getModuleSourceTypeFilters(true)), getModuleChunkFilters(chunkIds, true)), getModuleFileTypeFilters(true));
-
-  return {
-    defaultFilters: defaultFilters,
-    allEntriesFilters: allEntriesFilters,
-    chunks: chunks,
-    chunkIds: chunkIds
-  };
-}), withSearch(), withProps(function (props) {
-  var jobs = props.jobs,
-      chunkIds = props.chunkIds,
-      filters = props.filters; // List of chunkIds with filter value set to `true`
-
-  var includedChunkIds = chunkIds.reduce(function (agg, chunkId) {
-    if (_get(filters, MODULE_CHUNK + "." + chunkId)) {
-      return [].concat(agg, [chunkId]);
-    }
-
-    return agg;
-  }, []); // If all the filters are included, return jobs as they are
-
-  if (includedChunkIds.length === chunkIds.length) {
-    return {
-      jobs: jobs
-    };
-  }
-
-  var jobsWithFilteredData = jobs.map(function (job) {
-    var _job$metrics;
-
-    var _ref2 = (job == null ? void 0 : (_job$metrics = job.metrics) == null ? void 0 : _job$metrics.webpack) || {},
-        modules = _ref2.modules;
-
-    var filteredModules = Object.entries(modules).reduce(function (agg, _ref3) {
-      var moduleId = _ref3[0],
-          moduleEntry = _ref3[1];
-
-      var match = _intersection(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
-
-    var newJob = _merge({}, job);
-
-    newJob.metrics.webpack.modules = filteredModules;
-    return newJob;
-  });
-  return {
-    jobs: jobsWithFilteredData
-  };
-}), withProps(function (_ref4) {
-  var jobs = _ref4.jobs;
-
-  var _useMemo = useMemo(function () {
-    return {
-      items: webpack.compareBySection.modules(jobs, [addRowSourceFlag]),
-
-      /*
-       * total amount of rows depends on the way the modules are merged before any filtering.
-       * to avoid running an expensive operation before filtering, we just show the total amount of
-       * rows to be the max count between different runs
-       */
-      totalRowCount: _max(jobs.map(function (job) {
-        var _job$metrics2, _job$metrics2$webpack;
-
-        return Object.values((job == null ? void 0 : (_job$metrics2 = job.metrics) == null ? void 0 : (_job$metrics2$webpack = _job$metrics2.webpack) == null ? void 0 : _job$metrics2$webpack.modules) || {}).length;
-      }))
-    };
-  }, [jobs]),
-      items = _useMemo.items,
-      totalRowCount = _useMemo.totalRowCount;
-
-  return {
-    totalRowCount: totalRowCount,
-    items: items
-  };
-}), withFilteredItems(getRowFilter), withCustomSort({
-  sortItems: SORT_BY,
-  getCustomSort: getCustomSort
-}));

package/lib-esm/components/bundle-packages/bundle-packages.container.js

@@ -1,91 +0,0 @@
-import _uniq from "lodash/uniq";
-import _flatten from "lodash/flatten";
-import _get from "lodash/get";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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; }
-
-import { useMemo } from 'react';
-import { compose, withProps } from 'recompose';
-import { PACKAGE_FILTERS } from '@bundle-stats/utils';
-import * as webpack from '@bundle-stats/utils/lib-esm/webpack';
-import { withCustomSort } from '../../hocs/with-custom-sort';
-import { withFilteredItems } from '../../hocs/with-filtered-items';
-import { withSearch } from '../../hocs/with-search';
-import { SORT_BY_NAME, SORT_BY_DELTA, SORT_BY_SIZE, SORT_BY } from './bundle-packages.constants'; // 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 ? void 0 : (_job$insights = job.insights) == null ? void 0 : (_job$insights$webpack = _job$insights.webpack) == null ? void 0 : (_job$insights$webpack2 = _job$insights$webpack.duplicatePackages) == null ? void 0 : _job$insights$webpack2.data) || {};
-    return Object.values(insightsData).flat();
-  });
-  return _uniq(_flatten(jobsDuplicatePackages));
-};
-
-var getRowFilter = function getRowFilter(filters) {
-  return function (item) {
-    if (filters[PACKAGE_FILTERS.CHANGED] && !item.changed) {
-      return false;
-    }
-
-    if (filters[PACKAGE_FILTERS.DUPLICATE] && !item.duplicate) {
-      return false;
-    }
-
-    return true;
-  };
-};
-
-var getCustomSort = function getCustomSort(sortId) {
-  return function (item) {
-    if (sortId === SORT_BY_NAME) {
-      return item.key;
-    }
-
-    if (sortId === SORT_BY_DELTA) {
-      return _get(item, 'runs[0].deltaPercentage', 0);
-    }
-
-    if (sortId === SORT_BY_SIZE) {
-      return _get(item, 'runs[0].value', 0);
-    }
-
-    return [!item.changed, item.key];
-  };
-};
-
-var getAddRowDuplicateFlag = function getAddRowDuplicateFlag(duplicateJobs) {
-  return function (row) {
-    return _objectSpread(_objectSpread({}, row), {}, {
-      duplicate: duplicateJobs.includes(row.key)
-    });
-  };
-};
-
-export var enhance = compose(withProps(function (_ref) {
-  var _defaultFilters, _allEntriesFilters;
-
-  var jobs = _ref.jobs;
-  var items = useMemo(function () {
-    var duplicateJobs = getDuplicatePackages(jobs);
-    return webpack.compareBySection.packages(jobs, [getAddRowDuplicateFlag(duplicateJobs)]);
-  }, [jobs]);
-  var defaultFilters = (_defaultFilters = {}, _defaultFilters[PACKAGE_FILTERS.CHANGED] = (jobs == null ? void 0 : jobs.length) > 1, _defaultFilters[PACKAGE_FILTERS.DUPLICATE] = false, _defaultFilters);
-  var allEntriesFilters = (_allEntriesFilters = {}, _allEntriesFilters[PACKAGE_FILTERS.CHANGED] = false, _allEntriesFilters[PACKAGE_FILTERS.DUPLICATE] = false, _allEntriesFilters);
-  return {
-    totalRowCount: items.length,
-    items: items,
-    defaultFilters: defaultFilters,
-    allEntriesFilters: allEntriesFilters
-  };
-}), withSearch(), withFilteredItems(getRowFilter), withCustomSort({
-  sortItems: SORT_BY,
-  getCustomSort: getCustomSort,
-  sortBy: SORT_BY_SIZE,
-  direction: SORT_BY[SORT_BY_SIZE].defaultDirection
-}));

package/lib-esm/hocs/with-custom-sort.js

@@ -1,43 +0,0 @@
-import _orderBy from "lodash/orderBy";
-
-function _extends() { _extends = Object.assign || 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); }
-
-import React, { useMemo, useState } from 'react';
-import PropTypes from 'prop-types';
-export var withCustomSort = function withCustomSort(_ref) {
-  var sortItems = _ref.sortItems,
-      getCustomSort = _ref.getCustomSort,
-      _ref$sortBy = _ref.sortBy,
-      sortBy = _ref$sortBy === void 0 ? 'size' : _ref$sortBy,
-      _ref$direction = _ref.direction,
-      direction = _ref$direction === void 0 ? 'desc' : _ref$direction;
-  return function (BaseComponent) {
-    var WithCustomSort = function WithCustomSort(props) {
-      var items = props.items;
-
-      var _useState = useState({
-        sortBy: sortBy,
-        direction: direction
-      }),
-          sort = _useState[0],
-          updateSort = _useState[1];
-
-      var orderedItems = useMemo(function () {
-        return _orderBy(items, getCustomSort(sort.sortBy), sort.direction);
-      }, [items, sort.sortBy, sort.direction]);
-      var otherProps = {
-        sort: sort,
-        updateSort: updateSort,
-        sortItems: sortItems,
-        items: orderedItems
-      };
-      return /*#__PURE__*/React.createElement(BaseComponent, _extends({}, props, otherProps));
-    };
-
-    WithCustomSort.propTypes = {
-      items: PropTypes.array.isRequired // eslint-disable-line react/forbid-prop-types
-
-    };
-    return WithCustomSort;
-  };
-};

package/lib-esm/hocs/with-filtered-items.js

@@ -1,35 +0,0 @@
-function _extends() { _extends = Object.assign || 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); }
-
-import React, { useMemo } from 'react';
-import PropTypes from 'prop-types';
-export var withFilteredItems = function withFilteredItems(getFilter) {
-  return function (BaseComponent) {
-    var WithFilteredItems = function WithFilteredItems(props) {
-      var items = props.items,
-          filters = props.filters,
-          searchPattern = props.searchPattern;
-      var filteredItems = useMemo(function () {
-        return items.filter(function (item) {
-          if (searchPattern && !searchPattern.test(item == null ? void 0 : item.key)) {
-            return false;
-          }
-
-          return getFilter(filters)(item);
-        });
-      }, [items, searchPattern, filters]);
-      var baseProps = {
-        items: filteredItems
-      };
-      return /*#__PURE__*/React.createElement(BaseComponent, _extends({}, props, baseProps));
-    };
-
-    WithFilteredItems.propTypes = {
-      filters: PropTypes.object.isRequired,
-      // eslint-disable-line react/forbid-prop-types
-      items: PropTypes.array.isRequired,
-      // eslint-disable-line react/forbid-prop-types
-      searchPattern: PropTypes.instanceOf(RegExp).isRequired
-    };
-    return WithFilteredItems;
-  };
-};