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

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

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>