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

package/lib-esm/hocs/with-search.js

@@ -1,214 +0,0 @@
-import _noop from "lodash/noop";
-import _merge from "lodash/merge";
-import _isEqual from "lodash/isEqual";
-
-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); }
-
-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 React, { useCallback, useEffect, useReducer } from 'react';
-import PropTypes from 'prop-types';
-var ACTION_SET_FILTERS = 'SET_FILTERS';
-var ACTION_SET_SEARCH = 'SET_SEARCH';
-var ACTION_RESET_DEFAULT = 'RESET_DEFAULT';
-var ACTION_RESET_ALL = 'RESET_ALL';
-var ACTION_SET = 'SET';
-
-var getSearchPattern = function getSearchPattern(search) {
-  var searchPattern = new RegExp(/.*/);
-
-  if (!search || !search.trim()) {
-    return searchPattern;
-  }
-
-  try {
-    searchPattern = new RegExp(search, 'i');
-  } catch (err) {
-    // noop
-    console.error(err); // eslint-disable-line no-console
-  }
-
-  return searchPattern;
-};
-
-var getSearchReducer = function getSearchReducer(_ref) {
-  var defaultFilters = _ref.defaultFilters,
-      allEntriesFilters = _ref.allEntriesFilters,
-      setParentState = _ref.setParentState;
-  return function (state, action) {
-    var type = action.type,
-        payload = action.payload;
-
-    switch (type) {
-      case ACTION_SET_FILTERS:
-        {
-          setParentState({
-            filters: payload,
-            search: state.search
-          });
-          return _objectSpread(_objectSpread({}, state), {}, {
-            filters: payload
-          });
-        }
-
-      case ACTION_SET_SEARCH:
-        {
-          setParentState({
-            filters: state.filters,
-            search: payload
-          });
-          return _objectSpread(_objectSpread({}, state), {}, {
-            search: payload,
-            searchPattern: getSearchPattern(payload)
-          });
-        }
-
-      case ACTION_RESET_DEFAULT:
-        {
-          setParentState({
-            filters: defaultFilters,
-            search: ''
-          });
-          return {
-            filters: defaultFilters,
-            search: '',
-            searchPattern: getSearchPattern()
-          };
-        }
-
-      case ACTION_RESET_ALL:
-        {
-          setParentState({
-            filters: allEntriesFilters,
-            search: ''
-          });
-          return {
-            filters: allEntriesFilters,
-            search: '',
-            searchPattern: getSearchPattern()
-          };
-        }
-
-      case ACTION_SET:
-        {
-          return payload;
-        }
-
-      default:
-        return state;
-    }
-  };
-};
-
-export var generateState = function generateState(filters, search) {
-  return {
-    filters: filters,
-    search: search,
-    searchPattern: getSearchPattern(search)
-  };
-};
-export var useSearch = function useSearch(_ref2) {
-  var setParentState = _ref2.setState,
-      parentSearch = _ref2.search,
-      parentFilters = _ref2.filters,
-      defaultFilters = _ref2.defaultFilters,
-      allEntriesFilters = _ref2.allEntriesFilters;
-  // When we pass custom filters, set the other flags to true(allEntries)
-  var initialFilters = parentFilters ? _merge({}, allEntriesFilters, parentFilters) : defaultFilters;
-
-  var _useReducer = useReducer(getSearchReducer({
-    defaultFilters: defaultFilters,
-    allEntriesFilters: allEntriesFilters,
-    setParentState: setParentState
-  }), generateState(initialFilters, parentSearch)),
-      _useReducer$ = _useReducer[0],
-      search = _useReducer$.search,
-      searchPattern = _useReducer$.searchPattern,
-      filters = _useReducer$.filters,
-      dispatch = _useReducer[1]; // Update state when the custom filters/search are changing - initial load or route updates
-
-
-  useEffect(function () {
-    // Run a deep comparison to prevent circular setState triggering
-    if (parentSearch === search || _isEqual(parentFilters, filters)) {
-      return;
-    }
-
-    dispatch({
-      type: ACTION_SET,
-      payload: generateState(initialFilters, parentSearch)
-    });
-  }, [search, filters, parentFilters, parentSearch]);
-  var handleUpdateSearch = useCallback(function (newValue) {
-    dispatch({
-      type: ACTION_SET_SEARCH,
-      payload: newValue
-    });
-  }, []);
-  var handleUpdateFilters = useCallback(function (newFilters) {
-    dispatch({
-      type: ACTION_SET_FILTERS,
-      payload: newFilters
-    });
-  }, []);
-  var handleResetFilters = useCallback(function () {
-    dispatch({
-      type: ACTION_RESET_DEFAULT
-    });
-  }, []);
-  var handleResetAllFilters = useCallback(function () {
-    dispatch({
-      type: ACTION_RESET_ALL
-    });
-  }, []);
-  return {
-    search: search,
-    updateSearch: handleUpdateSearch,
-    searchPattern: searchPattern,
-    updateFilters: handleUpdateFilters,
-    resetFilters: handleResetFilters,
-    resetAllFilters: handleResetAllFilters,
-    filters: filters,
-    hasActiveFilters: !_isEqual(allEntriesFilters, filters)
-  };
-};
-export var withSearch = function withSearch() {
-  return function (BaseComponent) {
-    var WithSearch = function WithSearch(props) {
-      var allEntriesFilters = props.allEntriesFilters,
-          defaultFilters = props.defaultFilters,
-          filters = props.filters,
-          search = props.search,
-          setState = props.setState;
-      var searchProps = useSearch({
-        search: search,
-        filters: filters,
-        setState: setState,
-        defaultFilters: defaultFilters,
-        allEntriesFilters: allEntriesFilters
-      });
-      return /*#__PURE__*/React.createElement(BaseComponent, _extends({}, props, searchProps));
-    };
-
-    WithSearch.defaultProps = {
-      filters: null,
-      setState: _noop,
-      search: ''
-    };
-    WithSearch.propTypes = {
-      allEntriesFilters: PropTypes.object.isRequired,
-      // eslint-disable-line react/forbid-prop-types
-      defaultFilters: PropTypes.object.isRequired,
-      // eslint-disable-line react/forbid-prop-types
-      filters: PropTypes.object,
-      // eslint-disable-line react/forbid-prop-types
-      search: PropTypes.string,
-      setState: PropTypes.func
-    };
-    return WithSearch;
-  };
-};

