@bundle-stats/ui 3.2.1-beta.8 → 3.2.1-beta.9

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [3.2.1-beta.8](https://github.com/relative-ci/bundle-stats/compare/v3.2.0...v3.2.1-beta.8) (2021-11-22)
+## [3.2.1-beta.9](https://github.com/relative-ci/bundle-stats/compare/v3.2.0...v3.2.1-beta.9) (2021-11-23)
 
 
 ### Bug Fixes

package/lib/components/browsertime-table/browsertime-table.stories.js

@@ -22,6 +22,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+// eslint-disable-next-line import/no-relative-packages
 var browsertimeFixtures = browsertime.filter(_browsertime2["default"]);
 var JOBS = (0, _utils.createJobs)([{
   browsertime: browsertimeFixtures

package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js

@@ -59,6 +59,22 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
+var getTooltip = function getTooltip(items, jobs, itemIndex, runIndex) {
+  return function () {
+    return /*#__PURE__*/_react["default"].createElement(_summaryItem.SummaryItem, {
+      className: _bundleAssetsTotalsChartBarsModule["default"].itemTooltip,
+      id: (0, _get2["default"])(items, [itemIndex, 'key']),
+      data: {
+        current: (0, _get2["default"])(items, [itemIndex, 'runs', runIndex, 'value'], 0),
+        baseline: (0, _get2["default"])(items, [itemIndex, 'runs', runIndex + 1, 'value'], 0)
+      },
+      showDelta: runIndex < jobs.length - 1,
+      showBaselineValue: runIndex < jobs.length - 1,
+      size: "large"
+    });
+  };
+};
+
 var BundleAssetsTotalsChartBars = function BundleAssetsTotalsChartBars(_ref) {
   var className = _ref.className,
       jobs = _ref.jobs,
@@ -88,23 +104,6 @@ var BundleAssetsTotalsChartBars = function BundleAssetsTotalsChartBars(_ref) {
   var colors = (0, _utils2.getColors)((0, _max2["default"])((0, _map2["default"])(dataGraphs, function (values) {
     return values.length;
   })));
-
-  var getTooltip = function getTooltip(itemIndex, runIndex) {
-    return function () {
-      return /*#__PURE__*/_react["default"].createElement(_summaryItem.SummaryItem, {
-        className: _bundleAssetsTotalsChartBarsModule["default"].itemTooltip,
-        id: (0, _get2["default"])(items, [itemIndex, 'key']),
-        data: {
-          current: (0, _get2["default"])(items, [itemIndex, 'runs', runIndex, 'value'], 0),
-          baseline: (0, _get2["default"])(items, [itemIndex, 'runs', runIndex + 1, 'value'], 0)
-        },
-        showDelta: runIndex < jobs.length - 1,
-        showBaselineValue: runIndex < jobs.length - 1,
-        size: "large"
-      });
-    };
-  };
-
   return /*#__PURE__*/_react["default"].createElement(_stack.Stack, {
     className: rootClassName,
     space: "medium"
@@ -115,7 +114,7 @@ var BundleAssetsTotalsChartBars = function BundleAssetsTotalsChartBars(_ref) {
         value: value,
         color: colors[valueIndex],
         label: labels[valueIndex],
-        getItemTooltip: getTooltip(valueIndex, runIndex)
+        getItemTooltip: getTooltip(items, jobs, valueIndex, runIndex)
       };
     });
     return /*#__PURE__*/_react["default"].createElement("div", {

package/lib/components/job-meta/job-meta.js

@@ -42,7 +42,7 @@ var JobMeta = function JobMeta(props) {
     }, title && /*#__PURE__*/_react["default"].createElement("h2", {
       className: _jobMetaModule["default"].itemTitle
     }, title), content.map(function (item) {
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, item);
+      return item;
     }));
   }));
 };

package/lib/components/summary/summary.js

@@ -27,18 +27,12 @@ var _summaryItem = require("../summary-item");
 
 var _summaryModule = _interopRequireDefault(require("./summary.module.css"));
 
-var _excluded = ["className"];
+var _excluded = ["className", "metricOptions", "SummaryItemCustomLink"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -51,49 +45,73 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var Summary = function Summary(_ref) {
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var CustomSummaryItem = function CustomSummaryItem(_ref) {
   var className = _ref.className,
-      size = _ref.size,
-      keys = _ref.keys,
-      data = _ref.data,
-      loading = _ref.loading,
-      showSummaryItemDelta = _ref.showSummaryItemDelta,
-      SummaryItemCustomLink = _ref.summaryItemLink;
+      metricOptions = _ref.metricOptions,
+      SummaryItemCustomLink = _ref.SummaryItemCustomLink,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react["default"].createElement(_box.Box, _extends({
+    padding: ['xsmall', 'small'],
+    className: (0, _classnames["default"])(className, _summaryModule["default"].summaryItemLink)
+  }, props, {
+    as: SummaryItemCustomLink
+  }, metricOptions.link));
+};
+
+CustomSummaryItem.propTypes = {
+  className: _propTypes["default"].string,
+  metricOptions: _propTypes["default"].shape({
+    link: _propTypes["default"].any // eslint-disable-line react/forbid-prop-types
+
+  }).isRequired,
+  SummaryItemCustomLink: _propTypes["default"].elementType.isRequired
+};
+CustomSummaryItem.defaultProps = {
+  className: ''
+};
+
+var Summary = function Summary(_ref2) {
+  var className = _ref2.className,
+      size = _ref2.size,
+      keys = _ref2.keys,
+      data = _ref2.data,
+      loading = _ref2.loading,
+      showSummaryItemDelta = _ref2.showSummaryItemDelta,
+      SummaryItemCustomLink = _ref2.summaryItemLink;
   return /*#__PURE__*/_react["default"].createElement(_box.Box, {
     outline: true,
     className: (0, _classnames["default"])(_summaryModule["default"].root, className)
   }, /*#__PURE__*/_react["default"].createElement(_flexStack.FlexStack, {
     className: _summaryModule["default"].items
-  }, Array.from(_utils.METRIC_COMPONENT_LINKS).filter(function (_ref2) {
-    var _ref3 = _slicedToArray(_ref2, 1),
-        metricId = _ref3[0];
+  }, Array.from(_utils.METRIC_COMPONENT_LINKS).filter(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 1),
+        metricId = _ref4[0];
 
     return keys.includes(metricId);
-  }).map(function (_ref4) {
-    var _ref5 = _slicedToArray(_ref4, 2),
-        metricId = _ref5[0],
-        metricOptions = _ref5[1];
+  }).map(function (_ref5) {
+    var _ref6 = _slicedToArray(_ref5, 2),
+        metricId = _ref6[0],
+        metricOptions = _ref6[1];
 
     return /*#__PURE__*/_react["default"].createElement(_summaryItem.SummaryItem, {
-      as: function as(_ref6) {
-        var itemClassName = _ref6.className,
-            itemProps = _objectWithoutProperties(_ref6, _excluded);
-
-        return /*#__PURE__*/_react["default"].createElement(_box.Box, _extends({
-          padding: ['xsmall', 'small'],
-          className: (0, _classnames["default"])(itemClassName, _summaryModule["default"].summaryItemLink)
-        }, itemProps, {
-          as: SummaryItemCustomLink
-        }, metricOptions.link));
-      },
+      as: CustomSummaryItem,
+      className: _summaryModule["default"].item,
+      metricOptions: metricOptions,
+      SummaryItemCustomLink: SummaryItemCustomLink,
       size: size,
       key: metricId,
       id: metricId,
       data: (0, _get2["default"])(data, metricId),
       loading: loading,
       showMetricDescription: true,
-      showDelta: showSummaryItemDelta && metricOptions.showDelta !== false,
-      className: _summaryModule["default"].item
+      showDelta: showSummaryItemDelta && metricOptions.showDelta !== false
     });
   })));
 };

package/lib/hooks/search-params.js

@@ -38,7 +38,7 @@ var ACTION_RESET_ALL = 'RESET_ALL';
 var ACTION_SET = 'SET';
 
 var getSearchPattern = function getSearchPattern(search) {
-  var searchPattern = new RegExp(/.*/);
+  var searchPattern = /.*/;
 
   if (!search || !search.trim()) {
     return searchPattern;

package/lib-esm/components/browsertime-table/browsertime-table.stories.js

@@ -1,7 +1,8 @@
 import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { createJobs } from '@bundle-stats/utils';
-import * as browsertime from '@bundle-stats/utils/lib-esm/browsertime';
+import * as browsertime from '@bundle-stats/utils/lib-esm/browsertime'; // eslint-disable-next-line import/no-relative-packages
+
 import browsertimeSourceFixtures from '../../../../../fixtures/browsertime.json';
 import { getWrapperDecorator } from '../../stories';
 import { BrowsertimeTable } from '.';

package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js

@@ -17,6 +17,19 @@ import { getColors } from '../../utils';
 import { Stack } from '../../layout/stack';
 import { SummaryItem } from '../summary-item';
 import css from './bundle-assets-totals-chart-bars.module.css';
+
+const getTooltip = (items, jobs, itemIndex, runIndex) => () => /*#__PURE__*/React.createElement(SummaryItem, {
+  className: css.itemTooltip,
+  id: _get(items, [itemIndex, 'key']),
+  data: {
+    current: _get(items, [itemIndex, 'runs', runIndex, 'value'], 0),
+    baseline: _get(items, [itemIndex, 'runs', runIndex + 1, 'value'], 0)
+  },
+  showDelta: runIndex < jobs.length - 1,
+  showBaselineValue: runIndex < jobs.length - 1,
+  size: "large"
+});
+
 export const BundleAssetsTotalsChartBars = _ref => {
   let {
     className,
@@ -51,19 +64,6 @@ export const BundleAssetsTotalsChartBars = _ref => {
     }, componentData), label);
   });
   const colors = getColors(_max(_map(dataGraphs, values => values.length)));
-
-  const getTooltip = (itemIndex, runIndex) => () => /*#__PURE__*/React.createElement(SummaryItem, {
-    className: css.itemTooltip,
-    id: _get(items, [itemIndex, 'key']),
-    data: {
-      current: _get(items, [itemIndex, 'runs', runIndex, 'value'], 0),
-      baseline: _get(items, [itemIndex, 'runs', runIndex + 1, 'value'], 0)
-    },
-    showDelta: runIndex < jobs.length - 1,
-    showBaselineValue: runIndex < jobs.length - 1,
-    size: "large"
-  });
-
   return /*#__PURE__*/React.createElement(Stack, {
     className: rootClassName,
     space: "medium"
@@ -75,7 +75,7 @@ export const BundleAssetsTotalsChartBars = _ref => {
       value,
       color: colors[valueIndex],
       label: labels[valueIndex],
-      getItemTooltip: getTooltip(valueIndex, runIndex)
+      getItemTooltip: getTooltip(items, jobs, valueIndex, runIndex)
     }));
     return /*#__PURE__*/React.createElement("div", {
       key: internalBuildNumber || runIndex,

package/lib-esm/components/job-meta/job-meta.js

@@ -25,7 +25,7 @@ export const JobMeta = props => {
       key: key
     }, title && /*#__PURE__*/React.createElement("h2", {
       className: css.itemTitle
-    }, title), content.map(item => /*#__PURE__*/React.createElement(React.Fragment, null, item)));
+    }, title), content.map(item => item));
   }));
 };
 JobMeta.propTypes = {

package/lib-esm/components/summary/summary.js

@@ -12,7 +12,34 @@ import { FlexStack } from '../../layout/flex-stack';
 import { ComponentLink } from '../component-link';
 import { SummaryItem } from '../summary-item';
 import css from './summary.module.css';
-export const Summary = _ref => {
+
+const CustomSummaryItem = _ref => {
+  let {
+    className,
+    metricOptions,
+    SummaryItemCustomLink,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    padding: ['xsmall', 'small'],
+    className: cx(className, css.summaryItemLink)
+  }, props, {
+    as: SummaryItemCustomLink
+  }, metricOptions.link));
+};
+
+CustomSummaryItem.propTypes = {
+  className: PropTypes.string,
+  metricOptions: PropTypes.shape({
+    link: PropTypes.any // eslint-disable-line react/forbid-prop-types
+
+  }).isRequired,
+  SummaryItemCustomLink: PropTypes.elementType.isRequired
+};
+CustomSummaryItem.defaultProps = {
+  className: ''
+};
+export const Summary = _ref2 => {
   let {
     className,
     size,
@@ -21,38 +48,29 @@ export const Summary = _ref => {
     loading,
     showSummaryItemDelta,
     summaryItemLink: SummaryItemCustomLink
-  } = _ref;
+  } = _ref2;
   return /*#__PURE__*/React.createElement(Box, {
     outline: true,
     className: cx(css.root, className)
   }, /*#__PURE__*/React.createElement(FlexStack, {
     className: css.items
-  }, Array.from(METRIC_COMPONENT_LINKS).filter(_ref2 => {
-    let [metricId] = _ref2;
+  }, Array.from(METRIC_COMPONENT_LINKS).filter(_ref3 => {
+    let [metricId] = _ref3;
     return keys.includes(metricId);
-  }).map(_ref3 => {
-    let [metricId, metricOptions] = _ref3;
+  }).map(_ref4 => {
+    let [metricId, metricOptions] = _ref4;
     return /*#__PURE__*/React.createElement(SummaryItem, {
-      as: _ref4 => {
-        let {
-          className: itemClassName,
-          ...itemProps
-        } = _ref4;
-        return /*#__PURE__*/React.createElement(Box, _extends({
-          padding: ['xsmall', 'small'],
-          className: cx(itemClassName, css.summaryItemLink)
-        }, itemProps, {
-          as: SummaryItemCustomLink
-        }, metricOptions.link));
-      },
+      as: CustomSummaryItem,
+      className: css.item,
+      metricOptions: metricOptions,
+      SummaryItemCustomLink: SummaryItemCustomLink,
       size: size,
       key: metricId,
       id: metricId,
       data: _get(data, metricId),
       loading: loading,
       showMetricDescription: true,
-      showDelta: showSummaryItemDelta && metricOptions.showDelta !== false,
-      className: css.item
+      showDelta: showSummaryItemDelta && metricOptions.showDelta !== false
     });
   })));
 };

package/lib-esm/hooks/search-params.js

@@ -8,7 +8,7 @@ const ACTION_RESET_ALL = 'RESET_ALL';
 const ACTION_SET = 'SET';
 
 const getSearchPattern = search => {
-  let searchPattern = new RegExp(/.*/);
+  let searchPattern = /.*/;
 
   if (!search || !search.trim()) {
     return searchPattern;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bundle-stats/ui",
-  "version": "3.2.1-beta.8",
+  "version": "3.2.1-beta.9",
   "description": "UI components for BundleStats projects.",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -46,8 +46,8 @@
     "@storybook/addon-postcss": "2.0.0",
     "@storybook/addon-storyshots": "6.3.12",
     "@storybook/addons": "6.3.12",
-    "@storybook/builder-webpack5": "^6.3.12",
-    "@storybook/manager-webpack5": "^6.3.12",
+    "@storybook/builder-webpack5": "6.3.12",
+    "@storybook/manager-webpack5": "6.3.12",
     "@storybook/react": "6.3.12",
     "babel-core": "7.0.0-bridge.0",
     "babel-jest": "27.3.1",
@@ -84,11 +84,11 @@
     "react-router-dom": "^5.3.0"
   },
   "dependencies": {
-    "@bundle-stats/utils": "^3.2.1-beta.8",
+    "@bundle-stats/utils": "^3.2.1-beta.9",
     "date-fns": "^2.6.0",
     "query-string": "^7.0.0",
     "reakit": "^1.3.6",
     "use-query-params": "^1.2.2"
   },
-  "gitHead": "46335ff5ced2c000c843d25fe83b040fb3c43477"
+  "gitHead": "43b453a608ced66881eeca23c3b6c464b7dcfd8b"
 }

package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.jsx

@@ -13,6 +13,20 @@ import { Stack } from '../../layout/stack';
 import { SummaryItem } from '../summary-item';
 import css from './bundle-assets-totals-chart-bars.module.css';
 
+const getTooltip = (items, jobs, itemIndex, runIndex) => () => (
+  <SummaryItem
+    className={css.itemTooltip}
+    id={get(items, [itemIndex, 'key'])}
+    data={{
+      current: get(items, [itemIndex, 'runs', runIndex, 'value'], 0),
+      baseline: get(items, [itemIndex, 'runs', runIndex + 1, 'value'], 0),
+    }}
+    showDelta={runIndex < jobs.length - 1}
+    showBaselineValue={runIndex < jobs.length - 1}
+    size="large"
+  />
+);
+
 export const BundleAssetsTotalsChartBars = ({
   className,
   jobs,
@@ -43,20 +57,6 @@ export const BundleAssetsTotalsChartBars = ({
   });
   const colors = getColors(max(map(dataGraphs, (values) => values.length)));
 
-  const getTooltip = (itemIndex, runIndex) => () => (
-    <SummaryItem
-      className={css.itemTooltip}
-      id={get(items, [itemIndex, 'key'])}
-      data={{
-        current: get(items, [itemIndex, 'runs', runIndex, 'value'], 0),
-        baseline: get(items, [itemIndex, 'runs', runIndex + 1, 'value'], 0),
-      }}
-      showDelta={runIndex < jobs.length - 1}
-      showBaselineValue={runIndex < jobs.length - 1}
-      size="large"
-    />
-  );
-
   return (
     <Stack className={rootClassName} space="medium">
       {dataGraphs.map((data, runIndex) => {
@@ -66,7 +66,7 @@ export const BundleAssetsTotalsChartBars = ({
           value,
           color: colors[valueIndex],
           label: labels[valueIndex],
-          getItemTooltip: getTooltip(valueIndex, runIndex),
+          getItemTooltip: getTooltip(items, jobs, valueIndex, runIndex),
         }));
 
         return (

package/src/components/job-meta/job-meta.jsx

@@ -19,9 +19,7 @@ export const JobMeta = (props) => {
         return (
           <div className={css.item} key={key}>
             {title && (<h2 className={css.itemTitle}>{title}</h2>)}
-            {content.map((item) => (
-              <>{item}</>
-            ))}
+            {content.map((item) => item)}
           </div>
         );
       })}

package/src/components/summary/summary.jsx

@@ -11,6 +11,28 @@ import { ComponentLink } from '../component-link';
 import { SummaryItem } from '../summary-item';
 import css from './summary.module.css';
 
+const CustomSummaryItem = ({ className, metricOptions, SummaryItemCustomLink, ...props }) => (
+  <Box
+    padding={['xsmall', 'small']}
+    className={cx(className, css.summaryItemLink)}
+    {...props}
+    as={SummaryItemCustomLink}
+    {...metricOptions.link}
+  />
+);
+
+CustomSummaryItem.propTypes = {
+  className: PropTypes.string,
+  metricOptions: PropTypes.shape({
+    link: PropTypes.any, // eslint-disable-line react/forbid-prop-types
+  }).isRequired,
+  SummaryItemCustomLink: PropTypes.elementType.isRequired,
+};
+
+CustomSummaryItem.defaultProps = {
+  className: '',
+};
+
 export const Summary = ({
   className,
   size,
@@ -25,15 +47,10 @@ export const Summary = ({
       {Array.from(METRIC_COMPONENT_LINKS).filter(([metricId]) => keys.includes(metricId)).map(
         ([metricId, metricOptions]) => (
           <SummaryItem
-            as={({ className: itemClassName, ...itemProps }) => (
-              <Box
-                padding={['xsmall', 'small']}
-                className={cx(itemClassName, css.summaryItemLink)}
-                {...itemProps}
-                as={SummaryItemCustomLink}
-                {...metricOptions.link}
-              />
-            )}
+            as={CustomSummaryItem}
+            className={css.item}
+            metricOptions={metricOptions}
+            SummaryItemCustomLink={SummaryItemCustomLink}
             size={size}
             key={metricId}
             id={metricId}
@@ -41,7 +58,6 @@ export const Summary = ({
             loading={loading}
             showMetricDescription
             showDelta={showSummaryItemDelta && metricOptions.showDelta !== false}
-            className={css.item}
           />
         )
       )}

package/src/hooks/search-params.js

@@ -8,7 +8,7 @@ const ACTION_RESET_ALL = 'RESET_ALL';
 const ACTION_SET = 'SET';
 
 const getSearchPattern = (search) => {
-  let searchPattern = new RegExp(/.*/);
+  let searchPattern = /.*/;
 
   if (!search || !search.trim()) {
     return searchPattern;