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

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);

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

@@ -1,93 +0,0 @@
-import { useMemo } from 'react';
-import { compose, withProps } from 'recompose';
-import { get, flatten, uniq } from 'lodash';
-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
-const getDuplicatePackages = (jobs) => {
-  const jobsDuplicatePackages = jobs.map((job) => {
-    const insightsData = job?.insights?.webpack?.duplicatePackages?.data || {};
-    return Object.values(insightsData).flat();
-  });
-
-  return uniq(flatten(jobsDuplicatePackages));
-};
-
-const getRowFilter = (filters) => (item) => {
-  if (filters[PACKAGE_FILTERS.CHANGED] && !item.changed) {
-    return false;
-  }
-
-  if (filters[PACKAGE_FILTERS.DUPLICATE] && !item.duplicate) {
-    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.changed, item.key];
-};
-
-const getAddRowDuplicateFlag = (duplicateJobs) => (row) => ({
-  ...row,
-  duplicate: duplicateJobs.includes(row.key),
-});
-
-export const enhance = compose(
-  withProps(({ jobs }) => {
-    const items = useMemo(() => {
-      const duplicateJobs = getDuplicatePackages(jobs);
-      return webpack.compareBySection.packages(jobs, [getAddRowDuplicateFlag(duplicateJobs)]);
-    }, [jobs]);
-
-    const defaultFilters = {
-      [PACKAGE_FILTERS.CHANGED]: jobs?.length > 1,
-      [PACKAGE_FILTERS.DUPLICATE]: false,
-    };
-    const allEntriesFilters = {
-      [PACKAGE_FILTERS.CHANGED]: false,
-      [PACKAGE_FILTERS.DUPLICATE]: false,
-    };
-
-    return {
-      totalRowCount: items.length,
-      items,
-      defaultFilters,
-      allEntriesFilters,
-    };
-  }),
-
-  withSearch(),
-  withFilteredItems(getRowFilter),
-
-  withCustomSort({
-    sortItems: SORT_BY,
-    getCustomSort,
-    sortBy: SORT_BY_SIZE,
-    direction: SORT_BY[SORT_BY_SIZE].defaultDirection,
-  }),
-);

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

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

package/src/hocs/with-custom-sort.jsx

@@ -1,35 +0,0 @@
-import React, { useMemo, useState } from 'react';
-import PropTypes from 'prop-types';
-import { orderBy } from 'lodash';
-
-export const withCustomSort = ({
-  sortItems,
-  getCustomSort,
-  sortBy = 'size',
-  direction = 'desc',
-}) => (BaseComponent) => {
-  const WithCustomSort = (props) => {
-    const { items } = props;
-    const [sort, updateSort] = useState({ sortBy, direction });
-    const orderedItems = useMemo(() => orderBy(items, getCustomSort(sort.sortBy), sort.direction), [
-      items,
-      sort.sortBy,
-      sort.direction,
-    ]);
-
-    const otherProps = {
-      sort,
-      updateSort,
-      sortItems,
-      items: orderedItems,
-    };
-
-    return <BaseComponent {...props} {...otherProps} />;
-  };
-
-  WithCustomSort.propTypes = {
-    items: PropTypes.array.isRequired, // eslint-disable-line react/forbid-prop-types
-  };
-
-  return WithCustomSort;
-};

package/src/hocs/with-filtered-items.jsx

@@ -1,34 +0,0 @@
-import React, { useMemo } from 'react';
-import PropTypes from 'prop-types';
-
-export const withFilteredItems = (getFilter) => (BaseComponent) => {
-  const WithFilteredItems = (props) => {
-    const { items, filters, searchPattern } = props;
-
-    const filteredItems = useMemo(
-      () =>
-        items.filter((item) => {
-          if (searchPattern && !searchPattern.test(item?.key)) {
-            return false;
-          }
-
-          return getFilter(filters)(item);
-        }),
-      [items, searchPattern, filters],
-    );
-
-    const baseProps = {
-      items: filteredItems,
-    };
-
-    return <BaseComponent {...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;
-};