package/lib-esm/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-esm/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-esm/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-esm/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-esm/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-esm/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-esm/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-esm/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-esm/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-esm/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-esm/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-esm/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-esm/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-esm/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/src/components/bundle-assets/bundle-assets.container.js

@@ -1,146 +0,0 @@
-import { useMemo } from 'react';
-import { compose, withProps } from 'recompose';
-import { get } from 'lodash';
-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';
-
-const addRowAssetFlags = (row) => {
-  const { runs } = row;
-
-  const isEntry = runs.map((run) => run?.isEntry).includes(true);
-  const isInitial = runs.map((run) => run?.isInitial).includes(true);
-  const isChunk = runs.map((run) => run?.isChunk).includes(true);
-
-  const isAsset = !(isEntry || isInitial || isChunk);
-
-  return {
-    ...row,
-    isEntry,
-    isInitial,
-    isChunk,
-    isAsset,
-  };
-};
-
-const getIsNotPredictive = (key, runs) =>
-  runs.reduce((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);
-
-const addRowIsNotPredictive = (row) => ({
-  ...row,
-  isNotPredictive: getIsNotPredictive(row.key, row.runs),
-});
-
-const getRowFilter = (filters) => (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;
-};
-
-const getCustomSort = (sortId) => (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 const enhance = compose(
-  withProps(({ jobs }) => {
-    const items = useMemo(
-      () => webpack.compareBySection.assets(jobs, [addRowAssetFlags, addRowIsNotPredictive]),
-      [jobs]
-    );
-
-    const defaultFilters = {
-      [ASSET_FILTERS.CHANGED]: jobs?.length > 1,
-      ...getAssetEntryTypeFilters(true),
-      ...getAssetFileTypeFilters(true),
-    };
-
-    const allEntriesFilters = {
-      [ASSET_FILTERS.CHANGED]: false,
-      ...getAssetEntryTypeFilters(true),
-      ...getAssetFileTypeFilters(true),
-    };
-
-    return {
-      items,
-      totalRowCount: items.length,
-      defaultFilters,
-      allEntriesFilters,
-    };
-  }),
-
-  withSearch(),
-  withFilteredItems(getRowFilter),
-  withCustomSort({ sortItems: SORT_BY, getCustomSort }),
-);

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

@@ -1,4 +0,0 @@
-import { enhance } from './bundle-assets.container';
-import { BundleAssets as BundleAssetsComponent } from './bundle-assets';
-
-export const BundleAssets = enhance(BundleAssetsComponent);

package/src/components/bundle-modules/bundle-modules.container.js

@@ -1,158 +0,0 @@
-import { useMemo } from 'react';
-import { compose, withProps } from 'recompose';
-import { get, map, max, merge, intersection, uniqBy } from 'lodash';
-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';
-
-const addRowSourceFlag = (row) => {
-  const { key } = row;
-  const thirdParty = Boolean(key.match(webpack.MODULE_PATH_PACKAGES));
-  return { ...row, thirdParty };
-};
-
-const getCustomSort = (sortBy) => (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];
-};
-
-const getRowFilter = (filters) => (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
-  const fileType = getModuleSourceFileType(row.key);
-  if (!filters[`${MODULE_FILE_TYPE}.${fileType}`]) {
-    return false;
-  }
-
-  return true;
-};
-
-export default compose(
-  withProps((props) => {
-    const { jobs } = props;
-    const chunks = uniqBy(
-      jobs.map((job) => job?.meta?.webpack?.chunks || []).flat(),
-      ({ id }) => id,
-    );
-    const chunkIds = map(chunks, 'id');
-
-    const defaultFilters = {
-      changed: jobs?.length > 1,
-      ...getModuleSourceTypeFilters(true),
-      ...getModuleChunkFilters(chunkIds, true),
-      ...getModuleFileTypeFilters(true),
-    };
-
-    const allEntriesFilters = {
-      changed: false,
-      ...getModuleSourceTypeFilters(true),
-      ...getModuleChunkFilters(chunkIds, true),
-      ...getModuleFileTypeFilters(true),
-    };
-
-    return {
-      defaultFilters,
-      allEntriesFilters,
-      chunks,
-      chunkIds,
-    };
-  }),
-  withSearch(),
-  withProps((props) => {
-    const { jobs, chunkIds, filters } = props;
-
-    // List of chunkIds with filter value set to `true`
-    const includedChunkIds = chunkIds.reduce((agg, chunkId) => {
-      if (get(filters, `${MODULE_CHUNK}.${chunkId}`)) {
-        return [...agg, chunkId];
-      }
-      return agg;
-    }, []);
-
-    // If all the filters are included, return jobs as they are
-    if (includedChunkIds.length === chunkIds.length) {
-      return { jobs };
-    }
-
-    const jobsWithFilteredData = jobs.map((job) => {
-      const { modules } = job?.metrics?.webpack || {};
-
-      const filteredModules = Object.entries(modules).reduce((agg, [moduleId, moduleEntry]) => {
-        const 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
-      const newJob = merge({}, job);
-      newJob.metrics.webpack.modules = filteredModules;
-
-      return newJob;
-    });
-
-    return { jobs: jobsWithFilteredData };
-  }),
-  withProps(({ jobs }) => {
-    const { items, totalRowCount } = useMemo(
-      () => ({
-        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((job) => Object.values(job?.metrics?.webpack?.modules || {}).length)),
-      }),
-      [jobs],
-    );
-
-    return {
-      totalRowCount,
-      items,
-    };
-  }),
-  withFilteredItems(getRowFilter),
-  withCustomSort({ sortItems: SORT_BY, getCustomSort }),
-);

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

@@ -1,4 +0,0 @@
-import enhance from './bundle-modules.container';
-import { BundleModules as Component } from './bundle-modules';
-
-export const BundleModules = enhance(Component);